From 4e13dc05fd8ceeb87abb284705d66abe752b369e Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Tue, 10 Oct 2023 17:58:30 +0300 Subject: [PATCH] Updated table themes --- pages/index.vue | 4 +- pages/landing/ThemeSection.vue | 2 +- .../landing/themes/lara-dark-blue/theme.css | 1722 ----------------- .../landing/themes/lara-dark-teal/theme.css | 1004 ++++++++++ .../landing/themes/lara-light-blue/theme.css | 1719 ---------------- .../landing/themes/lara-light-teal/theme.css | 1004 ++++++++++ 6 files changed, 2011 insertions(+), 3444 deletions(-) delete mode 100644 public/styles/landing/themes/lara-dark-blue/theme.css create mode 100644 public/styles/landing/themes/lara-dark-teal/theme.css delete mode 100644 public/styles/landing/themes/lara-light-blue/theme.css create mode 100644 public/styles/landing/themes/lara-light-teal/theme.css diff --git a/pages/index.vue b/pages/index.vue index 7355a700f..a2d7e8faa 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -39,7 +39,7 @@ export default { }, data() { return { - tableTheme: 'lara-light-blue' + tableTheme: 'lara-light-teal' }; }, themeChangeListener: null, @@ -54,7 +54,7 @@ export default { document.cookie = 'primeaffiliateid=' + afId + ';expires=' + expire.toUTCString() + ';path=/; domain:primefaces.org'; } - this.replaceTableTheme(this.$appState.darkTheme ? 'lara-dark-blue' : 'lara-light-blue'); + this.replaceTableTheme(this.$appState.darkTheme ? 'lara-dark-teal' : 'lara-light-teal'); }, methods: { onThemeToggle() { diff --git a/pages/landing/ThemeSection.vue b/pages/landing/ThemeSection.vue index b15148273..95fc4d065 100644 --- a/pages/landing/ThemeSection.vue +++ b/pages/landing/ThemeSection.vue @@ -3,7 +3,7 @@
Themes

Crafted on a design-agnostic infrastructure, choose from a vast amount of themes such as material, bootstrap, tailwind, primeone or develop your own.

- + more... diff --git a/public/styles/landing/themes/lara-dark-blue/theme.css b/public/styles/landing/themes/lara-dark-blue/theme.css deleted file mode 100644 index 34cd15ec6..000000000 --- a/public/styles/landing/themes/lara-dark-blue/theme.css +++ /dev/null @@ -1,1722 +0,0 @@ -.landing-themes * { - box-sizing: border-box; -} -.landing-themes .box.table-container { - background-color: #071426; -} -.landing-themes .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; -} -.landing-themes .p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} -.landing-themes .p-disabled, .landing-themes .p-component:disabled { - opacity: 0.4; -} -.landing-themes .p-error { - color: #FCA5A5; -} -.landing-themes .p-text-secondary { - color: rgba(255, 255, 255, 0.6); -} -.landing-themes .pi { - font-size: 1rem; -} -.landing-themes .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: 6px; -} -.landing-themes .p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} -.landing-themes .p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} -.landing-themes .p-calendar.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; -} -.landing-themes .p-datepicker { - padding: 0.5rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; -} -.landing-themes .p-datepicker:not(.p-datepicker-inline) { - background: #071426; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.landing-themes .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #071426; -} -.landing-themes .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #071426; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #0b213f; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-prev, -.landing-themes .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; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.landing-themes .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); -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.landing-themes .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; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title select:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.landing-themes .p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.landing-themes .p-datepicker table th { - padding: 0.5rem; -} -.landing-themes .p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.landing-themes .p-datepicker table td { - padding: 0.5rem; -} -.landing-themes .p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.landing-themes .p-datepicker table td > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.landing-themes .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #93C5FD; - border-color: transparent; -} -.landing-themes .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.landing-themes .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #0b213f; -} -.landing-themes .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.landing-themes .p-datepicker .p-timepicker { - border-top: 1px solid #0b213f; - padding: 0.5rem; -} -.landing-themes .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; -} -.landing-themes .p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.landing-themes .p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.landing-themes .p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.landing-themes .p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.landing-themes .p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.landing-themes .p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.landing-themes .p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.landing-themes .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.landing-themes .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-right: 1px solid #0b213f; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.landing-themes .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; -} -.landing-themes .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; - border-right: 0 none; -} -.landing-themes .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.landing-themes .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(147, 197, 253, 0.5); -} -.landing-themes .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.landing-themes .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(147, 197, 253, 0.5); -} -@media screen and (max-width: 769px) { - .landing-themes .p-datepicker table th, .landing-themes .p-datepicker table td { - padding: 0; - } -} -.landing-themes .p-checkbox { - width: 22px; - height: 22px; -} -.landing-themes .p-checkbox .p-checkbox-box { - border: 2px solid #0b213f; - background: #040d19; - width: 22px; - height: 22px; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #1c2127; - font-size: 14px; -} -.landing-themes .p-checkbox .p-checkbox-box.p-highlight { - border-color: #93C5FD; - background: #93C5FD; -} -.landing-themes .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - border-color: #6cb0fc; - background: #6cb0fc; - color: #1c2127; -} -.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #93C5FD; -} -.landing-themes .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(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #6cb0fc; - background: #6cb0fc; - color: #1c2127; -} -.landing-themes .p-checkbox.p-invalid > .p-checkbox-box { - border-color: #FCA5A5; -} -.landing-themes .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #0b213f; -} -.landing-themes .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #93C5FD; -} -.landing-themes .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #0b213f; -} -.landing-themes .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #6cb0fc; -} -.landing-themes .p-dropdown { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.landing-themes .p-dropdown:not(.p-disabled):hover { - border-color: #93C5FD; -} -.landing-themes .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.landing-themes .p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.landing-themes .p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.landing-themes .p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.landing-themes .p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.landing-themes .p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.landing-themes .p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; -} -.landing-themes .p-dropdown.p-invalid.p-component { - border-color: #FCA5A5; -} -.landing-themes .p-dropdown-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.landing-themes .p-dropdown-panel .p-dropdown-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter { - padding-right: 3.5rem; - margin-right: -3.5rem; -} -.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon { - right: 2.5rem; -} -.landing-themes .p-dropdown-panel .p-dropdown-items { - padding: 0.75rem 0; -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.landing-themes .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); -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.landing-themes .p-input-filled .p-dropdown { - background: #0b213f; -} -.landing-themes .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #0b213f; -} -.landing-themes .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #0b213f; -} -.landing-themes .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; -} -.landing-themes .p-inputnumber.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; -} -.landing-themes .p-inputtext { - 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); - background: #040d19; - padding: 0.75rem 0.75rem; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 6px; -} -.landing-themes .p-inputtext:enabled:hover { - border-color: #93C5FD; -} -.landing-themes .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.landing-themes .p-inputtext.p-invalid.p-component { - border-color: #FCA5A5; -} -.landing-themes .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} -.landing-themes .p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} -.landing-themes .p-float-label > label { - left: 0.75rem; - color: rgba(255, 255, 255, 0.6); - transition-duration: 0.2s; -} -.landing-themes .p-float-label > label.p-error { - color: #FCA5A5; -} -.landing-themes .p-input-icon-left > i:first-of-type, -.landing-themes .p-input-icon-left > svg:first-of-type, -.landing-themes .p-input-icon-left > .p-input-prefix { - left: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.landing-themes .p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} -.landing-themes .p-input-icon-left.p-float-label > label { - left: 2.5rem; -} -.landing-themes .p-input-icon-right > i:last-of-type, -.landing-themes .p-input-icon-right > svg:last-of-type, -.landing-themes .p-input-icon-right > .p-input-suffix { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.landing-themes .p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} -.landing-themes ::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.landing-themes :-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.landing-themes ::-moz-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.landing-themes :-ms-input-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.landing-themes .p-input-filled .p-inputtext { - background-color: #0b213f; -} -.landing-themes .p-input-filled .p-inputtext:enabled:hover { - background-color: #0b213f; -} -.landing-themes .p-input-filled .p-inputtext:enabled:focus { - background-color: #0b213f; -} -.landing-themes .p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} -.landing-themes .p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} -.landing-themes .p-multiselect { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.landing-themes .p-multiselect:not(.p-disabled):hover { - border-color: #93C5FD; -} -.landing-themes .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.landing-themes .p-multiselect.p-multiselect-clearable .p-multiselect-label { - padding-right: 1.75rem; -} -.landing-themes .p-multiselect .p-multiselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.landing-themes .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; -} -.landing-themes .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.landing-themes .p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.landing-themes .p-multiselect .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; -} -.landing-themes .p-multiselect.p-invalid.p-component { - border-color: #FCA5A5; -} -.landing-themes .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.375rem 0.75rem; -} -.landing-themes .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label { - padding: 0.75rem 0.75rem; -} -.landing-themes .p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label { - padding-right: 1.75rem; -} -.landing-themes .p-multiselect-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.landing-themes .p-multiselect-panel .p-multiselect-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container { - margin: 0 0.5rem; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-close { - 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; -} -.landing-themes .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); -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-multiselect-panel .p-multiselect-items { - padding: 0.75rem 0; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.landing-themes .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); -} -.landing-themes .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(147, 197, 253, 0.5); -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.landing-themes .p-input-filled .p-multiselect { - background: #0b213f; -} -.landing-themes .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #0b213f; -} -.landing-themes .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #0b213f; -} -.landing-themes .p-radiobutton { - width: 22px; - height: 22px; -} -.landing-themes .p-radiobutton .p-radiobutton-box { - border: 2px solid #0b213f; - background: #040d19; - width: 22px; - height: 22px; - 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; -} -.landing-themes .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #93C5FD; -} -.landing-themes .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.landing-themes .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #1c2127; -} -.landing-themes .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #93C5FD; - background: #93C5FD; -} -.landing-themes .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #6cb0fc; - background: #6cb0fc; - color: #1c2127; -} -.landing-themes .p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: #FCA5A5; -} -.landing-themes .p-radiobutton:focus { - outline: 0 none; -} -.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #0b213f; -} -.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #0b213f; -} -.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #93C5FD; -} -.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #6cb0fc; -} -.landing-themes .p-slider { - background: #0b213f; - border: 0 none; - border-radius: 6px; -} -.landing-themes .p-slider.p-slider-horizontal { - height: 0.286rem; -} -.landing-themes .p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.landing-themes .p-slider.p-slider-vertical { - width: 0.286rem; -} -.landing-themes .p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.landing-themes .p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #0b213f; - border: 2px solid #93C5FD; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-slider .p-slider-range { - background: #93C5FD; -} -.landing-themes .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #93C5FD; - border-color: #93C5FD; -} -.landing-themes .p-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; - padding: 0.75rem 1.25rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.landing-themes .p-button:enabled:hover, .landing-themes .p-button:not(button):not(a):not(.p-disabled):hover { - background: #7fbafd; - color: #1c2127; - border-color: #7fbafd; -} -.landing-themes .p-button:enabled:active, .landing-themes .p-button:not(button):not(a):not(.p-disabled):active { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; -} -.landing-themes .p-button.p-button-outlined { - background-color: transparent; - color: #93C5FD; - border: 1px solid; -} -.landing-themes .p-button.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(165, 180, 252, 0.04); - color: #93C5FD; - border: 1px solid; -} -.landing-themes .p-button.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; - border: 1px solid; -} -.landing-themes .p-button.p-button-outlined.p-button-plain { - color: rgba(255, 255, 255, 0.6); - border-color: rgba(255, 255, 255, 0.6); -} -.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:hover, .landing-themes .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:active, .landing-themes .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.landing-themes .p-button.p-button-text { - background-color: transparent; - color: #93C5FD; - border-color: transparent; -} -.landing-themes .p-button.p-button-text:enabled:hover, .landing-themes .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(165, 180, 252, 0.04); - color: #93C5FD; - border-color: transparent; -} -.landing-themes .p-button.p-button-text:enabled:active, .landing-themes .p-button.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; - border-color: transparent; -} -.landing-themes .p-button.p-button-text.p-button-plain { - color: rgba(255, 255, 255, 0.6); -} -.landing-themes .p-button.p-button-text.p-button-plain:enabled:hover, .landing-themes .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.6); -} -.landing-themes .p-button.p-button-text.p-button-plain:enabled:active, .landing-themes .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active { - background: rgba(255, 255, 255, 0.16); - color: rgba(255, 255, 255, 0.6); -} -.landing-themes .p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.landing-themes .p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.landing-themes .p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.landing-themes .p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.landing-themes .p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #93C5FD; - background-color: #1c2127; -} -.landing-themes .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); -} -.landing-themes .p-button.p-button-rounded { - border-radius: 2rem; -} -.landing-themes .p-button.p-button-icon-only { - width: 3rem; - padding: 0.75rem 0; -} -.landing-themes .p-button.p-button-icon-only .p-button-icon-left, -.landing-themes .p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.landing-themes .p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 3rem; -} -.landing-themes .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.65625rem 1.09375rem; -} -.landing-themes .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.landing-themes .p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.9375rem 1.5625rem; -} -.landing-themes .p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.landing-themes .p-button.p-button-loading-label-only.p-button-loading-left .p-button-label { - margin-left: 0.5rem; -} -.landing-themes .p-button.p-button-loading-label-only.p-button-loading-right .p-button-label { - margin-right: 0.5rem; -} -.landing-themes .p-button.p-button-loading-label-only.p-button-loading-top .p-button-label { - margin-top: 0.5rem; -} -.landing-themes .p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label { - margin-bottom: 0.5rem; -} -.landing-themes .p-button.p-button-loading-label-only .p-button-loading-icon { - margin: 0; -} -.landing-themes .p-fluid .p-button { - width: 100%; -} -.landing-themes .p-fluid .p-button-icon-only { - width: 3rem; -} -.landing-themes .p-fluid .p-buttonset { - display: flex; -} -.landing-themes .p-fluid .p-buttonset .p-button { - flex: 1; -} -.landing-themes .p-button.p-button-secondary, .landing-themes .p-buttonset.p-button-secondary > .p-button, .landing-themes .p-splitbutton.p-button-secondary > .p-button, .landing-themes .p-fileupload-choose.p-button-secondary { - color: #1c2127; - background: #CBD5E1; - border: 1px solid #CBD5E1; -} -.landing-themes .p-button.p-button-secondary:enabled:hover, .landing-themes .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-secondary:enabled:hover, .landing-themes .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; -} -.landing-themes .p-button.p-button-secondary:enabled:focus, .landing-themes .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-secondary:enabled:focus, .landing-themes .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus { - box-shadow: 0 0 0 1px #dbe2ea; -} -.landing-themes .p-button.p-button-secondary:enabled:active, .landing-themes .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-secondary:enabled:active, .landing-themes .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active { - background: #95a9c2; - color: #1c2127; - border-color: #95a9c2; -} -.landing-themes .p-button.p-button-secondary.p-button-outlined, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined { - background-color: transparent; - color: #CBD5E1; - border: 1px solid; -} -.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; - border: 1px solid; -} -.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(203, 213, 225, 0.16); - color: #CBD5E1; - border: 1px solid; -} -.landing-themes .p-button.p-button-secondary.p-button-text, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text { - background-color: transparent; - color: #CBD5E1; - border-color: transparent; -} -.landing-themes .p-button.p-button-secondary.p-button-text:enabled:hover, .landing-themes .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(203, 213, 225, 0.04); - border-color: transparent; - color: #CBD5E1; -} -.landing-themes .p-button.p-button-secondary.p-button-text:enabled:active, .landing-themes .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(203, 213, 225, 0.16); - border-color: transparent; - color: #CBD5E1; -} -.landing-themes .p-button.p-button-info, .landing-themes .p-buttonset.p-button-info > .p-button, .landing-themes .p-splitbutton.p-button-info > .p-button, .landing-themes .p-fileupload-choose.p-button-info { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; -} -.landing-themes .p-button.p-button-info:enabled:hover, .landing-themes .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-info:enabled:hover, .landing-themes .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; -} -.landing-themes .p-button.p-button-info:enabled:focus, .landing-themes .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-info:enabled:focus, .landing-themes .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus { - box-shadow: 0 0 0 1px #b3d6fe; -} -.landing-themes .p-button.p-button-info:enabled:active, .landing-themes .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-info:enabled:active, .landing-themes .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active { - background: #449bfc; - color: #1c2127; - border-color: #449bfc; -} -.landing-themes .p-button.p-button-info.p-button-outlined, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined { - background-color: transparent; - color: #93C5FD; - border: 1px solid; -} -.landing-themes .p-button.p-button-info.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; - border: 1px solid; -} -.landing-themes .p-button.p-button-info.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; - border: 1px solid; -} -.landing-themes .p-button.p-button-info.p-button-text, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-info.p-button-text { - background-color: transparent; - color: #93C5FD; - border-color: transparent; -} -.landing-themes .p-button.p-button-info.p-button-text:enabled:hover, .landing-themes .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); - border-color: transparent; - color: #93C5FD; -} -.landing-themes .p-button.p-button-info.p-button-text:enabled:active, .landing-themes .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); - border-color: transparent; - color: #93C5FD; -} -.landing-themes .p-button.p-button-success, .landing-themes .p-buttonset.p-button-success > .p-button, .landing-themes .p-splitbutton.p-button-success > .p-button, .landing-themes .p-fileupload-choose.p-button-success { - color: #1c2127; - background: #86EFAC; - border: 1px solid #86EFAC; -} -.landing-themes .p-button.p-button-success:enabled:hover, .landing-themes .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-success:enabled:hover, .landing-themes .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; -} -.landing-themes .p-button.p-button-success:enabled:focus, .landing-themes .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-success:enabled:focus, .landing-themes .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus { - box-shadow: 0 0 0 1px #aaf4c5; -} -.landing-themes .p-button.p-button-success:enabled:active, .landing-themes .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-success:enabled:active, .landing-themes .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active { - background: #44e67f; - color: #1c2127; - border-color: #44e67f; -} -.landing-themes .p-button.p-button-success.p-button-outlined, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined { - background-color: transparent; - color: #86EFAC; - border: 1px solid; -} -.landing-themes .p-button.p-button-success.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; - border: 1px solid; -} -.landing-themes .p-button.p-button-success.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(134, 239, 172, 0.16); - color: #86EFAC; - border: 1px solid; -} -.landing-themes .p-button.p-button-success.p-button-text, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-success.p-button-text { - background-color: transparent; - color: #86EFAC; - border-color: transparent; -} -.landing-themes .p-button.p-button-success.p-button-text:enabled:hover, .landing-themes .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(134, 239, 172, 0.04); - border-color: transparent; - color: #86EFAC; -} -.landing-themes .p-button.p-button-success.p-button-text:enabled:active, .landing-themes .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(134, 239, 172, 0.16); - border-color: transparent; - color: #86EFAC; -} -.landing-themes .p-button.p-button-warning, .landing-themes .p-buttonset.p-button-warning > .p-button, .landing-themes .p-splitbutton.p-button-warning > .p-button, .landing-themes .p-fileupload-choose.p-button-warning { - color: #1c2127; - background: #FCD34D; - border: 1px solid #FCD34D; -} -.landing-themes .p-button.p-button-warning:enabled:hover, .landing-themes .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-warning:enabled:hover, .landing-themes .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; -} -.landing-themes .p-button.p-button-warning:enabled:focus, .landing-themes .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-warning:enabled:focus, .landing-themes .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus { - box-shadow: 0 0 0 1px #fde082; -} -.landing-themes .p-button.p-button-warning:enabled:active, .landing-themes .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-warning:enabled:active, .landing-themes .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active { - background: #fbc30c; - color: #1c2127; - border-color: #fbc30c; -} -.landing-themes .p-button.p-button-warning.p-button-outlined, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined { - background-color: transparent; - color: #FCD34D; - border: 1px solid; -} -.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; - border: 1px solid; -} -.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 211, 77, 0.16); - color: #FCD34D; - border: 1px solid; -} -.landing-themes .p-button.p-button-warning.p-button-text, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text { - background-color: transparent; - color: #FCD34D; - border-color: transparent; -} -.landing-themes .p-button.p-button-warning.p-button-text:enabled:hover, .landing-themes .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 211, 77, 0.04); - border-color: transparent; - color: #FCD34D; -} -.landing-themes .p-button.p-button-warning.p-button-text:enabled:active, .landing-themes .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 211, 77, 0.16); - border-color: transparent; - color: #FCD34D; -} -.landing-themes .p-button.p-button-help, .landing-themes .p-buttonset.p-button-help > .p-button, .landing-themes .p-splitbutton.p-button-help > .p-button, .landing-themes .p-fileupload-choose.p-button-help { - color: #1c2127; - background: #D8B4FE; - border: 1px solid #D8B4FE; -} -.landing-themes .p-button.p-button-help:enabled:hover, .landing-themes .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-help:enabled:hover, .landing-themes .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; -} -.landing-themes .p-button.p-button-help:enabled:focus, .landing-themes .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-help:enabled:focus, .landing-themes .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus { - box-shadow: 0 0 0 1px #e4cbfe; -} -.landing-themes .p-button.p-button-help:enabled:active, .landing-themes .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-help:enabled:active, .landing-themes .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active { - background: #ab5efd; - color: #1c2127; - border-color: #ab5efd; -} -.landing-themes .p-button.p-button-help.p-button-outlined, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined { - background-color: transparent; - color: #D8B4FE; - border: 1px solid; -} -.landing-themes .p-button.p-button-help.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; - border: 1px solid; -} -.landing-themes .p-button.p-button-help.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(216, 180, 254, 0.16); - color: #D8B4FE; - border: 1px solid; -} -.landing-themes .p-button.p-button-help.p-button-text, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-help.p-button-text { - background-color: transparent; - color: #D8B4FE; - border-color: transparent; -} -.landing-themes .p-button.p-button-help.p-button-text:enabled:hover, .landing-themes .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(216, 180, 254, 0.04); - border-color: transparent; - color: #D8B4FE; -} -.landing-themes .p-button.p-button-help.p-button-text:enabled:active, .landing-themes .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(216, 180, 254, 0.16); - border-color: transparent; - color: #D8B4FE; -} -.landing-themes .p-button.p-button-danger, .landing-themes .p-buttonset.p-button-danger > .p-button, .landing-themes .p-splitbutton.p-button-danger > .p-button, .landing-themes .p-fileupload-choose.p-button-danger { - color: #1c2127; - background: #FCA5A5; - border: 1px solid #FCA5A5; -} -.landing-themes .p-button.p-button-danger:enabled:hover, .landing-themes .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-danger:enabled:hover, .landing-themes .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; -} -.landing-themes .p-button.p-button-danger:enabled:focus, .landing-themes .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-danger:enabled:focus, .landing-themes .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus { - box-shadow: 0 0 0 1px #fdc0c0; -} -.landing-themes .p-button.p-button-danger:enabled:active, .landing-themes .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-danger:enabled:active, .landing-themes .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active { - background: #f95454; - color: #1c2127; - border-color: #f95454; -} -.landing-themes .p-button.p-button-danger.p-button-outlined, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined { - background-color: transparent; - color: #FCA5A5; - border: 1px solid; -} -.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; - border: 1px solid; -} -.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 165, 165, 0.16); - color: #FCA5A5; - border: 1px solid; -} -.landing-themes .p-button.p-button-danger.p-button-text, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text { - background-color: transparent; - color: #FCA5A5; - border-color: transparent; -} -.landing-themes .p-button.p-button-danger.p-button-text:enabled:hover, .landing-themes .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 165, 165, 0.04); - border-color: transparent; - color: #FCA5A5; -} -.landing-themes .p-button.p-button-danger.p-button-text:enabled:active, .landing-themes .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 165, 165, 0.16); - border-color: transparent; - color: #FCA5A5; -} -.landing-themes .p-button.p-button-link { - color: #93C5FD; - background: transparent; - border: transparent; -} -.landing-themes .p-button.p-button-link:enabled:hover, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover { - background: transparent; - color: #93C5FD; - border-color: transparent; -} -.landing-themes .p-button.p-button-link:enabled:hover .p-button-label, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label { - text-decoration: underline; -} -.landing-themes .p-button.p-button-link:enabled:focus, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus { - background: transparent; - box-shadow: 0 0 0 1px rgba(147, 197, 253, 0.5); - border-color: transparent; -} -.landing-themes .p-button.p-button-link:enabled:active, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):active { - background: transparent; - color: #93C5FD; - border-color: transparent; -} -.landing-themes .p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; - border-radius: 0; -} -.landing-themes .p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.landing-themes .p-datatable .p-datatable-header { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.landing-themes .p-datatable .p-datatable-footer { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.landing-themes .p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #071426; - transition: box-shadow 0.2s; -} -.landing-themes .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - font-weight: 700; - color: rgba(255, 255, 255, 0.87); - background: #071426; -} -.landing-themes .p-datatable .p-sortable-column .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.landing-themes .p-datatable .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(147, 197, 253, 0.16); - margin-left: 0.5rem; -} -.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-datatable .p-sortable-column.p-highlight { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); - outline: 0 none; -} -.landing-themes .p-datatable .p-datatable-tbody > tr { - background: #071426; - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; -} -.landing-themes .p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #0b213f; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.landing-themes .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; -} -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.landing-themes .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); -} -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.landing-themes .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(147, 197, 253, 0.5); -} -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.landing-themes .p-datatable .p-datatable-tbody > tr > td > .p-column-title { - font-weight: 700; -} -.landing-themes .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(147, 197, 253, 0.16); -} -.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(147, 197, 253, 0.16); -} -.landing-themes .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus { - outline: 0.15rem solid rgba(147, 197, 253, 0.5); - outline-offset: -0.15rem; -} -.landing-themes .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus { - outline: 0.15rem solid rgba(147, 197, 253, 0.5); - outline-offset: -0.15rem; -} -.landing-themes .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-datatable .p-column-resizer-helper { - background: #93C5FD; -} -.landing-themes .p-datatable .p-datatable-scrollable-header, -.landing-themes .p-datatable .p-datatable-scrollable-footer { - background: #071426; -} -.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #071426; -} -.landing-themes .p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.landing-themes .p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.landing-themes .p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd { - background: rgba(255, 255, 255, 0.01); -} -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded { - background: rgba(255, 255, 255, 0.01); -} -.landing-themes .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.landing-themes .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.landing-themes .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.landing-themes .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.landing-themes .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.landing-themes .p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.landing-themes .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.landing-themes .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.landing-themes .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.landing-themes .p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} -.landing-themes .p-datatable-drag-selection-helper { - background: rgba(147, 197, 253, 0.16); -} -.landing-themes .p-column-filter-row .p-column-filter-menu-button, -.landing-themes .p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} -.landing-themes .p-column-filter-menu-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; -} -.landing-themes .p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-open, .landing-themes .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); -} -.landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-active, .landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-column-filter-clear-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; -} -.landing-themes .p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.landing-themes .p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-column-filter-overlay { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 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; -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items { - padding: 0.75rem 0; -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.landing-themes .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(147, 197, 253, 0.16); -} -.landing-themes .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); -} -.landing-themes .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(147, 197, 253, 0.5); -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1.25rem; - border-bottom: 1px solid #0b213f; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 1.25rem; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1.25rem; -} -.landing-themes .p-paginator { - background: #071426; - color: rgba(255, 255, 255, 0.6); - border: solid #0b213f; - border-width: 1px; - padding: 0.5rem 1rem; - border-radius: 6px; -} -.landing-themes .p-paginator .p-paginator-first, -.landing-themes .p-paginator .p-paginator-prev, -.landing-themes .p-paginator .p-paginator-next, -.landing-themes .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: box-shadow 0.2s; - border-radius: 6px; -} -.landing-themes .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.landing-themes .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.landing-themes .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.landing-themes .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); -} -.landing-themes .p-paginator .p-paginator-first { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} -.landing-themes .p-paginator .p-paginator-last { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.landing-themes .p-paginator .p-dropdown { - margin-left: 0.5rem; - height: 3rem; -} -.landing-themes .p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.landing-themes .p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.landing-themes .p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.landing-themes .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; -} -.landing-themes .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: box-shadow 0.2s; - border-radius: 6px; -} -.landing-themes .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(147, 197, 253, 0.16); - border-color: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .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); -} - -.landing-themes .p-button-label { - font-weight: 700; -} -.landing-themes .p-accordion .p-accordion-header .p-accordion-header-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #93C5FD; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} -.landing-themes .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #93C5FD; -} -.landing-themes .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #93C5FD; -} -.landing-themes .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(165, 180, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.landing-themes .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.landing-themes .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(134, 239, 172, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.landing-themes .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.landing-themes .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 211, 77, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.landing-themes .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(216, 180, 254, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.landing-themes .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 165, 165, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); -} -.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #93C5FD; -} -.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #93C5FD; -} diff --git a/public/styles/landing/themes/lara-dark-teal/theme.css b/public/styles/landing/themes/lara-dark-teal/theme.css new file mode 100644 index 000000000..a5149ad11 --- /dev/null +++ b/public/styles/landing/themes/lara-dark-teal/theme.css @@ -0,0 +1,1004 @@ +.landing-themes * { + box-sizing: border-box; +} +.landing-themes .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; +} +.landing-themes .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; +} +.landing-themes .p-disabled, .landing-themes .p-component:disabled { + opacity: 0.4; +} +.landing-themes .p-error { + color: #FCA5A5; +} +.landing-themes .p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} +.landing-themes .pi { + font-size: 1rem; +} +.landing-themes .p-icon { + width: 1rem; + height: 1rem; +} +.landing-themes .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; +} +.landing-themes .p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ecfdf5; +} +.landing-themes .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} +.landing-themes .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} +@keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } +} +@keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } +} +.landing-themes .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #111827; + padding: 0.75rem 0.75rem; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; +} +.landing-themes .p-inputtext:enabled:hover { + border-color: #10b981; +} +.landing-themes .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; +} +.landing-themes .p-inputtext.p-invalid.p-component { + border-color: #FCA5A5; +} +.landing-themes .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.landing-themes .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} +.landing-themes .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} +.landing-themes .p-float-label > .p-invalid + label { + color: #FCA5A5; +} +.landing-themes .p-input-icon-left > svg:first-of-type, +.landing-themes .p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.landing-themes .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} +.landing-themes .p-input-icon-left.p-float-label > label { + left: 2.5rem; +} +.landing-themes .p-input-icon-right > svg:last-of-type, +.landing-themes .p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.landing-themes .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} +.landing-themes ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.landing-themes :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.landing-themes ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.landing-themes :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.landing-themes .p-input-filled .p-inputtext { + background-color: #424b57; +} +.landing-themes .p-input-filled .p-inputtext:enabled:hover { + background-color: #424b57; +} +.landing-themes .p-input-filled .p-inputtext:enabled:focus { + background-color: #424b57; +} +.landing-themes .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.landing-themes .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} +.landing-themes .p-button { + color: #ffffff; + background: #10b981; + border: 1px solid #10b981; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; +} +.landing-themes .p-button:enabled:hover { + background: #059669; + color: #ffffff; + border-color: #059669; +} +.landing-themes .p-button:enabled:active { + background: #047857; + color: #ffffff; + border-color: #047857; +} +.landing-themes .p-button.p-button-outlined { + background-color: transparent; + color: #10b981; + border: 1px solid; +} +.landing-themes .p-button.p-button-outlined:enabled:hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + border: 1px solid; +} +.landing-themes .p-button.p-button-outlined:enabled:active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + border: 1px solid; +} +.landing-themes .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.landing-themes .p-button.p-button-text { + background-color: transparent; + color: #10b981; + border-color: transparent; +} +.landing-themes .p-button.p-button-text:enabled:hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + border-color: transparent; +} +.landing-themes .p-button.p-button-text:enabled:active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + border-color: transparent; +} +.landing-themes .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.landing-themes .p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); +} +.landing-themes .p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.landing-themes .p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ecfdf5; +} +.landing-themes .p-button .p-button-label { + transition-duration: 0.2s; +} +.landing-themes .p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.landing-themes .p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.landing-themes .p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.landing-themes .p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.landing-themes .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #10b981; + background-color: #ffffff; +} +.landing-themes .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); +} +.landing-themes .p-button.p-button-rounded { + border-radius: 2rem; +} +.landing-themes .p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; +} +.landing-themes .p-button.p-button-icon-only .p-button-icon-left, +.landing-themes .p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.landing-themes .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; +} +.landing-themes .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; +} +.landing-themes .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.landing-themes .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; +} +.landing-themes .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.landing-themes .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.landing-themes .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} +.landing-themes .p-fluid .p-button { + width: 100%; +} +.landing-themes .p-fluid .p-button-icon-only { + width: 3rem; +} +.landing-themes .p-fluid .p-buttonset { + display: flex; +} +.landing-themes .p-fluid .p-buttonset .p-button { + flex: 1; +} +.landing-themes .p-button.p-button-secondary, .landing-themes .p-buttonset.p-button-secondary > .p-button, .landing-themes .p-splitbutton.p-button-secondary > .p-button { + color: #1c2127; + background: #CBD5E1; + border: 1px solid #CBD5E1; +} +.landing-themes .p-button.p-button-secondary:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #b0bfd1; + color: #1c2127; + border-color: #b0bfd1; +} +.landing-themes .p-button.p-button-secondary:enabled:focus, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #dbe2ea; +} +.landing-themes .p-button.p-button-secondary:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #95a9c2; + color: #1c2127; + border-color: #95a9c2; +} +.landing-themes .p-button.p-button-secondary.p-button-outlined, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #CBD5E1; + border: 1px solid; +} +.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(203, 213, 225, 0.04); + color: #CBD5E1; + border: 1px solid; +} +.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(203, 213, 225, 0.16); + color: #CBD5E1; + border: 1px solid; +} +.landing-themes .p-button.p-button-secondary.p-button-text, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #CBD5E1; + border-color: transparent; +} +.landing-themes .p-button.p-button-secondary.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(203, 213, 225, 0.04); + border-color: transparent; + color: #CBD5E1; +} +.landing-themes .p-button.p-button-secondary.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(203, 213, 225, 0.16); + border-color: transparent; + color: #CBD5E1; +} +.landing-themes .p-button.p-button-info, .landing-themes .p-buttonset.p-button-info > .p-button, .landing-themes .p-splitbutton.p-button-info > .p-button { + color: #1c2127; + background: #93C5FD; + border: 1px solid #93C5FD; +} +.landing-themes .p-button.p-button-info:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #6cb0fc; + color: #1c2127; + border-color: #6cb0fc; +} +.landing-themes .p-button.p-button-info:enabled:focus, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #b3d6fe; +} +.landing-themes .p-button.p-button-info:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #449bfc; + color: #1c2127; + border-color: #449bfc; +} +.landing-themes .p-button.p-button-info.p-button-outlined, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #93C5FD; + border: 1px solid; +} +.landing-themes .p-button.p-button-info.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(147, 197, 253, 0.04); + color: #93C5FD; + border: 1px solid; +} +.landing-themes .p-button.p-button-info.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(147, 197, 253, 0.16); + color: #93C5FD; + border: 1px solid; +} +.landing-themes .p-button.p-button-info.p-button-text, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #93C5FD; + border-color: transparent; +} +.landing-themes .p-button.p-button-info.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(147, 197, 253, 0.04); + border-color: transparent; + color: #93C5FD; +} +.landing-themes .p-button.p-button-info.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(147, 197, 253, 0.16); + border-color: transparent; + color: #93C5FD; +} +.landing-themes .p-button.p-button-success, .landing-themes .p-buttonset.p-button-success > .p-button, .landing-themes .p-splitbutton.p-button-success > .p-button { + color: #1c2127; + background: #86EFAC; + border: 1px solid #86EFAC; +} +.landing-themes .p-button.p-button-success:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #65eb95; + color: #1c2127; + border-color: #65eb95; +} +.landing-themes .p-button.p-button-success:enabled:focus, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #aaf4c5; +} +.landing-themes .p-button.p-button-success:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #44e67f; + color: #1c2127; + border-color: #44e67f; +} +.landing-themes .p-button.p-button-success.p-button-outlined, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #86EFAC; + border: 1px solid; +} +.landing-themes .p-button.p-button-success.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(134, 239, 172, 0.04); + color: #86EFAC; + border: 1px solid; +} +.landing-themes .p-button.p-button-success.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(134, 239, 172, 0.16); + color: #86EFAC; + border: 1px solid; +} +.landing-themes .p-button.p-button-success.p-button-text, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #86EFAC; + border-color: transparent; +} +.landing-themes .p-button.p-button-success.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(134, 239, 172, 0.04); + border-color: transparent; + color: #86EFAC; +} +.landing-themes .p-button.p-button-success.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(134, 239, 172, 0.16); + border-color: transparent; + color: #86EFAC; +} +.landing-themes .p-button.p-button-warning, .landing-themes .p-buttonset.p-button-warning > .p-button, .landing-themes .p-splitbutton.p-button-warning > .p-button { + color: #1c2127; + background: #FCD34D; + border: 1px solid #FCD34D; +} +.landing-themes .p-button.p-button-warning:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #fbcb2d; + color: #1c2127; + border-color: #fbcb2d; +} +.landing-themes .p-button.p-button-warning:enabled:focus, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fde082; +} +.landing-themes .p-button.p-button-warning:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #fbc30c; + color: #1c2127; + border-color: #fbc30c; +} +.landing-themes .p-button.p-button-warning.p-button-outlined, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FCD34D; + border: 1px solid; +} +.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(252, 211, 77, 0.04); + color: #FCD34D; + border: 1px solid; +} +.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(252, 211, 77, 0.16); + color: #FCD34D; + border: 1px solid; +} +.landing-themes .p-button.p-button-warning.p-button-text, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FCD34D; + border-color: transparent; +} +.landing-themes .p-button.p-button-warning.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(252, 211, 77, 0.04); + border-color: transparent; + color: #FCD34D; +} +.landing-themes .p-button.p-button-warning.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(252, 211, 77, 0.16); + border-color: transparent; + color: #FCD34D; +} +.landing-themes .p-button.p-button-help, .landing-themes .p-buttonset.p-button-help > .p-button, .landing-themes .p-splitbutton.p-button-help > .p-button { + color: #1c2127; + background: #D8B4FE; + border: 1px solid #D8B4FE; +} +.landing-themes .p-button.p-button-help:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #c289fd; + color: #1c2127; + border-color: #c289fd; +} +.landing-themes .p-button.p-button-help:enabled:focus, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #e4cbfe; +} +.landing-themes .p-button.p-button-help:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #ab5efd; + color: #1c2127; + border-color: #ab5efd; +} +.landing-themes .p-button.p-button-help.p-button-outlined, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #D8B4FE; + border: 1px solid; +} +.landing-themes .p-button.p-button-help.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(216, 180, 254, 0.04); + color: #D8B4FE; + border: 1px solid; +} +.landing-themes .p-button.p-button-help.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(216, 180, 254, 0.16); + color: #D8B4FE; + border: 1px solid; +} +.landing-themes .p-button.p-button-help.p-button-text, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #D8B4FE; + border-color: transparent; +} +.landing-themes .p-button.p-button-help.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(216, 180, 254, 0.04); + border-color: transparent; + color: #D8B4FE; +} +.landing-themes .p-button.p-button-help.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(216, 180, 254, 0.16); + border-color: transparent; + color: #D8B4FE; +} +.landing-themes .p-button.p-button-danger, .landing-themes .p-buttonset.p-button-danger > .p-button, .landing-themes .p-splitbutton.p-button-danger > .p-button { + color: #1c2127; + background: #FCA5A5; + border: 1px solid #FCA5A5; +} +.landing-themes .p-button.p-button-danger:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #fb7d7d; + color: #1c2127; + border-color: #fb7d7d; +} +.landing-themes .p-button.p-button-danger:enabled:focus, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fdc0c0; +} +.landing-themes .p-button.p-button-danger:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #f95454; + color: #1c2127; + border-color: #f95454; +} +.landing-themes .p-button.p-button-danger.p-button-outlined, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #FCA5A5; + border: 1px solid; +} +.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(252, 165, 165, 0.04); + color: #FCA5A5; + border: 1px solid; +} +.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(252, 165, 165, 0.16); + color: #FCA5A5; + border: 1px solid; +} +.landing-themes .p-button.p-button-danger.p-button-text, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #FCA5A5; + border-color: transparent; +} +.landing-themes .p-button.p-button-danger.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(252, 165, 165, 0.04); + border-color: transparent; + color: #FCA5A5; +} +.landing-themes .p-button.p-button-danger.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(252, 165, 165, 0.16); + border-color: transparent; + color: #FCA5A5; +} +.landing-themes .p-button.p-button-link { + color: #10b981; + background: transparent; + border: transparent; +} +.landing-themes .p-button.p-button-link:enabled:hover { + background: transparent; + color: #10b981; + border-color: transparent; +} +.landing-themes .p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.landing-themes .p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 1px #ecfdf5; + border-color: transparent; +} +.landing-themes .p-button.p-button-link:enabled:active { + background: transparent; + color: #10b981; + border-color: transparent; +} +.landing-themes .p-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.landing-themes .p-badge.p-badge-secondary { + background-color: #CBD5E1; + color: #1c2127; +} +.landing-themes .p-badge.p-badge-success { + background-color: #86EFAC; + color: #1c2127; +} +.landing-themes .p-badge.p-badge-info { + background-color: #93C5FD; + color: #1c2127; +} +.landing-themes .p-badge.p-badge-warning { + background-color: #FCD34D; + color: #1c2127; +} +.landing-themes .p-badge.p-badge-danger { + background-color: #FCA5A5; + color: #1c2127; +} +.landing-themes .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.landing-themes .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +.landing-themes .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #424b57; + border-radius: 6px; +} +.landing-themes .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #10b981; +} +.landing-themes .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; +} +.landing-themes .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; +} +.landing-themes .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.landing-themes .p-datatable .p-datatable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.landing-themes .p-datatable .p-datatable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; +} +.landing-themes .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; +} +.landing-themes .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; +} +.landing-themes .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.landing-themes .p-datatable .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(94, 234, 212, 0.16); + margin-left: 0.5rem; +} +.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); +} +.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.landing-themes .p-datatable .p-sortable-column.p-highlight { + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.landing-themes .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.landing-themes .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.landing-themes .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.landing-themes .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #ecfdf5; + outline: 0 none; +} +.landing-themes .p-datatable .p-datatable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; +} +.landing-themes .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; +} +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.landing-themes .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; +} +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.landing-themes .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); +} +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ecfdf5; +} +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.landing-themes .p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 700; +} +.landing-themes .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid #ecfdf5; + outline-offset: -0.15rem; +} +.landing-themes .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(94, 234, 212, 0.16); +} +.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(94, 234, 212, 0.16); +} +.landing-themes .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); +} +.landing-themes .p-datatable .p-column-resizer-helper { + background: #10b981; +} +.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead, +.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #1f2937; +} +.landing-themes .p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.landing-themes .p-datatable .p-datatable-loading-icon.p-icon { + width: 2rem; + height: 2rem; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #1f2937; +} +.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); +} +.landing-themes .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); +} +.landing-themes .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; +} +.landing-themes .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; +} +.landing-themes .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; +} +.landing-themes .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; +} +.landing-themes .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; +} +.landing-themes .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; +} +.landing-themes .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.landing-themes .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.landing-themes .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.landing-themes .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; +} +.landing-themes .p-paginator { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: solid #424b57; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; +} +.landing-themes .p-paginator .p-paginator-first, +.landing-themes .p-paginator .p-paginator-prev, +.landing-themes .p-paginator .p-paginator-next, +.landing-themes .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: box-shadow 0.2s; + border-radius: 6px; +} +.landing-themes .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.landing-themes .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.landing-themes .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.landing-themes .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); +} +.landing-themes .p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.landing-themes .p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.landing-themes .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.landing-themes .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.landing-themes .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; +} +.landing-themes .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; +} +.landing-themes .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; +} +.landing-themes .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: box-shadow 0.2s; + border-radius: 6px; +} +.landing-themes .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(94, 234, 212, 0.16); + border-color: rgba(94, 234, 212, 0.16); + color: rgba(255, 255, 255, 0.87); +} +.landing-themes .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); +} \ No newline at end of file diff --git a/public/styles/landing/themes/lara-light-blue/theme.css b/public/styles/landing/themes/lara-light-blue/theme.css deleted file mode 100644 index 2c586f320..000000000 --- a/public/styles/landing/themes/lara-light-blue/theme.css +++ /dev/null @@ -1,1719 +0,0 @@ -.landing-themes * { - box-sizing: border-box; -} -.landing-themes .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; -} -.landing-themes .p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} -.landing-themes .p-disabled, .landing-themes .p-component:disabled { - opacity: 0.6; -} -.landing-themes .p-error { - color: #e24c4c; -} -.landing-themes .p-text-secondary { - color: #6c757d; -} -.landing-themes .pi { - font-size: 1rem; -} -.landing-themes .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: 6px; -} -.landing-themes .p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.landing-themes .p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} -.landing-themes .p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} -.landing-themes .p-calendar.p-invalid.p-component > .p-inputtext { - border-color: #e24c4c; -} -.landing-themes .p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #495057; - border: 1px solid #ced4da; - border-radius: 6px; -} -.landing-themes .p-datepicker:not(.p-datepicker-inline) { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.landing-themes .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #ffffff; -} -.landing-themes .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: 6px; - border-top-left-radius: 6px; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-prev, -.landing-themes .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; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.landing-themes .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; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title select:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.landing-themes .p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.landing-themes .p-datepicker table th { - padding: 0.5rem; -} -.landing-themes .p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.landing-themes .p-datepicker table td { - padding: 0.5rem; -} -.landing-themes .p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.landing-themes .p-datepicker table td > span.p-highlight { - color: #1D4ED8; - background: #EFF6FF; -} -.landing-themes .p-datepicker table td > span:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.landing-themes .p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #495057; - border-color: transparent; -} -.landing-themes .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #1D4ED8; - background: #EFF6FF; -} -.landing-themes .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #dee2e6; -} -.landing-themes .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.landing-themes .p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; - padding: 0.5rem; -} -.landing-themes .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; -} -.landing-themes .p-datepicker .p-timepicker button:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.landing-themes .p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.landing-themes .p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.landing-themes .p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.landing-themes .p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.landing-themes .p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.landing-themes .p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.landing-themes .p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.landing-themes .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #1D4ED8; - background: #EFF6FF; -} -.landing-themes .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; -} -.landing-themes .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; -} -.landing-themes .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; - border-right: 0 none; -} -.landing-themes .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; -} -.landing-themes .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 #BFDBFE; -} -.landing-themes .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; -} -.landing-themes .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 #BFDBFE; -} -@media screen and (max-width: 769px) { - .landing-themes .p-datepicker table th, .landing-themes .p-datepicker table td { - padding: 0; - } -} -.landing-themes .p-checkbox { - width: 22px; - height: 22px; -} -.landing-themes .p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 22px; - height: 22px; - color: #495057; - border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-checkbox .p-checkbox-box .p-checkbox-icon { - transition-duration: 0.2s; - color: #ffffff; - font-size: 14px; -} -.landing-themes .p-checkbox .p-checkbox-box.p-highlight { - border-color: #3B82F6; - background: #3B82F6; -} -.landing-themes .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - border-color: #1D4ED8; - background: #1D4ED8; - color: #ffffff; -} -.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #3B82F6; -} -.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #1D4ED8; - background: #1D4ED8; - color: #ffffff; -} -.landing-themes .p-checkbox.p-invalid > .p-checkbox-box { - border-color: #e24c4c; -} -.landing-themes .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #e9ecef; -} -.landing-themes .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #3B82F6; -} -.landing-themes .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #e9ecef; -} -.landing-themes .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #1D4ED8; -} -.landing-themes .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: 6px; -} -.landing-themes .p-dropdown:not(.p-disabled):hover { - border-color: #3B82F6; -} -.landing-themes .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.landing-themes .p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.landing-themes .p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.landing-themes .p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; -} -.landing-themes .p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.landing-themes .p-dropdown .p-dropdown-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.landing-themes .p-dropdown .p-dropdown-clear-icon { - color: #6c757d; - right: 3rem; -} -.landing-themes .p-dropdown.p-invalid.p-component { - border-color: #e24c4c; -} -.landing-themes .p-dropdown-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.landing-themes .p-dropdown-panel .p-dropdown-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter { - padding-right: 3.5rem; - margin-right: -3.5rem; -} -.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon { - right: 2.5rem; -} -.landing-themes .p-dropdown-panel .p-dropdown-items { - padding: 0.75rem 0; -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} -.landing-themes .p-input-filled .p-dropdown { - background: #e9ecef; -} -.landing-themes .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #e9ecef; -} -.landing-themes .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #ffffff; -} -.landing-themes .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; -} -.landing-themes .p-inputnumber.p-invalid.p-component > .p-inputtext { - border-color: #e24c4c; -} -.landing-themes .p-inputtext { - 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; - background: #ffffff; - padding: 0.75rem 0.75rem; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - appearance: none; - border-radius: 6px; -} -.landing-themes .p-inputtext:enabled:hover { - border-color: #3B82F6; -} -.landing-themes .p-inputtext:enabled:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.landing-themes .p-inputtext.p-invalid.p-component { - border-color: #e24c4c; -} -.landing-themes .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} -.landing-themes .p-inputtext.p-inputtext-lg { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} -.landing-themes .p-float-label > label { - left: 0.75rem; - color: #6c757d; - transition-duration: 0.2s; -} -.landing-themes .p-float-label > label.p-error { - color: #e24c4c; -} -.landing-themes .p-input-icon-left > i:first-of-type, -.landing-themes .p-input-icon-left > svg:first-of-type, -.landing-themes .p-input-icon-left > .p-input-prefix { - left: 0.75rem; - color: #6c757d; -} -.landing-themes .p-input-icon-left > .p-inputtext { - padding-left: 2.5rem; -} -.landing-themes .p-input-icon-left.p-float-label > label { - left: 2.5rem; -} -.landing-themes .p-input-icon-right > i:last-of-type, -.landing-themes .p-input-icon-right > svg:last-of-type, -.landing-themes .p-input-icon-right > .p-input-suffix { - right: 0.75rem; - color: #6c757d; -} -.landing-themes .p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} -.landing-themes ::-webkit-input-placeholder { - color: #6c757d; -} -.landing-themes :-moz-placeholder { - color: #6c757d; -} -.landing-themes ::-moz-placeholder { - color: #6c757d; -} -.landing-themes :-ms-input-placeholder { - color: #6c757d; -} -.landing-themes .p-input-filled .p-inputtext { - background-color: #e9ecef; -} -.landing-themes .p-input-filled .p-inputtext:enabled:hover { - background-color: #e9ecef; -} -.landing-themes .p-input-filled .p-inputtext:enabled:focus { - background-color: #ffffff; -} -.landing-themes .p-inputtext-sm .p-inputtext { - font-size: 0.875rem; - padding: 0.65625rem 0.65625rem; -} -.landing-themes .p-inputtext-lg .p-inputtext { - font-size: 1.25rem; - padding: 0.9375rem 0.9375rem; -} -.landing-themes .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: 6px; -} -.landing-themes .p-multiselect:not(.p-disabled):hover { - border-color: #3B82F6; -} -.landing-themes .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.landing-themes .p-multiselect.p-multiselect-clearable .p-multiselect-label { - padding-right: 1.75rem; -} -.landing-themes .p-multiselect .p-multiselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; -} -.landing-themes .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #EFF6FF; - color: #1D4ED8; - border-radius: 6px; -} -.landing-themes .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.landing-themes .p-multiselect .p-multiselect-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.landing-themes .p-multiselect .p-multiselect-clear-icon { - color: #6c757d; - right: 3rem; -} -.landing-themes .p-multiselect.p-invalid.p-component { - border-color: #e24c4c; -} -.landing-themes .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.375rem 0.75rem; -} -.landing-themes .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label { - padding: 0.75rem 0.75rem; -} -.landing-themes .p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label { - padding-right: 1.75rem; -} -.landing-themes .p-multiselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.landing-themes .p-multiselect-panel .p-multiselect-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container { - margin: 0 0.5rem; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-close { - 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; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.landing-themes .p-multiselect-panel .p-multiselect-items { - padding: 0.75rem 0; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} -.landing-themes .p-input-filled .p-multiselect { - background: #e9ecef; -} -.landing-themes .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #e9ecef; -} -.landing-themes .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} -.landing-themes .p-radiobutton { - width: 22px; - height: 22px; -} -.landing-themes .p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 22px; - height: 22px; - color: #495057; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #3B82F6; -} -.landing-themes .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.landing-themes .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #ffffff; -} -.landing-themes .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #3B82F6; - background: #3B82F6; -} -.landing-themes .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #1D4ED8; - background: #1D4ED8; - color: #ffffff; -} -.landing-themes .p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: #e24c4c; -} -.landing-themes .p-radiobutton:focus { - outline: 0 none; -} -.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #e9ecef; -} -.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #e9ecef; -} -.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #3B82F6; -} -.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #1D4ED8; -} -.landing-themes .p-slider { - background: #dee2e6; - border: 0 none; - border-radius: 6px; -} -.landing-themes .p-slider.p-slider-horizontal { - height: 0.286rem; -} -.landing-themes .p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.landing-themes .p-slider.p-slider-vertical { - width: 0.286rem; -} -.landing-themes .p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.landing-themes .p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #ffffff; - border: 2px solid #3B82F6; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.landing-themes .p-slider .p-slider-range { - background: #3B82F6; -} -.landing-themes .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #3B82F6; - border-color: #3B82F6; -} -.landing-themes .p-button { - color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; - padding: 0.75rem 1.25rem; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.landing-themes .p-button:enabled:hover, .landing-themes .p-button:not(button):not(a):not(.p-disabled):hover { - background: #2563eb; - color: #ffffff; - border-color: #2563eb; -} -.landing-themes .p-button:enabled:active, .landing-themes .p-button:not(button):not(a):not(.p-disabled):active { - background: #1D4ED8; - color: #ffffff; - border-color: #1D4ED8; -} -.landing-themes .p-button.p-button-outlined { - background-color: transparent; - color: #3B82F6; - border: 1px solid; -} -.landing-themes .p-button.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(99, 102, 241, 0.04); - color: #3B82F6; - border: 1px solid; -} -.landing-themes .p-button.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(99, 102, 241, 0.16); - color: #3B82F6; - border: 1px solid; -} -.landing-themes .p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; -} -.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:hover, .landing-themes .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; -} -.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:active, .landing-themes .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; -} -.landing-themes .p-button.p-button-text { - background-color: transparent; - color: #3B82F6; - border-color: transparent; -} -.landing-themes .p-button.p-button-text:enabled:hover, .landing-themes .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(99, 102, 241, 0.04); - color: #3B82F6; - border-color: transparent; -} -.landing-themes .p-button.p-button-text:enabled:active, .landing-themes .p-button.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(99, 102, 241, 0.16); - color: #3B82F6; - border-color: transparent; -} -.landing-themes .p-button.p-button-text.p-button-plain { - color: #6c757d; -} -.landing-themes .p-button.p-button-text.p-button-plain:enabled:hover, .landing-themes .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; -} -.landing-themes .p-button.p-button-text.p-button-plain:enabled:active, .landing-themes .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; -} -.landing-themes .p-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.landing-themes .p-button .p-button-icon-left { - margin-right: 0.5rem; -} -.landing-themes .p-button .p-button-icon-right { - margin-left: 0.5rem; -} -.landing-themes .p-button .p-button-icon-bottom { - margin-top: 0.5rem; -} -.landing-themes .p-button .p-button-icon-top { - margin-bottom: 0.5rem; -} -.landing-themes .p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - color: #3B82F6; - background-color: #ffffff; -} -.landing-themes .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); -} -.landing-themes .p-button.p-button-rounded { - border-radius: 2rem; -} -.landing-themes .p-button.p-button-icon-only { - width: 3rem; - padding: 0.75rem 0; -} -.landing-themes .p-button.p-button-icon-only .p-button-icon-left, -.landing-themes .p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} -.landing-themes .p-button.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 3rem; -} -.landing-themes .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.65625rem 1.09375rem; -} -.landing-themes .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; -} -.landing-themes .p-button.p-button-lg { - font-size: 1.25rem; - padding: 0.9375rem 1.5625rem; -} -.landing-themes .p-button.p-button-lg .p-button-icon { - font-size: 1.25rem; -} -.landing-themes .p-button.p-button-loading-label-only.p-button-loading-left .p-button-label { - margin-left: 0.5rem; -} -.landing-themes .p-button.p-button-loading-label-only.p-button-loading-right .p-button-label { - margin-right: 0.5rem; -} -.landing-themes .p-button.p-button-loading-label-only.p-button-loading-top .p-button-label { - margin-top: 0.5rem; -} -.landing-themes .p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label { - margin-bottom: 0.5rem; -} -.landing-themes .p-button.p-button-loading-label-only .p-button-loading-icon { - margin: 0; -} -.landing-themes .p-fluid .p-button { - width: 100%; -} -.landing-themes .p-fluid .p-button-icon-only { - width: 3rem; -} -.landing-themes .p-fluid .p-buttonset { - display: flex; -} -.landing-themes .p-fluid .p-buttonset .p-button { - flex: 1; -} -.landing-themes .p-button.p-button-secondary, .landing-themes .p-buttonset.p-button-secondary > .p-button, .landing-themes .p-splitbutton.p-button-secondary > .p-button, .landing-themes .p-fileupload-choose.p-button-secondary { - color: #ffffff; - background: #64748B; - border: 1px solid #64748B; -} -.landing-themes .p-button.p-button-secondary:enabled:hover, .landing-themes .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-secondary:enabled:hover, .landing-themes .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover { - background: #475569; - color: #ffffff; - border-color: #475569; -} -.landing-themes .p-button.p-button-secondary:enabled:focus, .landing-themes .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-secondary:enabled:focus, .landing-themes .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; -} -.landing-themes .p-button.p-button-secondary:enabled:active, .landing-themes .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-secondary:enabled:active, .landing-themes .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active { - background: #334155; - color: #ffffff; - border-color: #334155; -} -.landing-themes .p-button.p-button-secondary.p-button-outlined, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined { - background-color: transparent; - color: #64748B; - border: 1px solid; -} -.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(100, 116, 139, 0.04); - color: #64748B; - border: 1px solid; -} -.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(100, 116, 139, 0.16); - color: #64748B; - border: 1px solid; -} -.landing-themes .p-button.p-button-secondary.p-button-text, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text { - background-color: transparent; - color: #64748B; - border-color: transparent; -} -.landing-themes .p-button.p-button-secondary.p-button-text:enabled:hover, .landing-themes .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(100, 116, 139, 0.04); - border-color: transparent; - color: #64748B; -} -.landing-themes .p-button.p-button-secondary.p-button-text:enabled:active, .landing-themes .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(100, 116, 139, 0.16); - border-color: transparent; - color: #64748B; -} -.landing-themes .p-button.p-button-info, .landing-themes .p-buttonset.p-button-info > .p-button, .landing-themes .p-splitbutton.p-button-info > .p-button, .landing-themes .p-fileupload-choose.p-button-info { - color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; -} -.landing-themes .p-button.p-button-info:enabled:hover, .landing-themes .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-info:enabled:hover, .landing-themes .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover { - background: #2563EB; - color: #ffffff; - border-color: #2563EB; -} -.landing-themes .p-button.p-button-info:enabled:focus, .landing-themes .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-info:enabled:focus, .landing-themes .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.landing-themes .p-button.p-button-info:enabled:active, .landing-themes .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-info:enabled:active, .landing-themes .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active { - background: #1D4ED8; - color: #ffffff; - border-color: #1D4ED8; -} -.landing-themes .p-button.p-button-info.p-button-outlined, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined { - background-color: transparent; - color: #3B82F6; - border: 1px solid; -} -.landing-themes .p-button.p-button-info.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; - border: 1px solid; -} -.landing-themes .p-button.p-button-info.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(59, 130, 246, 0.16); - color: #3B82F6; - border: 1px solid; -} -.landing-themes .p-button.p-button-info.p-button-text, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-info.p-button-text { - background-color: transparent; - color: #3B82F6; - border-color: transparent; -} -.landing-themes .p-button.p-button-info.p-button-text:enabled:hover, .landing-themes .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(59, 130, 246, 0.04); - border-color: transparent; - color: #3B82F6; -} -.landing-themes .p-button.p-button-info.p-button-text:enabled:active, .landing-themes .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(59, 130, 246, 0.16); - border-color: transparent; - color: #3B82F6; -} -.landing-themes .p-button.p-button-success, .landing-themes .p-buttonset.p-button-success > .p-button, .landing-themes .p-splitbutton.p-button-success > .p-button, .landing-themes .p-fileupload-choose.p-button-success { - color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; -} -.landing-themes .p-button.p-button-success:enabled:hover, .landing-themes .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-success:enabled:hover, .landing-themes .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover { - background: #16A34A; - color: #ffffff; - border-color: #16A34A; -} -.landing-themes .p-button.p-button-success:enabled:focus, .landing-themes .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-success:enabled:focus, .landing-themes .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; -} -.landing-themes .p-button.p-button-success:enabled:active, .landing-themes .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-success:enabled:active, .landing-themes .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active { - background: #15803D; - color: #ffffff; - border-color: #15803D; -} -.landing-themes .p-button.p-button-success.p-button-outlined, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined { - background-color: transparent; - color: #22C55E; - border: 1px solid; -} -.landing-themes .p-button.p-button-success.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(34, 197, 94, 0.04); - color: #22C55E; - border: 1px solid; -} -.landing-themes .p-button.p-button-success.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(34, 197, 94, 0.16); - color: #22C55E; - border: 1px solid; -} -.landing-themes .p-button.p-button-success.p-button-text, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-success.p-button-text { - background-color: transparent; - color: #22C55E; - border-color: transparent; -} -.landing-themes .p-button.p-button-success.p-button-text:enabled:hover, .landing-themes .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(34, 197, 94, 0.04); - border-color: transparent; - color: #22C55E; -} -.landing-themes .p-button.p-button-success.p-button-text:enabled:active, .landing-themes .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(34, 197, 94, 0.16); - border-color: transparent; - color: #22C55E; -} -.landing-themes .p-button.p-button-warning, .landing-themes .p-buttonset.p-button-warning > .p-button, .landing-themes .p-splitbutton.p-button-warning > .p-button, .landing-themes .p-fileupload-choose.p-button-warning { - color: #ffffff; - background: #F59E0B; - border: 1px solid #F59E0B; -} -.landing-themes .p-button.p-button-warning:enabled:hover, .landing-themes .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-warning:enabled:hover, .landing-themes .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover { - background: #D97706; - color: #ffffff; - border-color: #D97706; -} -.landing-themes .p-button.p-button-warning:enabled:focus, .landing-themes .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-warning:enabled:focus, .landing-themes .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus { - box-shadow: 0 0 0 0.2rem #FDE68A; -} -.landing-themes .p-button.p-button-warning:enabled:active, .landing-themes .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-warning:enabled:active, .landing-themes .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active { - background: #B45309; - color: #ffffff; - border-color: #B45309; -} -.landing-themes .p-button.p-button-warning.p-button-outlined, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined { - background-color: transparent; - color: #F59E0B; - border: 1px solid; -} -.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; - border: 1px solid; -} -.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(245, 158, 11, 0.16); - color: #F59E0B; - border: 1px solid; -} -.landing-themes .p-button.p-button-warning.p-button-text, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text { - background-color: transparent; - color: #F59E0B; - border-color: transparent; -} -.landing-themes .p-button.p-button-warning.p-button-text:enabled:hover, .landing-themes .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(245, 158, 11, 0.04); - border-color: transparent; - color: #F59E0B; -} -.landing-themes .p-button.p-button-warning.p-button-text:enabled:active, .landing-themes .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(245, 158, 11, 0.16); - border-color: transparent; - color: #F59E0B; -} -.landing-themes .p-button.p-button-help, .landing-themes .p-buttonset.p-button-help > .p-button, .landing-themes .p-splitbutton.p-button-help > .p-button, .landing-themes .p-fileupload-choose.p-button-help { - color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; -} -.landing-themes .p-button.p-button-help:enabled:hover, .landing-themes .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-help:enabled:hover, .landing-themes .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover { - background: #9333EA; - color: #ffffff; - border-color: #9333EA; -} -.landing-themes .p-button.p-button-help:enabled:focus, .landing-themes .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-help:enabled:focus, .landing-themes .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; -} -.landing-themes .p-button.p-button-help:enabled:active, .landing-themes .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-help:enabled:active, .landing-themes .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active { - background: #7E22CE; - color: #ffffff; - border-color: #7E22CE; -} -.landing-themes .p-button.p-button-help.p-button-outlined, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined { - background-color: transparent; - color: #A855F7; - border: 1px solid; -} -.landing-themes .p-button.p-button-help.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(168, 85, 247, 0.04); - color: #A855F7; - border: 1px solid; -} -.landing-themes .p-button.p-button-help.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(168, 85, 247, 0.16); - color: #A855F7; - border: 1px solid; -} -.landing-themes .p-button.p-button-help.p-button-text, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-help.p-button-text { - background-color: transparent; - color: #A855F7; - border-color: transparent; -} -.landing-themes .p-button.p-button-help.p-button-text:enabled:hover, .landing-themes .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(168, 85, 247, 0.04); - border-color: transparent; - color: #A855F7; -} -.landing-themes .p-button.p-button-help.p-button-text:enabled:active, .landing-themes .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(168, 85, 247, 0.16); - border-color: transparent; - color: #A855F7; -} -.landing-themes .p-button.p-button-danger, .landing-themes .p-buttonset.p-button-danger > .p-button, .landing-themes .p-splitbutton.p-button-danger > .p-button, .landing-themes .p-fileupload-choose.p-button-danger { - color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; -} -.landing-themes .p-button.p-button-danger:enabled:hover, .landing-themes .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-danger:enabled:hover, .landing-themes .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover { - background: #DC2626; - color: #ffffff; - border-color: #DC2626; -} -.landing-themes .p-button.p-button-danger:enabled:focus, .landing-themes .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-danger:enabled:focus, .landing-themes .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus { - box-shadow: 0 0 0 0.2rem #FECACA; -} -.landing-themes .p-button.p-button-danger:enabled:active, .landing-themes .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-danger:enabled:active, .landing-themes .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active { - background: #B91C1C; - color: #ffffff; - border-color: #B91C1C; -} -.landing-themes .p-button.p-button-danger.p-button-outlined, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined { - background-color: transparent; - color: #EF4444; - border: 1px solid; -} -.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(239, 68, 68, 0.04); - color: #EF4444; - border: 1px solid; -} -.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(239, 68, 68, 0.16); - color: #EF4444; - border: 1px solid; -} -.landing-themes .p-button.p-button-danger.p-button-text, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text { - background-color: transparent; - color: #EF4444; - border-color: transparent; -} -.landing-themes .p-button.p-button-danger.p-button-text:enabled:hover, .landing-themes .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(239, 68, 68, 0.04); - border-color: transparent; - color: #EF4444; -} -.landing-themes .p-button.p-button-danger.p-button-text:enabled:active, .landing-themes .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(239, 68, 68, 0.16); - border-color: transparent; - color: #EF4444; -} -.landing-themes .p-button.p-button-link { - color: #1D4ED8; - background: transparent; - border: transparent; -} -.landing-themes .p-button.p-button-link:enabled:hover, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover { - background: transparent; - color: #1D4ED8; - border-color: transparent; -} -.landing-themes .p-button.p-button-link:enabled:hover .p-button-label, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label { - text-decoration: underline; -} -.landing-themes .p-button.p-button-link:enabled:focus, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus { - background: transparent; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: transparent; -} -.landing-themes .p-button.p-button-link:enabled:active, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):active { - background: transparent; - color: #1D4ED8; - border-color: transparent; -} -.landing-themes .p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} -.landing-themes .p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} -.landing-themes .p-datatable .p-datatable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 1px 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.landing-themes .p-datatable .p-datatable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 700; -} -.landing-themes .p-datatable .p-datatable-thead > tr > th { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - font-weight: 700; - color: #343a40; - background: #f8f9fa; - transition: box-shadow 0.2s; -} -.landing-themes .p-datatable .p-datatable-tfoot > tr > td { - text-align: left; - padding: 1rem 1rem; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - font-weight: 700; - color: #343a40; - background: #f8f9fa; -} -.landing-themes .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #343a40; - margin-left: 0.5rem; -} -.landing-themes .p-datatable .p-sortable-column .p-sortable-column-badge { - border-radius: 50%; - height: 1.143rem; - min-width: 1.143rem; - line-height: 1.143rem; - color: #1D4ED8; - background: #EFF6FF; - margin-left: 0.5rem; -} -.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { - background: #e9ecef; - color: #343a40; -} -.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #343a40; -} -.landing-themes .p-datatable .p-sortable-column.p-highlight { - background: #EFF6FF; - color: #1D4ED8; -} -.landing-themes .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #1D4ED8; -} -.landing-themes .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { - background: #EFF6FF; - color: #1D4ED8; -} -.landing-themes .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #1D4ED8; -} -.landing-themes .p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 0.15rem #BFDBFE; - outline: 0 none; -} -.landing-themes .p-datatable .p-datatable-tbody > tr { - background: #ffffff; - color: #495057; - transition: box-shadow 0.2s; -} -.landing-themes .p-datatable .p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - padding: 1rem 1rem; -} -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, -.landing-themes .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; -} -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.landing-themes .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 #BFDBFE; -} -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { - margin-right: 0.5rem; -} -.landing-themes .p-datatable .p-datatable-tbody > tr > td > .p-column-title { - font-weight: 700; -} -.landing-themes .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: #EFF6FF; - color: #1D4ED8; -} -.landing-themes .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #EFF6FF; - color: #1D4ED8; -} -.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #EFF6FF; -} -.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #EFF6FF; -} -.landing-themes .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { - background: #e9ecef; - color: #495057; -} -.landing-themes .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus { - outline: 0.15rem solid #BFDBFE; - outline-offset: -0.15rem; -} -.landing-themes .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.landing-themes .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus { - outline: 0.15rem solid #BFDBFE; - outline-offset: -0.15rem; -} -.landing-themes .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover { - background: #e9ecef; - color: #495057; -} -.landing-themes .p-datatable .p-column-resizer-helper { - background: #3B82F6; -} -.landing-themes .p-datatable .p-datatable-scrollable-header, -.landing-themes .p-datatable .p-datatable-scrollable-footer { - background: #f8f9fa; -} -.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #f8f9fa; -} -.landing-themes .p-datatable .p-datatable-loading-icon { - font-size: 2rem; -} -.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} -.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} -.landing-themes .p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} -.landing-themes .p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} -.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; -} -.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { - border-width: 1px; -} -.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; -} -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd { - background: #fcfcfc; -} -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: #EFF6FF; - color: #1D4ED8; -} -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { - color: #1D4ED8; -} -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { - color: #1D4ED8; -} -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded { - background: #fcfcfc; -} -.landing-themes .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.5rem 0.5rem; -} -.landing-themes .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.5rem 0.5rem; -} -.landing-themes .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.5rem 0.5rem; -} -.landing-themes .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.5rem 0.5rem; -} -.landing-themes .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.5rem 0.5rem; -} -.landing-themes .p-datatable.p-datatable-lg .p-datatable-header { - padding: 1.25rem 1.25rem; -} -.landing-themes .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 1.25rem 1.25rem; -} -.landing-themes .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { - padding: 1.25rem 1.25rem; -} -.landing-themes .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; -} -.landing-themes .p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; -} -.landing-themes .p-datatable-drag-selection-helper { - background: rgba(99, 102, 241, 0.16); -} -.landing-themes .p-column-filter-row .p-column-filter-menu-button, -.landing-themes .p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} -.landing-themes .p-column-filter-menu-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; -} -.landing-themes .p-column-filter-menu-button:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-open, .landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #e9ecef; - color: #343a40; -} -.landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-active, .landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #EFF6FF; - color: #1D4ED8; -} -.landing-themes .p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.landing-themes .p-column-filter-clear-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; -} -.landing-themes .p-column-filter-clear-button:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.landing-themes .p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.landing-themes .p-column-filter-overlay { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - min-width: 12.5rem; -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items { - padding: 0.75rem 0; -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; -} -.landing-themes .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; -} -.landing-themes .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 #BFDBFE; -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1.25rem; - border-bottom: 1px solid #dee2e6; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 1.25rem; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1.25rem; -} -.landing-themes .p-paginator { - background: #ffffff; - color: #6c757d; - border: solid #e9ecef; - border-width: 0; - padding: 0.5rem 1rem; - border-radius: 6px; -} -.landing-themes .p-paginator .p-paginator-first, -.landing-themes .p-paginator .p-paginator-prev, -.landing-themes .p-paginator .p-paginator-next, -.landing-themes .p-paginator .p-paginator-last { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 50%; -} -.landing-themes .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, -.landing-themes .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, -.landing-themes .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, -.landing-themes .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: transparent; - color: #343a40; -} -.landing-themes .p-paginator .p-paginator-first { - border-top-left-radius: 50%; - border-bottom-left-radius: 50%; -} -.landing-themes .p-paginator .p-paginator-last { - border-top-right-radius: 50%; - border-bottom-right-radius: 50%; -} -.landing-themes .p-paginator .p-dropdown { - margin-left: 0.5rem; - height: 3rem; -} -.landing-themes .p-paginator .p-dropdown .p-dropdown-label { - padding-right: 0; -} -.landing-themes .p-paginator .p-paginator-page-input { - margin-left: 0.5rem; - margin-right: 0.5rem; -} -.landing-themes .p-paginator .p-paginator-page-input .p-inputtext { - max-width: 3rem; -} -.landing-themes .p-paginator .p-paginator-current { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - padding: 0 0.5rem; -} -.landing-themes .p-paginator .p-paginator-pages .p-paginator-page { - background-color: transparent; - border: 0 none; - color: #6c757d; - min-width: 3rem; - height: 3rem; - margin: 0.143rem; - transition: box-shadow 0.2s; - border-radius: 50%; -} -.landing-themes .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #EFF6FF; - border-color: #EFF6FF; - color: #1D4ED8; -} -.landing-themes .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; - border-color: transparent; - color: #343a40; -} - -.landing-themes .p-button-label { - font-weight: 700; -} -.landing-themes .p-accordion .p-accordion-header .p-accordion-header-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #3B82F6; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} -.landing-themes .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #3B82F6; -} -.landing-themes .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #3B82F6; -} -.landing-themes .p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 black; -} -.landing-themes .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; -} -.landing-themes .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; -} -.landing-themes .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; -} -.landing-themes .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; -} -.landing-themes .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; -} -.landing-themes .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; -} -.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #3B82F6; -} -.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #3B82F6; -} diff --git a/public/styles/landing/themes/lara-light-teal/theme.css b/public/styles/landing/themes/lara-light-teal/theme.css new file mode 100644 index 000000000..cb7f8ff52 --- /dev/null +++ b/public/styles/landing/themes/lara-light-teal/theme.css @@ -0,0 +1,1004 @@ +.landing-themes * { + box-sizing: border-box; + } + .landing-themes .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + .landing-themes .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + .landing-themes .p-disabled, .landing-themes .p-component:disabled { + opacity: 0.6; + } + .landing-themes .p-error { + color: #e24c4c; + } + .landing-themes .p-text-secondary { + color: #6b7280; + } + .landing-themes .pi { + font-size: 1rem; + } + .landing-themes .p-icon { + width: 1rem; + height: 1rem; + } + .landing-themes .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .landing-themes .p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ecfdf5; + } + .landing-themes .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + .landing-themes .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + .landing-themes .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; + } + .landing-themes .p-inputtext:enabled:hover { + border-color: #10b981; + } + .landing-themes .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: #10b981; + } + .landing-themes .p-inputtext.p-invalid.p-component { + border-color: #e24c4c; + } + .landing-themes .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .landing-themes .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + .landing-themes .p-float-label > label { + left: 0.75rem; + color: #6b7280; + transition-duration: 0.2s; + } + .landing-themes .p-float-label > .p-invalid + label { + color: #e24c4c; + } + .landing-themes .p-input-icon-left > svg:first-of-type, + .landing-themes .p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #6b7280; + } + .landing-themes .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + .landing-themes .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + .landing-themes .p-input-icon-right > svg:last-of-type, + .landing-themes .p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #6b7280; + } + .landing-themes .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + .landing-themes ::-webkit-input-placeholder { + color: #6b7280; + } + .landing-themes :-moz-placeholder { + color: #6b7280; + } + .landing-themes ::-moz-placeholder { + color: #6b7280; + } + .landing-themes :-ms-input-placeholder { + color: #6b7280; + } + .landing-themes .p-input-filled .p-inputtext { + background-color: #f3f4f6; + } + .landing-themes .p-input-filled .p-inputtext:enabled:hover { + background-color: #f3f4f6; + } + .landing-themes .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + .landing-themes .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .landing-themes .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + .landing-themes .p-button { + color: #ffffff; + background: #10b981; + border: 1px solid #10b981; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .landing-themes .p-button:enabled:hover { + background: #059669; + color: #ffffff; + border-color: #059669; + } + .landing-themes .p-button:enabled:active { + background: #047857; + color: #ffffff; + border-color: #047857; + } + .landing-themes .p-button.p-button-outlined { + background-color: transparent; + color: #10b981; + border: 1px solid; + } + .landing-themes .p-button.p-button-outlined:enabled:hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + border: 1px solid; + } + .landing-themes .p-button.p-button-outlined:enabled:active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + border: 1px solid; + } + .landing-themes .p-button.p-button-outlined.p-button-plain { + color: #6b7280; + border-color: #6b7280; + } + .landing-themes .p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #f3f4f6; + color: #6b7280; + } + .landing-themes .p-button.p-button-outlined.p-button-plain:enabled:active { + background: #e5e7eb; + color: #6b7280; + } + .landing-themes .p-button.p-button-text { + background-color: transparent; + color: #10b981; + border-color: transparent; + } + .landing-themes .p-button.p-button-text:enabled:hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + border-color: transparent; + } + .landing-themes .p-button.p-button-text:enabled:active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + border-color: transparent; + } + .landing-themes .p-button.p-button-text.p-button-plain { + color: #6b7280; + } + .landing-themes .p-button.p-button-text.p-button-plain:enabled:hover { + background: #f3f4f6; + color: #6b7280; + } + .landing-themes .p-button.p-button-text.p-button-plain:enabled:active { + background: #e5e7eb; + color: #6b7280; + } + .landing-themes .p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ecfdf5; + } + .landing-themes .p-button .p-button-label { + transition-duration: 0.2s; + } + .landing-themes .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .landing-themes .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .landing-themes .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .landing-themes .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .landing-themes .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #10b981; + background-color: #ffffff; + } + .landing-themes .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); + } + .landing-themes .p-button.p-button-rounded { + border-radius: 2rem; + } + .landing-themes .p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; + } + .landing-themes .p-button.p-button-icon-only .p-button-icon-left, + .landing-themes .p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .landing-themes .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; + } + .landing-themes .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .landing-themes .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .landing-themes .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .landing-themes .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .landing-themes .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .landing-themes .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + .landing-themes .p-fluid .p-button { + width: 100%; + } + .landing-themes .p-fluid .p-button-icon-only { + width: 3rem; + } + .landing-themes .p-fluid .p-buttonset { + display: flex; + } + .landing-themes .p-fluid .p-buttonset .p-button { + flex: 1; + } + .landing-themes .p-button.p-button-secondary, .landing-themes .p-buttonset.p-button-secondary > .p-button, .landing-themes .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #64748B; + border: 1px solid #64748B; + } + .landing-themes .p-button.p-button-secondary:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #475569; + color: #ffffff; + border-color: #475569; + } + .landing-themes .p-button.p-button-secondary:enabled:focus, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #E2E8F0; + } + .landing-themes .p-button.p-button-secondary:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .landing-themes .p-button.p-button-secondary.p-button-outlined, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #64748B; + border: 1px solid; + } + .landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; + border: 1px solid; + } + .landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; + border: 1px solid; + } + .landing-themes .p-button.p-button-secondary.p-button-text, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #64748B; + border-color: transparent; + } + .landing-themes .p-button.p-button-secondary.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; + } + .landing-themes .p-button.p-button-secondary.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; + } + .landing-themes .p-button.p-button-info, .landing-themes .p-buttonset.p-button-info > .p-button, .landing-themes .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #3B82F6; + border: 1px solid #3B82F6; + } + .landing-themes .p-button.p-button-info:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #2563EB; + color: #ffffff; + border-color: #2563EB; + } + .landing-themes .p-button.p-button-info:enabled:focus, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + .landing-themes .p-button.p-button-info:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #1D4ED8; + color: #ffffff; + border-color: #1D4ED8; + } + .landing-themes .p-button.p-button-info.p-button-outlined, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #3B82F6; + border: 1px solid; + } + .landing-themes .p-button.p-button-info.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(59, 130, 246, 0.04); + color: #3B82F6; + border: 1px solid; + } + .landing-themes .p-button.p-button-info.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(59, 130, 246, 0.16); + color: #3B82F6; + border: 1px solid; + } + .landing-themes .p-button.p-button-info.p-button-text, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #3B82F6; + border-color: transparent; + } + .landing-themes .p-button.p-button-info.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(59, 130, 246, 0.04); + border-color: transparent; + color: #3B82F6; + } + .landing-themes .p-button.p-button-info.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(59, 130, 246, 0.16); + border-color: transparent; + color: #3B82F6; + } + .landing-themes .p-button.p-button-success, .landing-themes .p-buttonset.p-button-success > .p-button, .landing-themes .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22C55E; + border: 1px solid #22C55E; + } + .landing-themes .p-button.p-button-success:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #16A34A; + color: #ffffff; + border-color: #16A34A; + } + .landing-themes .p-button.p-button-success:enabled:focus, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #BBF7D0; + } + .landing-themes .p-button.p-button-success:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #15803D; + color: #ffffff; + border-color: #15803D; + } + .landing-themes .p-button.p-button-success.p-button-outlined, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #22C55E; + border: 1px solid; + } + .landing-themes .p-button.p-button-success.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; + border: 1px solid; + } + .landing-themes .p-button.p-button-success.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; + border: 1px solid; + } + .landing-themes .p-button.p-button-success.p-button-text, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #22C55E; + border-color: transparent; + } + .landing-themes .p-button.p-button-success.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; + } + .landing-themes .p-button.p-button-success.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; + } + .landing-themes .p-button.p-button-warning, .landing-themes .p-buttonset.p-button-warning > .p-button, .landing-themes .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #F59E0B; + border: 1px solid #F59E0B; + } + .landing-themes .p-button.p-button-warning:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #D97706; + color: #ffffff; + border-color: #D97706; + } + .landing-themes .p-button.p-button-warning:enabled:focus, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #FDE68A; + } + .landing-themes .p-button.p-button-warning:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #B45309; + color: #ffffff; + border-color: #B45309; + } + .landing-themes .p-button.p-button-warning.p-button-outlined, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #F59E0B; + border: 1px solid; + } + .landing-themes .p-button.p-button-warning.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(245, 158, 11, 0.04); + color: #F59E0B; + border: 1px solid; + } + .landing-themes .p-button.p-button-warning.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(245, 158, 11, 0.16); + color: #F59E0B; + border: 1px solid; + } + .landing-themes .p-button.p-button-warning.p-button-text, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #F59E0B; + border-color: transparent; + } + .landing-themes .p-button.p-button-warning.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(245, 158, 11, 0.04); + border-color: transparent; + color: #F59E0B; + } + .landing-themes .p-button.p-button-warning.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(245, 158, 11, 0.16); + border-color: transparent; + color: #F59E0B; + } + .landing-themes .p-button.p-button-help, .landing-themes .p-buttonset.p-button-help > .p-button, .landing-themes .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #A855F7; + border: 1px solid #A855F7; + } + .landing-themes .p-button.p-button-help:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #9333EA; + color: #ffffff; + border-color: #9333EA; + } + .landing-themes .p-button.p-button-help:enabled:focus, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #E9D5FF; + } + .landing-themes .p-button.p-button-help:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #7E22CE; + color: #ffffff; + border-color: #7E22CE; + } + .landing-themes .p-button.p-button-help.p-button-outlined, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #A855F7; + border: 1px solid; + } + .landing-themes .p-button.p-button-help.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; + border: 1px solid; + } + .landing-themes .p-button.p-button-help.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; + border: 1px solid; + } + .landing-themes .p-button.p-button-help.p-button-text, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #A855F7; + border-color: transparent; + } + .landing-themes .p-button.p-button-help.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; + } + .landing-themes .p-button.p-button-help.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; + } + .landing-themes .p-button.p-button-danger, .landing-themes .p-buttonset.p-button-danger > .p-button, .landing-themes .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #EF4444; + border: 1px solid #EF4444; + } + .landing-themes .p-button.p-button-danger:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #DC2626; + color: #ffffff; + border-color: #DC2626; + } + .landing-themes .p-button.p-button-danger:enabled:focus, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #FECACA; + } + .landing-themes .p-button.p-button-danger:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #B91C1C; + color: #ffffff; + border-color: #B91C1C; + } + .landing-themes .p-button.p-button-danger.p-button-outlined, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #EF4444; + border: 1px solid; + } + .landing-themes .p-button.p-button-danger.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; + border: 1px solid; + } + .landing-themes .p-button.p-button-danger.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; + border: 1px solid; + } + .landing-themes .p-button.p-button-danger.p-button-text, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #EF4444; + border-color: transparent; + } + .landing-themes .p-button.p-button-danger.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; + } + .landing-themes .p-button.p-button-danger.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; + } + .landing-themes .p-button.p-button-link { + color: #047857; + background: transparent; + border: transparent; + } + .landing-themes .p-button.p-button-link:enabled:hover { + background: transparent; + color: #047857; + border-color: transparent; + } + .landing-themes .p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; + } + .landing-themes .p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.2rem #ecfdf5; + border-color: transparent; + } + .landing-themes .p-button.p-button-link:enabled:active { + background: transparent; + color: #047857; + border-color: transparent; + } + .landing-themes .p-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .landing-themes .p-badge.p-badge-secondary { + background-color: #64748B; + color: #ffffff; + } + .landing-themes .p-badge.p-badge-success { + background-color: #22C55E; + color: #ffffff; + } + .landing-themes .p-badge.p-badge-info { + background-color: #3B82F6; + color: #ffffff; + } + .landing-themes .p-badge.p-badge-warning { + background-color: #F59E0B; + color: #ffffff; + } + .landing-themes .p-badge.p-badge-danger { + background-color: #EF4444; + color: #ffffff; + } + .landing-themes .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .landing-themes .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + .landing-themes .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #e5e7eb; + border-radius: 6px; + } + .landing-themes .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #10b981; + } + .landing-themes .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; + } + .landing-themes .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .landing-themes .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .landing-themes .p-datatable .p-datatable-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .landing-themes .p-datatable .p-datatable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .landing-themes .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .landing-themes .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .landing-themes .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #374151; + margin-left: 0.5rem; + } + .landing-themes .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #047857; + background: #F0FDFA; + margin-left: 0.5rem; + } + .landing-themes .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .landing-themes .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .landing-themes .p-datatable .p-sortable-column.p-highlight { + background: #F0FDFA; + color: #047857; + } + .landing-themes .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #047857; + } + .landing-themes .p-datatable .p-sortable-column.p-highlight:hover { + background: #F0FDFA; + color: #047857; + } + .landing-themes .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #047857; + } + .landing-themes .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #ecfdf5; + outline: 0 none; + } + .landing-themes .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .landing-themes .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, + .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, + .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, + .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, + .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, + .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, + .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, + .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, + .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, + .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ecfdf5; + } + .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .landing-themes .p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 700; + } + .landing-themes .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid #ecfdf5; + outline-offset: -0.15rem; + } + .landing-themes .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #F0FDFA; + color: #047857; + } + .landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #F0FDFA; + } + .landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #F0FDFA; + } + .landing-themes .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .landing-themes .p-datatable .p-column-resizer-helper { + background: #10b981; + } + .landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, + .landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead, + .landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #f9fafb; + } + .landing-themes .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .landing-themes .p-datatable .p-datatable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .landing-themes .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .landing-themes .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #fcfcfc; + } + .landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #F0FDFA; + color: #047857; + } + .landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #047857; + } + .landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #047857; + } + .landing-themes .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .landing-themes .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .landing-themes .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .landing-themes .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .landing-themes .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .landing-themes .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .landing-themes .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .landing-themes .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .landing-themes .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .landing-themes .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + .landing-themes .p-paginator { + background: #ffffff; + color: #6b7280; + border: solid #f3f4f6; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .landing-themes .p-paginator .p-paginator-first, + .landing-themes .p-paginator .p-paginator-prev, + .landing-themes .p-paginator .p-paginator-next, + .landing-themes .p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .landing-themes .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, + .landing-themes .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, + .landing-themes .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, + .landing-themes .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + .landing-themes .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .landing-themes .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .landing-themes .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .landing-themes .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .landing-themes .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .landing-themes .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .landing-themes .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .landing-themes .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .landing-themes .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #F0FDFA; + border-color: #F0FDFA; + color: #047857; + } + .landing-themes .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } \ No newline at end of file