@charset "UTF-8";

:root {
    --surface-a: #ffffff;
    --surface-b: #f8f9fa;
    --surface-c: #e9ecef;
    --surface-d: #dee2e6;
    --surface-e: #ffffff;
    --surface-f: #ffffff;
    --text-color: #495057;
    --text-color-secondary: #6c757d;
    --primary-color: #2196F3;
    --primary-color-text: #ffffff;
    --primary-light: #E3F2FD;
    --primary-lighter: #a6d5fa;
    --primary-hover: #0d89ec;
    --primary-active: #0b7ad1;
    --border-color: #ced4da;
    --black: #000000;
    --red: #D20005;
    --link-color: #045491;
    --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

[data-theme="light"] {
    --bg-primary: #f8fafc;
    --bg-secondary: #e2e8f0;
    --text-primary: #1e293b;
    --card-bg: rgba(255, 255, 255, 0.9);
    --card-border: rgba(0, 0, 0, 0.08);
    --primary-color: #d4af37;
    --gradient-primary: linear-gradient(to right, #d4af37, #b8860b);
    --topbar-bg: rgba(255, 255, 255, 0.8);
    --sidebar-bg: #ffffff;
}

[data-theme="emerald"] {
    --bg-primary: #022c22;
    --bg-secondary: #064e3b;
    --text-primary: #ecfdf5;
    --card-bg: rgba(6, 78, 59, 0.4);
    --card-border: rgba(255, 255, 255, 0.05);
    --primary-color: #34d199;
    --gradient-primary: linear-gradient(to right, #34d199, #059669);
    --topbar-bg: rgba(6, 78, 59, 0.8);
    --sidebar-bg: #064e3b;
}

[data-theme="stander"] {
    --surface-a: #ffffff;
    --surface-b: #f8f9fa;
    --surface-c: #e9ecef;
    --surface-d: #dee2e6;
    --surface-e: #ffffff;
    --surface-f: #ffffff;
    --text-color: #495057;
    --text-color-secondary: #6c757d;
    --primary-color: #2196F3;
    --primary-light: #E3F2FD;
    --primary-lighter: #a6d5fa;
    --primary-hover: #0d89ec;
    --primary-active: #0b7ad1;
    --border-color: #ced4da;
    --black: #000000;
    --red: #D20005;
    --link-color: #045491;
}


[data-theme="ocean"] {
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --text-primary: #f1f5f9;
    --card-bg: rgba(30, 41, 59, 0.7);
    --card-border: rgba(56, 189, 248, 0.2);
    --primary-color: #38bdf8;
    --gradient-primary: linear-gradient(to right, #0284c7, #38bdf8);
    --topbar-bg: rgba(15, 23, 42, 0.9);
    --sidebar-bg: #1e293b;
}

[data-theme="sunset"] {
    --bg-primary: #2d132c;
    --bg-secondary: #801336;
    --text-primary: #fde0d9;
    --card-bg: rgba(128, 19, 54, 0.4);
    --card-border: rgba(238, 69, 64, 0.2);
    --primary-color: #ee4540;
    --gradient-primary: linear-gradient(to right, #c72c41, #ee4540);
    --topbar-bg: rgba(45, 19, 44, 0.9);
    --sidebar-bg: #801336;
}

[data-theme="midnight"] {
    --bg-primary: #09090b;
    --bg-secondary: #18181b;
    --text-primary: #fafafa;
    --card-bg: rgba(24, 24, 27, 0.8);
    --card-border: rgba(168, 85, 247, 0.2);
    --primary-color: #a855f7;
    --gradient-primary: linear-gradient(to right, #7e22ce, #a855f7);
    --topbar-bg: rgba(9, 9, 11, 0.9);
    --sidebar-bg: #18181b;
}

[data-theme="forest"] {
    --bg-primary: #1c2e26;
    --bg-secondary: #274035;
    --text-primary: #e8f5e9;
    --card-bg: rgba(39, 64, 53, 0.6);
    --card-border: rgba(129, 199, 132, 0.2);
    --primary-color: #81c784;
    --gradient-primary: linear-gradient(to right, #388e3c, #81c784);
    --topbar-bg: rgba(28, 46, 38, 0.9);
    --sidebar-bg: #274035;
}

[data-theme="corporate"] {
    --bg-primary: #f1f5f9;
    --bg-secondary: #ffffff;
    --text-primary: #334155;
    --card-bg: rgba(255, 255, 255, 0.95);
    --card-border: rgba(15, 23, 42, 0.1);
    --primary-color: #0f172a;
    --gradient-primary: linear-gradient(to right, #334155, #0f172a);
    --topbar-bg: rgba(255, 255, 255, 0.9);
    --sidebar-bg: #f8fafc;
}

[data-theme="dark"] {
    --bg-primary: #0b0f19;
    --bg-secondary: #1a2a3a;
    --text-primary: #ffffff;
    --card-bg: rgba(30, 41, 59, 0.6);
    --card-border: rgba(255, 255, 255, 0.05);
    --primary-color: #00c6ff;
    --gradient-primary: linear-gradient(to right, #00c6ff, #0072ff);
    --topbar-bg: rgba(26, 42, 58, 0.8);
    --sidebar-bg: #1a2a3a;
}

body {
    background-color: var(--surface-a);
    font-size: 0px;
    color: var(--black);

}

h1 {
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    border-bottom: 1px solid #AFAFAF;
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: var(--red);
}

a:link,
a:visited {
    color: var(--link-color);
    font-weight: bold;
    text-decoration: none;
}

a:link:hover,
a:visited:hover {
    color: var(--link-color);
    font-weight: bold;
    text-decoration: underline;
}


* {
    box-sizing: border-box;
}

body .ui-widget {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    text-decoration: none;
}

body .ui-icon {
    font-size: 1rem;
    display: inline-block;
    vertical-align: baseline;
    margin: 0;
    position: static;
    text-indent: 0;
    overflow: visible;
    background-repeat: no-repeat;
}

body .ui-widget-overlay {
    -webkit-animation-name: modal-in;
    animation-name: modal-in;
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99);
    animation-fill-mode: forwards;
}

body .ui-helper-reset {
    line-height: normal;
}

body .ui-state-disabled {
    opacity: 0.6;
}

body .ui-widget-overlay {
    background: rgba(0, 0, 0, 0.4);
}

body .ui-button {
    background: SteelBlue;
    color: var(--surface-a);
    border: 1px solid var(--primary-color);
    margin: 0;
    outline: 0 none;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-button.ui-state-hover {
    background: var(--primary-hover);
    border-color: var(--primary-hover);
    color: var(--surface-a);
}

body .ui-button.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2em var(--primary-lighter);
}

body .ui-button.ui-state-active,
body .ui-button.ui-state-down {
    background: var(--primary-active);
    border-color: var(--primary-active);
    color: var(--surface-a);
}

body .ui-button.ui-button-outlined {
    background-color: transparent;
    color: var(--primary-color);
    border: 1px solid;
}

body .ui-button.ui-button-outlined.ui-state-hover {
    background: rgba(33, 150, 243, 0.04);
    color: var(--primary-color);
    border: 1px solid;
}

body .ui-button.ui-button-outlined.ui-state-active,
body .ui-button.ui-button-outlined.ui-state-down {
    background: rgba(33, 150, 243, 0.16);
    color: var(--primary-color);
    border: 1px solid;
}

body .ui-button.ui-button-outlined.ui-button-plain {
    color: var(--text-color-secondary);
    border-color: var(--text-color-secondary);
}

body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color-secondary);
}

body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active,
body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down {
    background: var(--surface-d);
    color: var(--text-color-secondary);
}

body .ui-button.ui-button-flat {
    background-color: transparent;
    color: var(--primary-color);
    border-color: transparent;
}

body .ui-button.ui-button-flat.ui-state-hover {
    background: rgba(33, 150, 243, 0.04);
    color: var(--primary-color);
    border-color: transparent;
}

body .ui-button.ui-button-flat.ui-state-active,
body .ui-button.ui-button-flat.ui-state-down {
    background: rgba(33, 150, 243, 0.16);
    color: var(--primary-color);
    border-color: transparent;
}

body .ui-button.ui-button-flat.ui-button-plain {
    color: var(--text-color-secondary);
}

body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color-secondary);
}

body .ui-button.ui-button-flat.ui-button-plain.ui-state-active,
body .ui-button.ui-button-flat.ui-button-plain.ui-state-down {
    background: var(--surface-d);
    color: var(--text-color-secondary);
}

body .ui-button.ui-button-text-only .ui-button-text {
    padding: 0.5rem 1rem;
}

body .ui-button.ui-button-text-icon-left .ui-button-text {
    padding: 0.5rem 1rem 0.5rem 2rem;
}

body .ui-button.ui-button-text-icon-left .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5rem;
    left: 0.5rem;
}

body .ui-button.ui-button-text-icon-right .ui-button-text {
    padding: 0.5rem 2rem 0.5rem 1rem;
}

body .ui-button.ui-button-text-icon-right .ui-icon {
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -0.5rem;
    right: 0.5rem;
}

body .ui-button.ui-button-icon-only {
    width: 2.357rem;
}

body .ui-button.ui-button-icon-only .ui-button-text {
    padding: 0.5rem;
}

body .ui-button.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5rem;
    margin-left: -0.5rem;
}

body .ui-button.ui-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);
}

body .ui-button.rounded-button {
    border-radius: 2rem;
}

body .ui-button.rounded-button.ui-button-icon-only {
    border-radius: 50%;
    height: 2.357rem;
}

body .ui-button .ui-icon-triangle-1-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-button .ui-icon-triangle-1-s:before {
    content: "";
}

body .ui-selectbooleanbutton,
body .ui-selectonebutton>.ui-button,
body .ui-selectmanybutton>.ui-button {
    background: var(--surface-a);
    color: var(--text-color);
    border: 1px solid var(--border-color);
    outline: 0 none;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-selectbooleanbutton .ui-icon,
body .ui-selectonebutton>.ui-button .ui-icon,
body .ui-selectmanybutton>.ui-button .ui-icon {
    color: var(--text-color-secondary);
}

body .ui-selectbooleanbutton.ui-state-hover,
body .ui-selectonebutton>.ui-button.ui-state-hover,
body .ui-selectmanybutton>.ui-button.ui-state-hover {
    background: var(--surface-c);
    border-color: var(--border-color);
    color: var(--text-color);
}

body .ui-selectbooleanbutton.ui-state-hover .ui-icon,
body .ui-selectonebutton>.ui-button.ui-state-hover .ui-icon,
body .ui-selectmanybutton>.ui-button.ui-state-hover .ui-icon {
    color: var(--text-color-secondary);
}

body .ui-selectbooleanbutton.ui-state-active,
body .ui-selectonebutton>.ui-button.ui-state-active,
body .ui-selectmanybutton>.ui-button.ui-state-active {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--surface-a);
}

body .ui-selectbooleanbutton.ui-state-active .ui-icon,
body .ui-selectonebutton>.ui-button.ui-state-active .ui-icon,
body .ui-selectmanybutton>.ui-button.ui-state-active .ui-icon {
    color: var(--surface-a);
}

body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover,
body .ui-selectonebutton>.ui-button.ui-state-active:not(.ui-state-disabled):hover,
body .ui-selectmanybutton>.ui-button.ui-state-active:not(.ui-state-disabled):hover {
    background: var(--primary-hover);
    border-color: var(--primary-hover);
    color: var(--surface-a);
}

body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon,
body .ui-selectonebutton>.ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon,
body .ui-selectmanybutton>.ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon {
    color: var(--surface-a);
}

body .ui-selectonebutton>.ui-button,
body .ui-selectmanybutton>.ui-button {
    border-radius: 0;
}

body .ui-selectonebutton>.ui-button:first-child,
body .ui-selectmanybutton>.ui-button:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

body .ui-selectonebutton>.ui-button:last-child,
body .ui-selectmanybutton>.ui-button:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

body .ui-selectonebutton>.ui-button.ui-state-focus,
body .ui-selectmanybutton>.ui-button.ui-state-focus {
    z-index: 1;
}

body .ui-selectonebutton>.ui-button:not(:last-child),
body .ui-selectmanybutton>.ui-button:not(:last-child) {
    border-right-width: 0;
}

@media (max-width: 640px) {

    body .ui-selectonebutton>div.ui-button:not(:last-child),
    body .ui-selectmanybutton>div.ui-button:not(:last-child) {
        border-bottom-width: 0;
        border-right-width: 1px;
    }

    body .ui-selectonebutton>div.ui-button:first-child,
    body .ui-selectmanybutton>div.ui-button:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    body .ui-selectonebutton>div.ui-button:last-child,
    body .ui-selectmanybutton>div.ui-button:last-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-width: 1px;
    }
}

@media (max-width: 640px) {
    body .ui-dataview-layout-options>div.ui-button:not(:last-child) {
        border-bottom-width: 1px;
        border-right-width: 0;
    }

    body .ui-dataview-layout-options>div.ui-button:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    body .ui-dataview-layout-options>div.ui-button:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
}

body .ui-button-group .ui-button {
    margin: 0;
    border-radius: 0;
}

body .ui-button-group .ui-button:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

body .ui-button-group .ui-button:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

body .ui-button-group .ui-button.ui-state-focus {
    z-index: 1;
}

body .ui-button.ui-button-secondary,
body .ui-splitbutton.ui-button-secondary>.ui-button {
    background: #607D8B;
    color: var(--surface-a);
    border: 1px solid #607D8B;
}

body .ui-button.ui-button-secondary.ui-state-hover,
body .ui-button.ui-button-secondary:not(:disabled):hover,
body .ui-splitbutton.ui-button-secondary>.ui-button.ui-state-hover,
body .ui-splitbutton.ui-button-secondary>.ui-button:not(:disabled):hover {
    background: #56717d;
    border-color: #56717d;
    color: var(--surface-a);
}

body .ui-button.ui-button-secondary.ui-state-focus,
body .ui-splitbutton.ui-button-secondary>.ui-button.ui-state-focus {
    box-shadow: 0 0 0 0.2rem #beccd2;
}

body .ui-button.ui-button-secondary.ui-state-active,
body .ui-button.ui-button-secondary:active,
body .ui-splitbutton.ui-button-secondary>.ui-button.ui-state-active,
body .ui-splitbutton.ui-button-secondary>.ui-button:active {
    background: #4d646f;
    border-color: #4d646f;
    color: var(--surface-a);
}

body .ui-button.ui-button-secondary.ui-button-outlined,
body .ui-splitbutton.ui-button-secondary>.ui-button.ui-button-outlined {
    background-color: transparent;
    color: #607D8B;
    border: 1px solid;
}

body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover,
body .ui-splitbutton.ui-button-secondary>.ui-button.ui-button-outlined:enabled:hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607D8B;
    border: 1px solid;
}

body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active,
body .ui-splitbutton.ui-button-secondary>.ui-button.ui-button-outlined:enabled:active {
    background: rgba(96, 125, 139, 0.16);
    color: #607D8B;
    border: 1px solid;
}

body .ui-button.ui-button-secondary.ui-button-flat,
body .ui-splitbutton.ui-button-secondary>.ui-button.ui-button-flat {
    background-color: transparent;
    color: #607D8B;
    border-color: transparent;
}

body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover,
body .ui-splitbutton.ui-button-secondary>.ui-button.ui-button-flat:enabled:hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607D8B;
}

body .ui-button.ui-button-secondary.ui-button-flat:enabled:active,
body .ui-splitbutton.ui-button-secondary>.ui-button.ui-button-flat:enabled:active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607D8B;
}

body .ui-button.ui-button-success,
body .ui-splitbutton.ui-button-success>.ui-button {
    background: #689F38;
    color: var(--surface-a);
    border: 1px solid #689F38;
}

body .ui-button.ui-button-success.ui-state-hover,
body .ui-splitbutton.ui-button-success>.ui-button.ui-state-hover {
    background: #5e8f32;
    color: var(--surface-a);
    border-color: #5e8f32;
}

body .ui-button.ui-button-success.ui-state-focus,
body .ui-splitbutton.ui-button-success>.ui-button.ui-state-focus {
    box-shadow: 0 0 0 0.2rem #c2e0a8;
}

body .ui-button.ui-button-success.ui-state-active,
body .ui-splitbutton.ui-button-success>.ui-button.ui-state-active {
    background: #537f2d;
    color: var(--surface-a);
}

body .ui-button.ui-button-success.ui-button-outlined,
body .ui-splitbutton.ui-button-success>.ui-button.ui-button-outlined {
    background-color: transparent;
    color: #689F38;
    border: 1px solid;
}

body .ui-button.ui-button-success.ui-button-outlined:enabled:hover,
body .ui-splitbutton.ui-button-success>.ui-button.ui-button-outlined:enabled:hover {
    background: rgba(104, 159, 56, 0.04);
    color: #689F38;
    border: 1px solid;
}

body .ui-button.ui-button-success.ui-button-outlined:enabled:active,
body .ui-splitbutton.ui-button-success>.ui-button.ui-button-outlined:enabled:active {
    background: rgba(104, 159, 56, 0.16);
    color: #689F38;
    border: 1px solid;
}

body .ui-button.ui-button-success.ui-button-flat,
body .ui-splitbutton.ui-button-success>.ui-button.ui-button-flat {
    background-color: transparent;
    color: #689F38;
    border-color: transparent;
}

body .ui-button.ui-button-success.ui-button-flat:enabled:hover,
body .ui-splitbutton.ui-button-success>.ui-button.ui-button-flat:enabled:hover {
    background: rgba(104, 159, 56, 0.04);
    border-color: transparent;
    color: #689F38;
}

body .ui-button.ui-button-success.ui-button-flat:enabled:active,
body .ui-splitbutton.ui-button-success>.ui-button.ui-button-flat:enabled:active {
    background: rgba(104, 159, 56, 0.16);
    border-color: transparent;
    color: #689F38;
}

body .ui-button.ui-button-warning,
body .ui-splitbutton.ui-button-warning>.ui-button {
    background: #FBC02D;
    color: #212529;
    border: 1px solid #FBC02D;
}

body .ui-button.ui-button-warning.ui-state-hover,
body .ui-splitbutton.ui-button-warning>.ui-button.ui-state-hover {
    background: #fab710;
    color: #212529;
    border-color: #fab710;
}

body .ui-button.ui-button-warning.ui-state-focus,
body .ui-splitbutton.ui-button-warning>.ui-button.ui-state-focus {
    box-shadow: 0 0 0 0.2rem #fde6ab;
}

body .ui-button.ui-button-warning.ui-state-active,
body .ui-splitbutton.ui-button-warning>.ui-button.ui-state-active {
    background: #e8a704;
    color: #212529;
    border-color: #e8a704;
}

body .ui-button.ui-button-warning.ui-button-outlined,
body .ui-splitbutton.ui-button-warning>.ui-button.ui-button-outlined {
    background-color: transparent;
    color: #FBC02D;
    border: 1px solid;
}

body .ui-button.ui-button-warning.ui-button-outlined:enabled:hover,
body .ui-splitbutton.ui-button-warning>.ui-button.ui-button-outlined:enabled:hover {
    background: rgba(251, 192, 45, 0.04);
    color: #FBC02D;
    border: 1px solid;
}

body .ui-button.ui-button-warning.ui-button-outlined:enabled:active,
body .ui-splitbutton.ui-button-warning>.ui-button.ui-button-outlined:enabled:active {
    background: rgba(251, 192, 45, 0.16);
    color: #FBC02D;
    border: 1px solid;
}

body .ui-button.ui-button-warning.ui-button-flat,
body .ui-splitbutton.ui-button-warning>.ui-button.ui-button-flat {
    background-color: transparent;
    color: #FBC02D;
    border-color: transparent;
}

body .ui-button.ui-button-warning.ui-button-flat:enabled:hover,
body .ui-splitbutton.ui-button-warning>.ui-button.ui-button-flat:enabled:hover {
    background: rgba(251, 192, 45, 0.04);
    border-color: transparent;
    color: #FBC02D;
}

body .ui-button.ui-button-warning.ui-button-flat:enabled:active,
body .ui-splitbutton.ui-button-warning>.ui-button.ui-button-flat:enabled:active {
    background: rgba(251, 192, 45, 0.16);
    border-color: transparent;
    color: #FBC02D;
}

body .ui-button.ui-button-help,
body .ui-splitbutton.ui-button-help>.ui-button {
    background: #9C27B0;
    color: var(--surface-a);
    border: 1px solid #9C27B0;
}

body .ui-button.ui-button-help.ui-state-hover,
body .ui-splitbutton.ui-button-help>.ui-button.ui-state-hover {
    background: #8c239e;
    color: var(--surface-a);
    border-color: #8c239e;
}

body .ui-button.ui-button-help.ui-state-focus,
body .ui-splitbutton.ui-button-help>.ui-button.ui-state-focus {
    box-shadow: 0 0 0 0.2rem #df9eea;
}

body .ui-button.ui-button-help.ui-state-active,
body .ui-splitbutton.ui-button-help>.ui-button.ui-state-active {
    background: #7d1f8d;
    color: var(--surface-a);
    border-color: #7d1f8d;
}

body .ui-button.ui-button-help.ui-button-outlined,
body .ui-splitbutton.ui-button-help>.ui-button.ui-button-outlined {
    background-color: transparent;
    color: #9C27B0;
    border: 1px solid;
}

body .ui-button.ui-button-help.ui-button-outlined:enabled:hover,
body .ui-splitbutton.ui-button-help>.ui-button.ui-button-outlined:enabled:hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9C27B0;
    border: 1px solid;
}

body .ui-button.ui-button-help.ui-button-outlined:enabled:active,
body .ui-splitbutton.ui-button-help>.ui-button.ui-button-outlined:enabled:active {
    background: rgba(156, 39, 176, 0.16);
    color: #9C27B0;
    border: 1px solid;
}

body .ui-button.ui-button-help.ui-button-flat,
body .ui-splitbutton.ui-button-help>.ui-button.ui-button-flat {
    background-color: transparent;
    color: #9C27B0;
    border-color: transparent;
}

body .ui-button.ui-button-help.ui-button-flat:enabled:hover,
body .ui-splitbutton.ui-button-help>.ui-button.ui-button-flat:enabled:hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9C27B0;
}

body .ui-button.ui-button-help.ui-button-flat:enabled:active,
body .ui-splitbutton.ui-button-help>.ui-button.ui-button-flat:enabled:active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9C27B0;
}

body .ui-button.ui-button-info,
body .ui-splitbutton.ui-button-info>.ui-button {
    background: #0288D1;
    color: var(--surface-a);
    border: 1px solid #0288D1;
}

body .ui-button.ui-button-info.ui-state-hover,
body .ui-splitbutton.ui-button-info>.ui-button.ui-state-hover {
    background: #027abc;
    color: var(--surface-a);
    border-color: #027abc;
}

body .ui-button.ui-button-info.ui-state-focus,
body .ui-splitbutton.ui-button-info>.ui-button.ui-state-focus {
    box-shadow: 0 0 0 0.2rem #89d4fe;
}

body .ui-button.ui-button-info.ui-state-active,
body .ui-splitbutton.ui-button-info>.ui-button.ui-state-active {
    background: #026da7;
    color: var(--surface-a);
    border-color: #026da7;
}

body .ui-button.ui-button-info.ui-button-outlined,
body .ui-splitbutton.ui-button-info>.ui-button.ui-button-outlined {
    background-color: transparent;
    color: #0288D1;
    border: 1px solid;
}

body .ui-button.ui-button-info.ui-button-outlined:enabled:hover,
body .ui-splitbutton.ui-button-info>.ui-button.ui-button-outlined:enabled:hover {
    background: rgba(2, 136, 209, 0.04);
    color: #0288D1;
    border: 1px solid;
}

body .ui-button.ui-button-info.ui-button-outlined:enabled:active,
body .ui-splitbutton.ui-button-info>.ui-button.ui-button-outlined:enabled:active {
    background: rgba(2, 136, 209, 0.16);
    color: #0288D1;
    border: 1px solid;
}

body .ui-button.ui-button-info.ui-button-flat,
body .ui-splitbutton.ui-button-info>.ui-button.ui-button-flat {
    background-color: transparent;
    color: #0288D1;
    border-color: transparent;
}

body .ui-button.ui-button-info.ui-button-flat:enabled:hover,
body .ui-splitbutton.ui-button-info>.ui-button.ui-button-flat:enabled:hover {
    background: rgba(2, 136, 209, 0.04);
    border-color: transparent;
    color: #0288D1;
}

body .ui-button.ui-button-info.ui-button-flat:enabled:active,
body .ui-splitbutton.ui-button-info>.ui-button.ui-button-flat:enabled:active {
    background: rgba(2, 136, 209, 0.16);
    border-color: transparent;
    color: #0288D1;
}

body .ui-button.ui-button-danger,
body .ui-splitbutton.ui-button-danger>.ui-button {
    background: #D32F2F;
    color: var(--surface-a);
    border: 1px solid #D32F2F;
}

body .ui-button.ui-button-danger.ui-state-hover,
body .ui-splitbutton.ui-button-danger>.ui-button.ui-state-hover {
    background: #c02929;
    color: var(--surface-a);
    border-color: #c02929;
}

body .ui-button.ui-button-danger.ui-state-focus,
body .ui-splitbutton.ui-button-danger>.ui-button.ui-state-focus {
    box-shadow: 0 0 0 0.2rem #edacac;
}

body .ui-button.ui-button-danger.ui-state-active,
body .ui-splitbutton.ui-button-danger>.ui-button.ui-state-active {
    background: #aa2424;
    color: var(--surface-a);
    border-color: #aa2424;
}

body .ui-button.ui-button-danger.ui-button-outlined,
body .ui-splitbutton.ui-button-danger>.ui-button.ui-button-outlined {
    background-color: transparent;
    color: #D32F2F;
    border: 1px solid;
}

body .ui-button.ui-button-danger.ui-button-outlined:enabled:hover,
body .ui-splitbutton.ui-button-danger>.ui-button.ui-button-outlined:enabled:hover {
    background: rgba(211, 47, 47, 0.04);
    color: #D32F2F;
    border: 1px solid;
}

body .ui-button.ui-button-danger.ui-button-outlined:enabled:active,
body .ui-splitbutton.ui-button-danger>.ui-button.ui-button-outlined:enabled:active {
    background: rgba(211, 47, 47, 0.16);
    color: #D32F2F;
    border: 1px solid;
}

body .ui-button.ui-button-danger.ui-button-flat,
body .ui-splitbutton.ui-button-danger>.ui-button.ui-button-flat {
    background-color: transparent;
    color: #D32F2F;
    border-color: transparent;
}

body .ui-button.ui-button-danger.ui-button-flat:enabled:hover,
body .ui-splitbutton.ui-button-danger>.ui-button.ui-button-flat:enabled:hover {
    background: rgba(211, 47, 47, 0.04);
    border-color: transparent;
    color: #D32F2F;
}

body .ui-button.ui-button-danger.ui-button-flat:enabled:active,
body .ui-splitbutton.ui-button-danger>.ui-button.ui-button-flat:enabled:active {
    background: rgba(211, 47, 47, 0.16);
    border-color: transparent;
    color: #D32F2F;
}

body .ui-commandlink,
body .ui-link {
    color: var(--primary-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-commandlink:hover,
body .ui-link:hover {
    color: var(--primary-hover);
    text-decoration: underline;
}

body .ui-commandlink:active,
body .ui-link:active {
    color: var(--primary-active);
}

body .ui-splitbutton {
    padding: 0;
}

body .ui-splitbutton .ui-button:first-child {
    position: relative;
    margin: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body .ui-splitbutton .ui-button:first-child.ui-state-focus {
    z-index: 1;
}

body .ui-splitbutton .ui-splitbuttonmenu {
    min-width: 100%;
}

body .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
    cursor: pointer;
    height: auto;
    padding: 0;
    position: relative;
    margin: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before {
    content: "";
}

body .ui-carousel {
    padding: 0;
}

body .ui-carousel .ui-carousel-header {
    background: var(--surface-b);
    color: var(--text-color);
    padding: 1rem;
    border: 1px solid var(--surface-d);
    margin: 0;
    font-weight: 700;
}

body .ui-carousel .ui-carousel-header .ui-carousel-header-title {
    padding: 0;
    width: auto;
}

body .ui-carousel .ui-carousel-footer {
    background: var(--surface-b);
    color: var(--text-color);
    padding: 1rem;
    border: 1px solid var(--surface-d);
    margin: 0;
}

body .ui-carousel .ui-carousel-viewport {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
    padding: 0;
}

body .ui-carousel .ui-carousel-viewport .ui-carousel-item {
    border: 1px solid var(--surface-d);
}

body .ui-carousel .ui-carousel-button {
    margin: 0 0 0 0.5rem;
    position: relative;
    top: 0.143em;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
}

body .ui-carousel .ui-carousel-button:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-carousel .ui-carousel-button.ui-carousel-next-button {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-carousel .ui-carousel-button.ui-carousel-next-button:before {
    content: "";
}

body .ui-carousel .ui-carousel-button.ui-carousel-prev-button {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-carousel .ui-carousel-button.ui-carousel-prev-button:before {
    content: "";
}

body .ui-carousel .ui-carousel-dropdown,
body .ui-carousel .ui-carousel-mobiledropdown {
    margin: 0 0.5rem 0 0;
}

body .ui-carousel .ui-carousel-page-links {
    margin: 0 0.5rem;
    position: relative;
    top: 0.143em;
}

body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
    text-decoration: none;
}

body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-off {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-off:before {
    content: "";
}

body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-on {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    color: var(--primary-color);
}

body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-on:before {
    content: "";
}

body .ui-chronoline .ui-chronoline-event-marker {
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background-color: var(--surface-a);
}

body .ui-chronoline .ui-chronoline-event-connector {
    background-color: var(--surface-d);
}

body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite,
body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content {
    padding: 0 1rem;
}

body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector {
    width: 2px;
}

body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite,
body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content {
    padding: 1rem 0;
}

body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector {
    height: 2px;
}

body .ui-datagrid .ui-datagrid-header,
body .ui-datagrid .ui-datagrid-footer {
    background: var(--surface-b);
    border: 1px solid var(--surface-d);
    color: var(--text-color);
    padding: 1rem;
    font-weight: 700;
}

body .ui-datagrid .ui-datagrid-header {
    border-bottom: 0 none;
}

body .ui-datagrid .ui-datagrid-footer {
    border-top: 0 none;
}

body .ui-datagrid .ui-datagrid-content {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
    padding: 1rem;
}

body .ui-datagrid .ui-paginator {
    padding: 1rem;
}

body .ui-datagrid .ui-paginator.ui-paginator-top {
    border-bottom: 0 none;
}

body .ui-datagrid .ui-paginator.ui-paginator-bottom {
    border-top: 0 none;
}

body .ui-datalist .ui-datalist-header,
body .ui-datalist .ui-datalist-footer {
    background: var(--surface-b);
    border: 1px solid var(--surface-d);
    color: var(--text-color);
    padding: 1rem;
    font-weight: 700;
}

body .ui-datalist .ui-datalist-header {
    border-bottom: 0 none;
}

body .ui-datalist .ui-datalist-footer {
    border-top: 0 none;
}

body .ui-datalist .ui-datalist-content {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
    padding: 1rem;
}

body .ui-datalist .ui-paginator {
    padding: 1rem;
}

body .ui-datalist .ui-paginator.ui-paginator-top {
    border-bottom: 0 none;
}

body .ui-datalist .ui-paginator.ui-paginator-bottom {
    border-top: 0 none;
}

body .ui-datascroller .ui-datascroller-header,
body .ui-datascroller .ui-datascroller-footer {
    background: var(--surface-b);
    border: 1px solid var(--surface-d);
    color: var(--text-color);
    padding: 1rem;
    font-weight: 700;
}

body .ui-datascroller .ui-datascroller-header {
    border-bottom: 0 none;
}

body .ui-datascroller .ui-datascroller-footer {
    border-top: 0 none;
}

body .ui-datascroller .ui-datascroller-content {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
    padding: 1rem;
}

body .ui-datatable .ui-datatable-header {
    background: var(--surface-b);
    border: 1px solid var(--surface-c);
    border-width: 1px 0 1px 0;
    color: var(--text-color);
    padding: 1rem 1rem;
    font-weight: 600;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

body .ui-datatable .ui-datatable-footer {
    background: var(--surface-b);
    border: 1px solid var(--surface-c);
    border-width: 0 0 1px 0;
    color: var(--text-color);
    padding: 1rem 1rem;
    font-weight: 600;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

body .ui-datatable .ui-datatable-header {
    text-align: left;
}

body .ui-datatable .ui-datatable-footer {
    text-align: left;
}

body .ui-datatable .ui-paginator {
    padding: 1rem;
}

body .ui-datatable .ui-paginator.ui-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
}

body .ui-datatable .ui-paginator.ui-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
}

body .ui-datatable thead th {
    background: var(--surface-b);
    color: var(--text-color);
    padding: 1rem 1rem;
    border: 1px solid var(--surface-c);
    border-width: 0 0 1px 0;
    text-align: left;
    box-sizing: content-box;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-datatable thead th .ui-column-title {
    font-weight: 700;
    vertical-align: middle;
}

body .ui-datatable thead th .ui-sortable-column-icon {
    margin: 0 0 0 0.5rem;
}

body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    vertical-align: middle;
}

body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before {
    content: "";
}

body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    vertical-align: middle;
}

body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before {
    content: "";
}

body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    vertical-align: middle;
}

body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before {
    content: "";
}

body .ui-datatable thead th .ui-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: var(--surface-a);
    background: var(--primary-color);
    margin-left: 0.5rem;
    font-size: 0.75rem;
}

body .ui-datatable thead th.ui-sortable-column.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem var(--primary-lighter);
}

body .ui-datatable thead th.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-datatable thead th.ui-state-active {
    background: var(--surface-b);
    color: var(--primary-color);
}

body .ui-datatable thead th.ui-state-active.ui-state-hover {
    background: var(--surface-c);
    color: var(--primary-color);
}

body .ui-datatable .ui-datatable-data>tr {

    color: var(--text-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-datatable .ui-datatable-data>tr>td {
    padding: 1rem 1rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-width: 0 0 1px 0;
}

body .ui-datatable .ui-datatable-data>tr>td.ui-datatable-subtable-header {
    background: var(--surface-b);
    border: 1px solid var(--surface-d);
    color: var(--text-color);
    font-weight: 700;
}

body .ui-datatable .ui-datatable-data>tr.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-datatable .ui-datatable-data>tr.ui-state-highlight {
    background: var(--primary-light);
    color: var(--text-color);
}

body .ui-datatable .ui-datatable-data>tr.ui-state-highlight .ui-row-toggler {
    color: var(--text-color);
}

body .ui-datatable .ui-datatable-data>tr.ui-state-highlight .ui-row-editor>a {
    color: var(--text-color);
}

body .ui-datatable .ui-datatable-data>tr.ui-datatable-selectable {
    cursor: pointer;
}

body .ui-datatable .ui-datatable-data>tr.ui-rowgroup-header,
body .ui-datatable .ui-datatable-data>tr.ui-datatable-summaryrow {
    font-weight: 700;
}

body .ui-datatable .ui-datatable-data>tr .ui-row-editor>a {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
}

body .ui-datatable .ui-datatable-data>tr .ui-row-editor>a:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-datatable .ui-datatable-data>tr .ui-row-editor>a.ui-row-editor-check {
    margin-right: 0.5rem;
}

body .ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon.ui-icon-pencil {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon.ui-icon-pencil:before {
    content: "";
}

body .ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon.ui-icon-check {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon.ui-icon-check:before {
    content: "";
}

body .ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon.ui-icon-close {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon.ui-icon-close:before {
    content: "";
}

body .ui-datatable .ui-datatable-data>tr .ui-row-toggler {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
}

body .ui-datatable .ui-datatable-data>tr .ui-row-toggler:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-datatable .ui-datatable-data>tr .ui-row-toggler.ui-icon-circle-triangle-e {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-datatable .ui-datatable-data>tr .ui-row-toggler.ui-icon-circle-triangle-e:before {
    content: "";
}

body .ui-datatable .ui-datatable-data>tr .ui-row-toggler.ui-icon-circle-triangle-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-datatable .ui-datatable-data>tr .ui-row-toggler.ui-icon-circle-triangle-s:before {
    content: "";
}

body .ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler {
    margin-right: 1rem;
}

body .ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
}

body .ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before {
    content: "";
}

body .ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before {
    content: "";
}

body .ui-datatable .ui-datatable-data>tr.ui-datatable-rowordering {
    background: var(--primary-light);
}

body .ui-datatable .ui-column-resizer-helper {
    background: var(--primary-color);
}

body .ui-datatable tfoot td {
    background: var(--surface-b);
    border: 1px solid var(--surface-c);
    border-width: 0 0 1px 0;
    color: var(--text-color);
    padding: 1rem 1rem;
    font-weight: 700;
    text-align: left;
    box-sizing: content-box;
}

body .ui-datatable>.ui-icon-arrowthick-1-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    display: none !important;
}

body .ui-datatable>.ui-icon-arrowthick-1-s:before {
    content: "";
}

body .ui-datatable>.ui-icon-arrowthick-1-n {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    padding-top: 1.5rem !important;
}

body .ui-datatable>.ui-icon-arrowthick-1-n:before {
    content: "";
}

body .ui-datatable .ui-datatable-scrollable-body {
    outline: 0 none;
}

body .ui-datatable .ui-datatable-scrollable-header,
body .ui-datatable .ui-datatable-scrollable-footer {
    background: var(--surface-b);
}

body .ui-datatable .ui-selection-column .ui-chkbox-all {
    width: auto;
    height: auto;
}

body .ui-datatable.ui-datatable-striped .ui-datatable-data>tr.ui-datatable-odd {
    background: #fbfcfc;
}

body .ui-datatable.ui-datatable-striped .ui-datatable-data>tr.ui-datatable-odd.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-datatable.ui-datatable-striped .ui-datatable-data>tr.ui-datatable-odd.ui-state-highlight {
    background: var(--primary-light);
    color: var(--text-color);
}

body .ui-datatable.ui-datatable-sm thead>tr>th {
    padding: 0.5rem 0.5rem;
}

body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone>tr>th {
    padding-top: 0;
    padding-bottom: 0;
}

body .ui-datatable.ui-datatable-sm .ui-datatable-data>tr>td {
    padding: 0.5rem 0.5rem;
}

body .ui-datatable.ui-datatable-sm tfoot>tr>td {
    padding: 0.5rem 0.5rem;
}

body .ui-datatable.ui-datatable-lg thead>tr>th {
    padding: 1.25rem 1.25rem;
}

body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone>tr>th {
    padding-top: 0;
    padding-bottom: 0;
}

body .ui-datatable.ui-datatable-lg .ui-datatable-data>tr>td {
    padding: 1.25rem 1.25rem;
}

body .ui-datatable.ui-datatable-lg tfoot>tr>td {
    padding: 1.25rem 1.25rem;
}

body .ui-datatable.ui-datatable-gridlines .ui-datatable-header {
    border-width: 1px;
}

body .ui-datatable.ui-datatable-gridlines thead>tr>th {
    border-width: 1px;
}

body .ui-datatable.ui-datatable-gridlines .ui-datatable-data>tr>td {
    border-width: 1px;
}

body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone>tr>th {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0 none;
    border-top: 0 none;
}

body .ui-datatable.ui-datatable-gridlines tfoot>tr>td {
    border-width: 1px;
}

body .ui-datatable.ui-datatable-sticky.ui-sticky {
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

body .ui-columntoggler {
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    background: var(--surface-a);
    border: 1px solid var(--border-color);
}

body .ui-columntoggler .ui-columntoggler-close {
    display: none;
}

body .ui-columntoggler .ui-columntoggler-items {
    padding: 0.5rem 0;
}

body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    background: transparent;
    color: var(--text-color);
    border-radius: 0;
}

body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox {
    position: static;
    margin-right: 0.5rem;
    margin-top: 0;
    vertical-align: middle;
}

body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label {
    padding: 0;
    display: inline;
}

@media (max-width: 640px) {
    body .ui-datatable-reflow .ui-datatable-data tr {
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

    body .ui-datatable-reflow .ui-datatable-data tr:hover,
    body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight {
        border-left: 0 none;
        border-right: 0 none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

    body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content>td {
        display: block;
        width: 100%;
    }
}

body .ui-dataview .ui-paginator.ui-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
}

body .ui-dataview .ui-paginator.ui-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
}

body .ui-dataview .ui-dataview-header {
    background: var(--surface-b);
    color: var(--text-color);
    padding: 1rem 1rem;
    font-weight: 600;
    border: 1px solid var(--surface-c);
    border-width: 1px 0 1px 0;
}

body .ui-dataview .ui-dataview-footer {
    background: var(--surface-b);
    color: var(--text-color);
    border: 1px solid var(--surface-c);
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

body .ui-dataview .ui-dataview-content {
    border: 0 none;
    background: var(--surface-a);
    color: var(--text-color);
    padding: 0;
}

body .ui-dataview.ui-dataview-list .ui-dataview-row {
    border: solid var(--surface-c);
    border-width: 0 0 1px 0;
}

body .fc .fc-scrollgrid {
    border-color: var(--surface-d);
}

body .fc .fc-daygrid-day.fc-day-today,
body .fc .fc-timegrid-col.fc-day-today {
    background-color: var(--primary-light);
}

body .fc th {
    background: var(--surface-b);
    border: 1px solid var(--surface-d);
    color: var(--text-color);
    padding: 1rem;
}

body .fc td {
    border: 1px solid var(--surface-d);
}

body .fc td.fc-widget-content {
    background: var(--surface-a);
    border: 1px solid var(--surface-d);
    color: var(--text-color);
}

body .fc td.fc-head-container {
    border: 1px solid var(--surface-d);
}

body .fc .fc-row {
    border-right: 1px solid var(--surface-d);
}

body .fc .fc-event,
body .fc .fc-event .fc-event-main {
    background: var(--primary-hover);
    border: 0px solid var(--primary-hover);
    color: var(--surface-a);
}

body .fc .fc-divider {
    background: var(--surface-b);
    border: 1px solid var(--surface-d);
}

body .fc .fc-toolbar .fc-button {
    background: var(--primary-color);
    color: var(--surface-a);
    border: 1px solid var(--primary-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .fc .fc-toolbar .fc-button:not(:disabled):hover {
    background: var(--primary-hover);
    border-color: var(--primary-hover);
    color: var(--surface-a);
}

body .fc .fc-toolbar .fc-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2em var(--primary-lighter);
}

body .fc .fc-toolbar .fc-button:active,
body .fc .fc-toolbar .fc-button.fc-button-active {
    background: var(--primary-active);
    border-color: var(--primary-active);
    color: var(--surface-a);
}

body .ui-fluid .fc .fc-toolbar .ui-button {
    width: auto;
}

body .ui-orderlist .ui-orderlist-controls {
    margin-right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body .ui-orderlist .ui-orderlist-controls .ui-button {
    margin-bottom: 0.5rem;
}

body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before {
    content: "";
}

body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before {
    content: "";
}

body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before {
    content: "";
}

body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before {
    content: "";
}

body .ui-orderlist .ui-orderlist-caption {
    background: var(--surface-b);
    border: 1px solid var(--surface-d);
    color: var(--text-color);
    padding: 1rem;
    border-bottom: 0 none;
    font-weight: 700;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

body .ui-orderlist .ui-g>div {
    padding: 0;
}

body .ui-orderlist .ui-g>div.ui-orderlist-controls {
    padding: 0 0.5rem 0 0;
}

body .ui-orderlist .ui-orderlist-list {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
    padding: 0.5rem 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

body .ui-orderlist .ui-orderlist-list .ui-orderlist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: var(--text-color);
    border-radius: 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight {
    background: var(--primary-light);
    color: var(--text-color);
}

body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder {
    background-color: #89c8f7;
}

@media (max-width: 640px) {
    body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button {
        margin-top: 0.5rem;
        margin-right: 0.5rem;
    }
}

body .ui-paginator {
    background: var(--surface-a);
    border: solid var(--surface-c);
    border-width: 0;
    padding: 1rem;
}

body .ui-paginator .ui-paginator-first,
body .ui-paginator .ui-paginator-prev,
body .ui-paginator .ui-paginator-next,
body .ui-paginator .ui-paginator-last {
    color: var(--text-color-secondary);
    width: 2.286em;
    height: 2.286em;
    margin: 0 0.125em;
    border: 1px solid transparent;
    vertical-align: top;
    padding: 0;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-paginator .ui-paginator-first span,
body .ui-paginator .ui-paginator-prev span,
body .ui-paginator .ui-paginator-next span,
body .ui-paginator .ui-paginator-last span {
    display: none;
}

body .ui-paginator .ui-paginator-first.ui-state-hover,
body .ui-paginator .ui-paginator-prev.ui-state-hover,
body .ui-paginator .ui-paginator-next.ui-state-hover,
body .ui-paginator .ui-paginator-last.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-paginator .ui-paginator-first.ui-state-focus,
body .ui-paginator .ui-paginator-prev.ui-state-focus,
body .ui-paginator .ui-paginator-next.ui-state-focus,
body .ui-paginator .ui-paginator-last.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem var(--primary-lighter);
}

body .ui-paginator .ui-paginator-first:before,
body .ui-paginator .ui-paginator-prev:before,
body .ui-paginator .ui-paginator-next:before,
body .ui-paginator .ui-paginator-last:before {
    position: relative;
    line-height: inherit;
    top: -1px;
}

body .ui-paginator .ui-paginator-first {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    line-height: 2.286em;
}

body .ui-paginator .ui-paginator-first:before {
    content: "";
}

body .ui-paginator .ui-paginator-first:before {
    position: relative;
}

body .ui-paginator .ui-paginator-prev {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    line-height: 2.286em;
}

body .ui-paginator .ui-paginator-prev:before {
    content: "";
}

body .ui-paginator .ui-paginator-prev:before {
    position: relative;
}

body .ui-paginator .ui-paginator-next {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    line-height: 2.286em;
}

body .ui-paginator .ui-paginator-next:before {
    content: "";
}

body .ui-paginator .ui-paginator-next:before {
    position: relative;
}

body .ui-paginator .ui-paginator-last {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    line-height: 2.286em;
}

body .ui-paginator .ui-paginator-last:before {
    content: "";
}

body .ui-paginator .ui-paginator-last:before {
    position: relative;
}

body .ui-paginator .ui-paginator-current {
    color: var(--text-color-secondary);
}

body .ui-paginator .ui-paginator-pages {
    padding: 0;
    display: inline-block;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page {
    padding: 0;
    border: 1px solid transparent;
    text-align: center;
    line-height: 2.286em;
    min-width: 2.286em;
    height: 2.286em;
    color: var(--text-color-secondary);
    margin: 0 0.125em;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background: var(--primary-light);
    color: var(--text-color);
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem var(--primary-lighter);
}

body .ui-paginator .ui-paginator-current,
body .ui-paginator .ui-paginator-rpp-options {
    margin: 0.5rem;
    display: inline-block;
    vertical-align: middle;
}

body .ui-picklist .ui-picklist-buttons {
    padding: 0 0.5rem 0 0.5rem;
}

body .ui-picklist .ui-picklist-buttons .ui-button {
    margin-bottom: 0.5rem;
}

body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before {
    content: "";
}

body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before {
    content: "";
}

body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before {
    content: "";
}

body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before {
    content: "";
}

body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before {
    content: "";
}

body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before {
    content: "";
}

body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before {
    content: "";
}

body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before {
    content: "";
}

body .ui-picklist .ui-picklist-caption {
    background: var(--surface-b);
    border: 1px solid var(--surface-d);
    color: var(--text-color);
    padding: 1rem;
    border-bottom: 0 none;
    font-weight: 700;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter {
    padding: 0.5rem 0.5rem;
    width: 100%;
    padding-left: 2rem;
    margin-bottom: 0.5rem;
}

body .ui-picklist .ui-picklist-filter-container .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    position: absolute;
    left: 0.5rem;
    top: 50%;
    right: auto;
    margin-top: -0.75rem;
    color: var(--text-color-secondary);
}

body .ui-picklist .ui-picklist-filter-container .ui-icon:before {
    content: "";
}

body .ui-picklist .ui-picklist-list {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
    padding: 0.5rem 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

body .ui-picklist .ui-picklist-list .ui-picklist-item {
    padding: 0.5rem 1rem;
    border: 0 none;
    margin: 0;
    color: var(--text-color);
    border-radius: 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
    background: var(--primary-light);
    color: var(--text-color);
}

body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder {
    background-color: #89c8f7;
}

@media (max-width: 640px) {
    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button {
        margin-top: 0.5rem;
        margin-right: 0.5rem;
    }

    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child {
        margin-right: 0;
    }

    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e {
        font-family: 'primeicons' !important;
        font-style: normal;
        font-weight: normal;
        display: inline-block;
        background: none;
    }

    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before {
        content: "";
    }

    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e {
        font-family: 'primeicons' !important;
        font-style: normal;
        font-weight: normal;
        display: inline-block;
        background: none;
    }

    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before {
        content: "";
    }

    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w {
        font-family: 'primeicons' !important;
        font-style: normal;
        font-weight: normal;
        display: inline-block;
        background: none;
    }

    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before {
        content: "";
    }

    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w {
        font-family: 'primeicons' !important;
        font-style: normal;
        font-weight: normal;
        display: inline-block;
        background: none;
    }

    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before {
        content: "";
    }

    body .ui-picklist.ui-picklist-responsive>div.ui-helper-hidden-accessible {
        display: none;
    }
}

body .ui-tagcloud {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
    padding: 1rem;
}

body .ui-tagcloud a {
    color: var(--text-color);
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-tagcloud a.ui-state-hover {
    background: var(--primary-light);
    color: var(--text-color);
}

body .timeline-frame {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
}

body .timeline-frame .timeline-navigation {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
}

body .timeline-frame .timeline-navigation:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before {
    content: "";
}

body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before {
    content: "";
}

body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before {
    content: "";
}

body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before {
    content: "";
}

body .timeline-frame .timeline-event {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
}

body .timeline-frame .timeline-event.ui-state-active {
    background: var(--primary-light);
    color: var(--text-color);
}

body .vis-timeline {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
}

body .vis-timeline .vis-item {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
}

body .vis-timeline .vis-item .vis-item-content {
    color: var(--text-color);
}

body .vis-timeline .vis-item.vis-dot {
    border-width: 4px;
}

body .vis-timeline .vis-item.vis-selected {
    background: var(--primary-light);
    border-color: var(--primary-light);
}

body .vis-timeline .vis-item.vis-selected .vis-item-content {
    color: var(--text-color);
}

body .vis-timeline .vis-time-axis .vis-text {
    color: var(--text-color);
}

body .vis-timeline .vis-panel .vis-shadow {
    box-shadow: none;
}

body .ui-tree {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
    padding: 1rem;
    width: 100%;
    border-radius: 4px;
}

body .ui-tree .ui-tree-container {
    padding: 0;
    margin: 0;
}

body .ui-tree .ui-tree-container .ui-treenode {
    padding: 0.143em 0;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
    display: inline-block;
    float: none;
    margin: 0 0.5rem 0 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before {
    content: "";
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before {
    content: "";
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before {
    content: "";
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon {
    width: 2rem;
    height: 2rem;
    margin: 0 0.5rem 0 0;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon {
    margin: 0 0.5rem 0 0;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
    margin: 0;
    padding: 0.286em;
    border-radius: 4px;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
    background: var(--primary-light);
    color: var(--text-color);
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox {
    margin-right: 1rem;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    color: var(--text-color);
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before {
    content: "";
}

body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover {
    background: var(--primary-light);
}

body .ui-tree.ui-tree-horizontal {
    padding-left: 0;
    padding-right: 0;
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
    padding: 1rem;
    border-radius: 4px;
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight {
    background: var(--primary-light);
    color: var(--text-color);
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler {
    margin-right: 0.5rem;
    vertical-align: middle;
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before {
    content: "";
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before {
    content: "";
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon {
    vertical-align: middle;
    margin-right: 0.5rem;
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label {
    padding: 0;
    vertical-align: middle;
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox {
    margin-right: 0.5rem;
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    color: var(--text-color);
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before {
    content: "";
}

body .ui-tree .ui-tree-filter-container {
    margin: 0 0 0.5rem 0;
}

body .ui-tree .ui-tree-filter-container .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    position: absolute;
    left: 0.5rem;
    top: 50%;
    right: auto;
    bottom: auto;
    margin-top: -0.5rem;
    color: var(--text-color-secondary);
}

body .ui-tree .ui-tree-filter-container .ui-icon:before {
    content: "";
}

body .ui-tree .ui-tree-filter-container .ui-inputfield {
    padding: 0.5rem 0.5rem;
    width: 100%;
    padding-left: 2rem;
}

body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
    margin-right: 0;
    margin-left: 0.5rem;
}

body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon {
    margin: 0 0 0 0.5rem;
}

body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon {
    margin: 0 0 0 0.5rem;
}

body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox {
    margin-right: 0;
    margin-left: 2.5rem;
}

body .ui-tree-draghelper {
    border: 1px solid var(--primary-light);
}

body .ui-fluid .ui-tree {
    width: 100%;
}

body .ui-treetable .ui-treetable-header {
    background: var(--surface-b);
    color: var(--text-color);
    border: 1px solid var(--surface-c);
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
}

body .ui-treetable .ui-treetable-footer {
    background: var(--surface-b);
    color: var(--text-color);
    border: 1px solid var(--surface-c);
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
}

body .ui-treetable .ui-treetable-header {
    text-align: left;
}

body .ui-treetable .ui-treetable-footer {
    text-align: left;
}

body .ui-treetable .ui-paginator {
    padding: 1rem;
}

body .ui-treetable .ui-paginator.ui-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
}

body .ui-treetable .ui-paginator.ui-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
}

body .ui-treetable thead th {
    background: var(--surface-b);
    color: var(--text-color);
    padding: 1rem 1rem;
    border: 1px solid var(--surface-c);
    border-width: 0 0 1px 0;
    text-align: left;
    box-sizing: content-box;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-treetable thead th .ui-column-title {
    font-weight: 700;
    vertical-align: middle;
}

body .ui-treetable thead th .ui-sortable-column-icon {
    margin: 0 0 0 0.5rem;
}

body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    vertical-align: middle;
}

body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before {
    content: "";
}

body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    vertical-align: middle;
}

body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before {
    content: "";
}

body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    vertical-align: middle;
}

body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before {
    content: "";
}

body .ui-treetable thead th .ui-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: var(--surface-a);
    background: var(--primary-color);
    margin-left: 0.5rem;
    font-size: 0.75rem;
}

body .ui-treetable thead th.ui-sortable-column.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem var(--primary-lighter);
}

body .ui-treetable thead th.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-treetable thead th.ui-state-active {
    background: var(--surface-b);
    color: var(--primary-color);
}

body .ui-treetable thead th.ui-state-active.ui-state-hover {
    background: var(--surface-c);
    color: var(--primary-color);
}

body .ui-treetable .ui-treetable-data>tr {
    background: var(--surface-a);
    color: var(--text-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-treetable .ui-treetable-data>tr>td {
    padding: 1rem 1rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-width: 0 0 1px 0;
}

body .ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler {
    margin-right: 0.5rem;
    margin-top: 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
}

body .ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler.ui-icon-triangle-1-e {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler.ui-icon-triangle-1-e:before {
    content: "";
}

body .ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler.ui-icon-triangle-1-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler.ui-icon-triangle-1-s:before {
    content: "";
}

body .ui-treetable .ui-treetable-data>tr>td .ui-chkbox.ui-selection {
    vertical-align: middle;
    margin-right: 1rem;
}

body .ui-treetable .ui-treetable-data>tr>td .ui-chkbox.ui-selection .ui-icon-minus {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    color: var(--text-color);
}

body .ui-treetable .ui-treetable-data>tr>td .ui-chkbox.ui-selection .ui-icon-minus:before {
    content: "";
}

body .ui-treetable .ui-treetable-data>tr.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-treetable .ui-treetable-data>tr.ui-state-highlight {
    background: var(--primary-light);
    color: var(--text-color);
    cursor: default;
}

body .ui-treetable .ui-treetable-data>tr.ui-state-highlight .ui-treetable-toggler {
    color: var(--text-color);
}

body .ui-treetable .ui-treetable-data>tr.ui-state-highlight .ui-treetable-toggler:hover {
    color: var(--text-color);
}

body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
}

body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon.ui-icon-pencil {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon.ui-icon-pencil:before {
    content: "";
}

body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon.ui-icon-check {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin-right: 0.5rem;
}

body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon.ui-icon-check:before {
    content: "";
}

body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon.ui-icon-close {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon.ui-icon-close:before {
    content: "";
}

body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-row-editor-check {
    display: none;
}

body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-row-editor-close {
    display: none;
}

body .ui-treetable .ui-treetable-data>tr.ui-row-editing .ui-row-editor-check {
    display: inline-block;
}

body .ui-treetable .ui-treetable-data>tr.ui-row-editing .ui-row-editor-close {
    display: inline-block;
    color: var(--text-color);
}

body .ui-treetable .ui-treetable-data>tr.ui-row-editing .ui-icon {
    color: var(--text-color);
}

body .ui-treetable tfoot td {
    background: var(--surface-b);
    border: 1px solid var(--surface-c);
    border-width: 0 0 1px 0;
    color: var(--text-color);
    padding: 1rem 1rem;
    font-weight: 700;
    box-sizing: content-box;
}

body .ui-treetable .ui-treetable-scrollable-header,
body .ui-treetable .ui-treetable-scrollable-footer {
    background: var(--surface-b);
}

body .ui-treetable .ui-column-resizer-helper {
    background: var(--primary-color);
}

body .ui-treetable.ui-treetable-sm thead>tr>th {
    padding: 0.5rem 0.5rem;
}

body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone>tr>th {
    padding-top: 0;
    padding-bottom: 0;
}

body .ui-treetable.ui-treetable-sm .ui-treetable-data>tr>td {
    padding: 0.5rem 0.5rem;
}

body .ui-treetable.ui-treetable-sm tfoot>tr>td {
    padding: 0.5rem 0.5rem;
}

body .ui-treetable.ui-treetable-lg thead>tr>th {
    padding: 1.25rem 1.25rem;
}

body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone>tr>th {
    padding-top: 0;
    padding-bottom: 0;
}

body .ui-treetable.ui-treetable-lg .ui-treetable-data>tr>td {
    padding: 1.25rem 1.25rem;
}

body .ui-treetable.ui-treetable-lg tfoot>tr>td {
    padding: 1.25rem 1.25rem;
}

body .ui-treetable.ui-treetable-gridlines .ui-treetable-header {
    border-width: 1px 1px 0;
}

body .ui-treetable.ui-treetable-gridlines thead>tr>th {
    border: 1px solid var(--surface-c);
}

body .ui-treetable.ui-treetable-gridlines .ui-treetable-data>tr>td {
    border-width: 1px;
}

body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone>tr>th {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0 none;
    border-top: 0 none;
}

body .ui-treetable.ui-treetable-gridlines tfoot>tr>td {
    border-width: 1px;
}

body .ui-fileupload .ui-fileupload-buttonbar {
    border: 1px solid var(--surface-d);
    background: var(--surface-b);
    color: var(--text-color);
    padding: 1rem;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
    margin-right: 0.5rem;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before {
    content: "";
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before {
    content: "";
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before {
    content: "";
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled {
    display: none;
}

body .ui-fileupload .ui-fileupload-content {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
    padding: 1rem;
    border-top: 0 none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before {
    content: "";
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row>div {
    padding: 1rem;
}

body .ui-fileupload-simple .ui-icon-plusthick {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-fileupload-simple .ui-icon-plusthick:before {
    content: "";
}

body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input {
    padding: 0.5rem 0.5rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body .ui-autocomplete .ui-autocomplete-dropdown {
    position: relative;
    height: auto;
    width: 2.357rem;
    right: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text {
    padding: 0.5rem;
}

body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before {
    content: "";
}

body .ui-autocomplete .ui-autocomplete-multiple-container {
    padding: 0.25rem 0.5rem;
}

body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token {
    padding: 1px 0;
    margin: 0 0.5rem 0 0;
    background: var(--surface-d);
    color: var(--text-color);
    display: inline-block;
    vertical-align: middle;
    float: none;
    border-radius: 4px;
}

body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label {
    padding: 0 2rem 0 0.5rem;
}

body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon {
    margin-top: -0.5rem;
    position: absolute;
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before {
    content: "";
}

body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token {
    margin: 0;
    padding: 0.25rem 0;
    display: inline-block;
    vertical-align: middle;
    float: none;
}

body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    color: var(--text-color);
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
}

body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body .ui-autocomplete-panel {
    padding: 0;
    background: var(--surface-a);
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

body .ui-autocomplete-panel .ui-autocomplete-items {
    padding: 0.5rem 0;
    line-height: normal;
    border: 0 none;
}

body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item {
    border: 0 none;
    margin: 0;
    padding: 0.5rem 1rem;
    color: var(--text-color);
    border-radius: 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row {
    background: var(--surface-a);
    color: var(--text-color);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row>td {
    padding: 1rem 1rem;
}

body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight {
    background: var(--primary-light);
    color: var(--text-color);
}

body .ui-autocomplete-itemtip {
    padding: 0;
}

body .ui-autocomplete-itemtip.ui-state-highlight {
    background: var(--primary-light);
    color: var(--text-color);
}

body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input {
    width: calc(100% - 2.357rem);
}

body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
    width: 2.357rem;
}

body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container {
    width: calc(100% - 2.357rem);
}

body .ui-cascadeselect {
    background: var(--surface-a);
    border: 1px solid var(--border-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 4px;
}

body .ui-cascadeselect:not(.ui-state-disabled):hover {
    border-color: var(--primary-color);
}

body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus {
    border-color: var(--primary-color);
    outline: 0 none;
    box-shadow: 0 0 0 0.2em var(--primary-lighter);
}

body .ui-cascadeselect .ui-cascadeselect-label {
    background: transparent;
    border: 0 none;
    padding: 0.5rem 0.5rem;
}

body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder {
    color: var(--text-color-secondary);
}

body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
}

body .ui-cascadeselect .ui-cascadeselect-trigger {
    background: transparent;
    color: var(--text-color-secondary);
    width: 2.357rem;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

body .ui-cascadeselect-panel {
    background: var(--surface-a);
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

body .ui-cascadeselect-panel .ui-cascadeselect-items {
    padding: 0.5rem 0;
}

body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item {
    margin: 0;
    border: 0 none;
    color: var(--text-color);
    background: transparent;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 0;
}

body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content {
    padding: 0.5rem 1rem;
}

body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2em var(--primary-lighter);
}

body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight {
    color: var(--text-color);
    background: var(--primary-light);
}

body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
    color: var(--text-color);
    background: var(--surface-c);
}

body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon {
    font-size: 1rem;
}

body .ui-input-filled .ui-cascadeselect {
    background: var(--surface-b);
}

body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover {
    background-color: var(--surface-b);
}

body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus {
    background-color: var(--surface-b);
}

body .ui-chkbox {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 1.5rem;
    height: 1.5rem;
}

body .ui-chkbox .ui-chkbox-box {
    border: 1px solid var(--border-color);
    border-width: 2px;
    background: var(--surface-a);
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    position: relative;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-chkbox .ui-chkbox-box.ui-state-hover {
    border-color: var(--primary-color);
}

body .ui-chkbox .ui-chkbox-box.ui-state-focus {
    box-shadow: 0 0 0 0.2em var(--primary-lighter);
    outline: 0 none;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: var(--surface-a);
}

body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
    background: var(--primary-hover);
}

body .ui-chkbox .ui-chkbox-box.ui-state-error {
    border-color: #f44336;
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    overflow: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.5rem;
    margin-top: -0.5rem;
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before {
    content: "";
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before {
    content: "";
}

body.ui-input-filled .ui-chkbox .ui-chkbox-box,
body .ui-input-filled .ui-chkbox .ui-chkbox-box {
    background-color: var(--surface-b);
}

body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover,
body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover {
    background-color: var(--surface-b);
}

body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active,
body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active {
    background: var(--primary-color);
}

body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover,
body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
    background: var(--primary-hover);
}

body .ui-chips .ui-chips-container {
    padding: 0.25rem 0.5rem;
}

body .ui-chips .ui-chips-container .ui-chips-token {
    padding: 1px 0;
    margin: 0 0.5rem 0 0;
    background: var(--surface-d);
    color: var(--text-color);
    border-radius: 4px;
}

body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label {
    padding: 0 2rem 0 0.5rem;
}

body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon {
    margin-top: -0.5rem;
    position: absolute;
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before {
    content: "";
}

body .ui-chips .ui-chips-container .ui-chips-input-token {
    margin: 0;
    padding: 0.25rem 0;
}

body .ui-chips .ui-chips-container .ui-chips-input-token input {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    color: var(--text-color);
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
}

body .ui-colorpicker .ui-button {
    border-radius: 4px;
}

body .ui-fluid .ui-colorpicker .ui-button {
    width: auto;
}

body .ui-datepicker {
    background: var(--surface-a);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    padding: 0.5rem;
    width: auto;
    border-radius: 4px;
}

body .ui-datepicker .ui-datepicker-header {
    margin: 0;
    padding: 1rem;
    line-height: normal;
    background: var(--surface-a);
    color: var(--text-color);
    font-weight: 600;
    border: solid var(--surface-d);
    border-width: 0 0 1px 0;
    border-radius: 0;
}

body .ui-datepicker .ui-datepicker-next {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    right: 0;
}

body .ui-datepicker .ui-datepicker-next:before {
    content: "";
}

body .ui-datepicker .ui-datepicker-prev {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    left: 0;
}

body .ui-datepicker .ui-datepicker-prev:before {
    content: "";
}

body .ui-datepicker .ui-datepicker-next,
body .ui-datepicker .ui-datepicker-prev {
    cursor: pointer;
    top: 50%;
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
}

body .ui-datepicker .ui-datepicker-next:hover,
body .ui-datepicker .ui-datepicker-prev:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-datepicker .ui-datepicker-next span,
body .ui-datepicker .ui-datepicker-prev span {
    display: none;
}

body .ui-datepicker .ui-datepicker-title {
    line-height: 1;
    margin: 0;
}

body .ui-datepicker .ui-datepicker-title select {
    width: 40%;
    margin: 0;
}

body .ui-datepicker .ui-datepicker-title select:first-child {
    margin-right: 0.5rem;
}

body .ui-datepicker .ui-datepicker-calendar {
    margin: 0.5rem 0;
}

body .ui-datepicker .ui-datepicker-calendar th {
    padding: 0.5rem;
    text-align: center;
}

body .ui-datepicker .ui-datepicker-calendar th>span {
    width: 2.5rem;
    height: 2.5rem;
}

body .ui-datepicker .ui-datepicker-calendar td {
    padding: 0.5rem;
    text-align: center;
}

body .ui-datepicker .ui-datepicker-calendar td a {
    padding: 0;
    color: var(--text-color);
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border: 0 none;
    display: inline-block;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
}

body .ui-datepicker .ui-datepicker-calendar td a:hover {
    background: var(--surface-c);
    border-color: transparent;
}

body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
    background: var(--primary-light);
    color: var(--text-color);
    border: 0 none;
}

body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
    background: transparent;
    color: var(--primary-active);
    font-weight: 600;
    border: 0 none;
}

body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:hover {
    background: var(--surface-c);
    border-color: transparent;
}

body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active {
    background: var(--primary-light);
    color: var(--text-color);
    border: 0 none;
}

body .ui-datepicker.ui-input-overlay {
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

body .ui-datepicker .ui-timepicker-div dl {
    margin: 0.857em 0;
}

body .ui-datepicker .ui-timepicker-div dl dt {
    padding: 0;
}

body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label {
    padding: 0.5em 0;
}

body .ui-datepicker .ui-timepicker-div dl dd {
    padding: 0.5em 0;
    margin: 0 0.714em 0.714em 40%;
}

body .ui-datepicker .ui-datepicker-buttonpane button,
body .ui-datepicker .ui-datepicker-buttonbar button {
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 4px;
    background: #607D8B;
    color: var(--surface-a);
    border: 1px solid #607D8B;
}

body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover,
body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover,
body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover {
    background: #56717d;
    border-color: #56717d;
    color: var(--surface-a);
}

body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus {
    box-shadow: 0 0 0 0.2rem #beccd2;
}

body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active,
body .ui-datepicker .ui-datepicker-buttonpane button:active,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active,
body .ui-datepicker .ui-datepicker-buttonbar button:active {
    background: #4d646f;
    border-color: #4d646f;
    color: var(--surface-a);
}

body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined {
    background-color: transparent;
    color: #607D8B;
    border: 1px solid;
}

body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607D8B;
    border: 1px solid;
}

body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active {
    background: rgba(96, 125, 139, 0.16);
    color: #607D8B;
    border: 1px solid;
}

body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat {
    background-color: transparent;
    color: #607D8B;
    border-color: transparent;
}

body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607D8B;
}

body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607D8B;
}

body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child,
body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child {
    text-align: left;
}

body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child,
body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child {
    text-align: right;
}

body .ui-datepicker .ui-datepicker-buttonbar {
    border-top: solid var(--surface-d);
    padding: 1rem 0;
}

body .ui-datepicker .ui-monthpicker-month {
    margin: 0.5rem 0;
    color: var(--text-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    padding: 0.5rem;
    border: 4px;
}

body .ui-datepicker .ui-monthpicker-month:hover {
    background: var(--surface-c);
    border-color: transparent;
}

body .ui-datepicker .ui-monthpicker-month.ui-state-active {
    background: var(--primary-light);
    color: var(--text-color);
    border: 0 none;
}

body .ui-datepicker .ui-datepicker-group {
    padding: 0.5rem;
}

body .ui-datepicker .ui-picker-up {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
}

body .ui-datepicker .ui-picker-up:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-datepicker .ui-picker-up .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-datepicker .ui-picker-up .ui-icon:before {
    content: "";
}

body .ui-datepicker .ui-picker-down {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
}

body .ui-datepicker .ui-picker-down:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-datepicker .ui-picker-down .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-datepicker .ui-picker-down .ui-icon:before {
    content: "";
}

body .ui-datepicker.ui-datepicker-multi {
    width: auto !important;
}

body .ui-calendar .ui-button.ui-button-icon-only {
    width: 2.357rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before {
    content: "";
}

body .ui-calendar.ui-trigger-calendar input.hasDatepicker {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body .ui-fluid .ui-trigger-calendar input.hasDatepicker {
    width: calc(100% - 2.357rem);
    padding-right: 0;
}

body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button {
    position: absolute;
    right: -2.357rem;
    width: 2.357rem;
}

body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text {
    padding: 0.5rem;
}

body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button {
    right: 0;
}

body .ui-inplace .ui-inplace-display {
    padding: 0.5rem 0.5rem;
    border-radius: 4px;
}

body .ui-inplace .ui-inplace-display.ui-state-highlight {
    background: var(--surface-c);
    color: var(--text-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-inplace .ui-inplace-save .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-inplace .ui-inplace-save .ui-icon:before {
    content: "";
}

body .ui-inplace .ui-inplace-cancel {
    margin-left: 0.25rem;
}

body .ui-inplace .ui-inplace-cancel .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-inplace .ui-inplace-cancel .ui-icon:before {
    content: "";
}

body .ui-inplace .ui-inplace-editor {
    margin-left: 0.5rem;
}

body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text {
    padding: 0.5rem;
}

body ::-webkit-input-placeholder {
    color: var(--text-color-secondary);
}

body :-moz-placeholder {
    color: var(--text-color-secondary);
    opacity: 1;
}

body ::-moz-placeholder {
    color: var(--text-color-secondary);
    opacity: 1;
}

body :-ms-input-placeholder {
    color: var(--text-color-secondary);
}

body .p-field small.ui-state-error {
    color: #f44336;
}

body .ui-float-label>label {
    margin-left: 0.5rem;
    color: var(--text-color-secondary);
}

body .ui-float-label>input:focus~label,
body .ui-float-label>input.ui-state-filled~label,
body .ui-float-label>textarea:focus~label,
body .ui-float-label>textarea.ui-state-filled~label,
body .ui-float-label>.ui-inputwrapper-focus~label,
body .ui-float-label>.ui-inputwrapper-filled~label {
    color: var(--text-color);
}

body .ui-float-label>input:-webkit-autofill~label,
body .ui-float-label>textarea:-webkit-autofill~label {
    color: var(--text-color);
}

body .ui-input-icon-left,
body .ui-input-icon-right {
    position: relative;
    display: inline-block;
}

body .ui-fluid .ui-input-icon-left,
body .ui-fluid .ui-input-icon-right {
    display: block;
}

body .ui-input-icon-left>i,
body .ui-input-icon-right>i {
    position: absolute;
    top: 50%;
    margin-top: -.5rem;
}

body .ui-input-icon-left>i:first-of-type {
    left: 0.5rem;
    color: var(--text-color-secondary);
}

body .ui-input-icon-left>.ui-inputfield {
    padding-left: 2rem;
}

body .ui-input-icon-right>i:last-of-type {
    right: 0.5rem;
    color: var(--text-color-secondary);
}

body .ui-input-icon-right>.ui-inputfield {
    padding-right: 2rem;
}

body .ui-inputfield {
    color: var(--text-color);
    background: var(--surface-a);
    padding: 0.5rem 0.5rem;
    border: 1px solid var(--border-color);
    outline: 0 none;
    font-size: 1rem;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    -webkit-appearance: none;
    appearance: none;
}

body .ui-inputfield.ui-state-error {
    border-color: #f44336;
}

body .ui-inputfield.ui-state-hover {
    border-color: var(--primary-color);
}

body .ui-inputfield.ui-state-focus {
    border-color: var(--primary-color);
    outline: 0 none;
    box-shadow: 0 0 0 0.2em var(--primary-lighter);
}

body .ui-input-filled .ui-inputfield,
body.ui-input-filled .ui-inputfield {
    background-color: var(--surface-b);
}

body .ui-input-filled .ui-inputfield.ui-state-hover,
body.ui-input-filled .ui-inputfield.ui-state-hover {
    background-color: var(--surface-b);
}

body .ui-input-filled .ui-inputfield.ui-state-focus,
body.ui-input-filled .ui-inputfield.ui-state-focus {
    background-color: var(--surface-b);
}

body .ui-inputtextarea {
    vertical-align: top;
}

body .ui-inputgroup .ui-inputgroup-addon,
body .ui-inputgroup .ui-inputgroup-addon-checkbox {
    padding: 0.5rem 0.5rem;
    border-color: var(--border-color);
    background: var(--surface-c);
    color: var(--text-color-secondary);
    min-width: 2.357rem;
}

body .ui-inputgroup .ui-inputgroup-addon:first-child,
body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

body .ui-inputgroup .ui-inputgroup-addon:last-child,
body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

body .ui-inputgroup button:first-child,
body .ui-inputgroup input:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

body .ui-inputgroup button:last-child,
body .ui-inputgroup input:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

body .ui-inputgroup .ui-inputgroup-addon-checkbox {
    padding: 0;
    position: relative;
}

body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox {
    vertical-align: baseline;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.75rem;
    margin-left: -0.75rem;
}

body .ui-inputswitch {
    height: 14px;
    width: 34px !important;
    overflow: visible;
    background: var(--surface-d);
    border-radius: 8px;
}

body .ui-inputswitch .ui-inputswitch-handle {
    top: -4px;
    left: -2px;
    background: var(--surface-a);
    border-radius: 50%;
    border: 2px solid var(--surface-d);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    width: 20px !important;
    height: 20px !important;
    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);
}

body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus {
    border-color: var(--primary-color);
    outline: 0 none;
    box-shadow: 0 0 0 0.2em var(--primary-lighter);
}

body .ui-inputswitch .ui-inputswitch-on {
    visibility: hidden;
}

body .ui-inputswitch .ui-inputswitch-off span,
body .ui-inputswitch .ui-inputswitch-on span {
    visibility: hidden;
}

body .ui-inputswitch.ui-inputswitch-checked {
    background: var(--primary-color);
}

body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
    background: var(--surface-a);
    border-color: var(--primary-active);
    margin-left: 2px;
}

body .keypad-popup {
    background: var(--surface-a);
    color: var(--text-color);
    padding: 0;
    border: 0 none;
    margin: 0;
    width: auto;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

body .keypad-popup button {
    background: var(--surface-a);
    border: 1px solid var(--border-color);
    padding: 0.5rem;
    margin: 2px;
    outline: 0 none;
    color: var(--text-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 4px;
}

body .keypad-popup button.ui-state-hover {
    background: #ebebef;
    border-color: var(--border-color);
    color: var(--text-color);
}

body .keypad-popup button.ui-state-active {
    background: var(--primary-active);
    border-color: var(--primary-active);
    color: var(--surface-a);
}

body .keypad-popup button.keypad-shift,
body .keypad-popup button.keypad-spacebar,
body .keypad-popup button.keypad-enter,
body .keypad-popup button.keypad-clear,
body .keypad-popup button.keypad-back,
body .keypad-popup button.keypad-close {
    background: var(--primary-color);
    color: var(--surface-a);
    border: 1px solid var(--primary-color);
}

body .keypad-popup button.keypad-shift.ui-state-hover,
body .keypad-popup button.keypad-spacebar.ui-state-hover,
body .keypad-popup button.keypad-enter.ui-state-hover,
body .keypad-popup button.keypad-clear.ui-state-hover,
body .keypad-popup button.keypad-back.ui-state-hover,
body .keypad-popup button.keypad-close.ui-state-hover {
    background: var(--primary-hover);
    border-color: var(--primary-hover);
    color: var(--surface-a);
}

body .keypad-popup button.keypad-shift.ui-state-focus,
body .keypad-popup button.keypad-spacebar.ui-state-focus,
body .keypad-popup button.keypad-enter.ui-state-focus,
body .keypad-popup button.keypad-clear.ui-state-focus,
body .keypad-popup button.keypad-back.ui-state-focus,
body .keypad-popup button.keypad-close.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2em var(--primary-lighter);
}

body .keypad-popup button.keypad-shift.ui-state-active,
body .keypad-popup button.keypad-spacebar.ui-state-active,
body .keypad-popup button.keypad-enter.ui-state-active,
body .keypad-popup button.keypad-clear.ui-state-active,
body .keypad-popup button.keypad-back.ui-state-active,
body .keypad-popup button.keypad-close.ui-state-active {
    background: var(--primary-active);
    border-color: var(--primary-active);
    color: var(--surface-a);
}

body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer {
    margin-right: 0.5rem;
    border: 1px solid var(--border-color);
    padding: 0;
}

body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    border-bottom: 0 none;
    background: var(--surface-b);
    color: var(--text-color);
}

body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list {
    padding: 0.5rem 0;
    background: var(--surface-a);
    border: 0 none;
}

body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item {
    padding: 0.5rem 1rem;
    margin: 0;
    background: transparent;
    color: var(--text-color);
    border-radius: 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight {
    background: var(--primary-light);
    color: var(--text-color);
}

body .ui-password .ui-password-icon {
    cursor: pointer;
}

body .ui-password.ui-password-masked .ui-password-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-password.ui-password-masked .ui-password-icon:before {
    content: "";
}

body .ui-password.ui-password-unmasked .ui-password-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-password.ui-password-unmasked .ui-password-icon:before {
    content: "";
}

body .ui-password-panel {
    background: var(--surface-a);
    color: var(--text-color);
    padding: 1rem;
    border: 0 none;
    margin: 0;
    width: auto;
    min-width: 150px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

body .ui-radiobutton {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 20px;
    height: 20px;
}

body .ui-radiobutton .ui-radiobutton-box {
    border: 1px solid var(--border-color);
    border-width: 2px;
    background: var(--surface-a);
    width: 20px;
    height: 20px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
    border-color: var(--primary-color);
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
    box-shadow: 0 0 0 0.2em var(--primary-lighter);
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: var(--surface-a);
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover {
    background: var(--primary-hover);
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
    background: var(--surface-a);
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-error {
    border-color: #f44336;
}

body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    width: 12px;
    height: 12px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -6px;
    border-radius: 50%;
}

body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before {
    display: none;
}

body.ui-input-filled .ui-radiobutton .ui-radiobutton-box,
body .ui-input-filled .ui-radiobutton .ui-radiobutton-box {
    background-color: var(--surface-b);
}

body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover,
body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
    background-color: var(--surface-b);
}

body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active,
body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    background: var(--primary-color);
}

body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover,
body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover {
    background: var(--primary-hover);
}

body .ui-rating .ui-rating-cancel {
    float: none;
    display: inline-block;
    margin-right: 0.5rem;
    overflow: visible;
}

body .ui-rating .ui-rating-cancel a {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    text-indent: 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    display: block;
    font-size: 1.25rem;
    height: 1.25rem;
    width: 1.25rem;
    color: #e0284f;
    overflow: visible;
}

body .ui-rating .ui-rating-cancel a:before {
    content: "";
}

body .ui-rating .ui-rating-cancel a:hover {
    color: #e0284f;
}

body .ui-rating .ui-rating-star {
    float: none;
    display: inline-block;
    margin-right: 0.5rem;
    overflow: visible;
}

body .ui-rating .ui-rating-star a {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    text-indent: 0;
    display: block;
    font-size: 1.25rem;
    height: 1.25rem;
    width: 1.25rem;
    color: var(--text-color);
    overflow: visible;
}

body .ui-rating .ui-rating-star a:before {
    content: "";
}

body .ui-rating .ui-rating-star a:hover {
    color: var(--primary-hover);
}

body .ui-rating .ui-rating-star-on a {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    display: block;
    font-size: 1.25rem;
    height: 1.25rem;
    width: 1.25rem;
    color: var(--primary-color);
}

body .ui-rating .ui-rating-star-on a:before {
    content: "";
}

body .ui-state-highlight .ui-rating-star a {
    color: var(--text-color);
}

body .ui-selectbooleancheckbox,
body .ui-tristatecheckbox {
    width: auto;
    height: auto;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
}

body .ui-selectcheckboxmenu {
    vertical-align: baseline;
    border: 1px solid var(--border-color);
    position: relative;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 4px;
    background: var(--surface-a);
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
    padding: 0.5rem 0.5rem;
    padding-right: 2.357rem;
    display: block;
    background: transparent;
    border-radius: 4px;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
    padding: 0;
    background: transparent;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    border: 0 none;
    cursor: pointer;
    height: 100%;
    position: absolute;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.357rem;
    background: transparent;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    position: static;
    margin: 0;
    color: var(--text-color-secondary);
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before {
    content: "";
}

body .ui-selectcheckboxmenu.ui-state-hover:not(.ui-state-error) {
    border-color: var(--primary-color);
}

body .ui-selectcheckboxmenu.ui-state-focus:not(.ui-state-error) {
    border-color: var(--primary-color);
    outline: 0 none;
    box-shadow: 0 0 0 0.2em var(--primary-lighter);
}

body .ui-selectcheckboxmenu.ui-state-error {
    border-color: #f44336;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
    padding: 0.5rem 0.5rem;
    padding-right: 2.357rem;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token {
    padding: 1px 0;
    margin: 0 0.5rem 0 0;
    background: var(--surface-d);
    color: var(--text-color);
    border-radius: 4px;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label {
    padding: 0 2rem 0 0.5rem;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon {
    margin-top: -0.5rem;
    position: absolute;
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before {
    content: "";
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token {
    margin: 0;
    padding: 0.25rem 0;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 0;
    margin: 0;
}

body.ui-input-filled .ui-selectcheckboxmenu,
body .ui-input-filled .ui-selectcheckboxmenu {
    background: var(--surface-b);
}

body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover,
body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover {
    background-color: var(--surface-b);
}

body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus,
body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus {
    background-color: var(--surface-b);
}

body .ui-selectcheckboxmenu-panel {
    padding: 0;
    background: var(--surface-a);
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
    padding: 0.5rem 1rem;
    margin: 0;
    border-bottom: 0 none;
    background: var(--surface-b);
    color: var(--text-color);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox {
    margin-right: 0.5rem;
    float: none;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container {
    padding: 0;
    margin: 0 0.5rem 0 0;
    float: none;
    flex: 1 1 0;
    -ms-flex: 1 1 0px;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield {
    padding: 0.5rem 0.5rem;
    width: 100%;
    padding-left: 2rem;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    position: absolute;
    left: 0.5rem;
    top: 50%;
    right: auto;
    bottom: auto;
    margin-top: -0.5rem;
    color: var(--text-color-secondary);
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before {
    content: "";
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
    margin-left: auto;
    text-align: center;
    margin-right: 0;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    float: none;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before {
    content: "";
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items {
    padding: 0.5rem 0;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item {
    padding: 0.5rem 1rem;
    margin: 0;
    outline: 0 none;
    background: transparent;
    color: var(--text-color);
    border-radius: 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight {
    background: var(--primary-light);
    color: var(--text-color);
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox {
    top: auto;
    position: static;
    margin-top: 0;
    margin-right: 0.5rem;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item>label {
    display: inline;
    padding-left: 0;
    vertical-align: middle;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group {
    background: var(--surface-a);
    margin: 0;
    padding: 0.75rem 1rem;
    color: var(--text-color);
}

body .ui-selectonelistbox,
body .ui-selectmanymenu {
    padding: 0;
    width: auto;
    min-width: 12rem;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    background: var(--surface-a);
}

body .ui-selectonelistbox .ui-selectlistbox-filter-container,
body .ui-selectmanymenu .ui-selectlistbox-filter-container {
    padding: 0.5rem 1rem;
    margin: 0;
    border-bottom: 0 none;
    background: var(--surface-b);
    color: var(--text-color);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield,
body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield {
    padding: 0.5rem 0.5rem;
    width: 100%;
    padding-left: 2rem;
}

body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon,
body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    position: absolute;
    left: 1.5rem;
    top: 50%;
    right: auto;
    bottom: auto;
    margin-top: -0.5rem;
    color: var(--text-color-secondary);
}

body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before,
body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before {
    content: "";
}

body .ui-selectonelistbox .ui-selectlistbox-listcontainer,
body .ui-selectmanymenu .ui-selectlistbox-listcontainer {
    padding: 0.5rem 0;
    line-height: normal;
    border: 0 none;
}

body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list,
body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list {
    list-style-type: none;
    margin: 0;
}

body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item,
body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item {
    border: 0 none;
    margin: 0;
    padding: 0.5rem 1rem;
    background: transparent;
    color: var(--text-color);
    border-radius: 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover,
body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight,
body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight {
    background: var(--primary-light);
    color: var(--text-color);
}

body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox,
body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox {
    margin-right: 0.5rem;
    vertical-align: middle;
}

body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item>td,
body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item>td {
    padding: 1rem 1rem;
}

body .ui-input-filled .ui-selectonelistbox.ui-inputfield,
body .ui-input-filled .ui-selectmanymenu.ui-inputfield,
body.ui-input-filled .ui-selectonelistbox.ui-inputfield,
body.ui-input-filled .ui-selectmanymenu.ui-inputfield {
    background: var(--surface-a);
}

body .ui-selectonemenu {
    vertical-align: baseline;
    border: 1px solid var(--border-color);
    position: relative;
    transform: none;
    padding: 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 4px;
    background: var(--surface-a);
}

body .ui-selectonemenu .ui-selectonemenu-label {
    background: transparent;
    padding-right: 2.357rem;
    min-height: calc(2rem + 3px);
}

body .ui-selectonemenu .ui-selectonemenu-trigger {
    border: 0 none;
    cursor: pointer;
    height: 100%;
    position: absolute;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.357rem;
    background: transparent;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    position: static;
    margin: 0;
    color: var(--text-color-secondary);
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before {
    content: "";
}

body .ui-selectonemenu.ui-state-hover:not(.ui-state-error) {
    border-color: var(--primary-color);
}

body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) {
    border-color: var(--primary-color);
    outline: 0 none;
    box-shadow: 0 0 0 0.2em var(--primary-lighter);
}

body .ui-selectonemenu.ui-state-error {
    border-color: #f44336;
}

body .ui-fluid .ui-selectonemenu-label {
    width: calc(100% - 2.357rem);
    padding: 0.5rem 0.5rem;
}

body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
    width: 2.357rem;
    padding: 0;
}

body.ui-input-filled .ui-selectonemenu,
body .ui-input-filled .ui-selectonemenu {
    background: var(--surface-b);
}

body.ui-input-filled .ui-selectonemenu.ui-state-hover,
body .ui-input-filled .ui-selectonemenu.ui-state-hover {
    background-color: var(--surface-b);
}

body.ui-input-filled .ui-selectonemenu.ui-state-focus,
body .ui-input-filled .ui-selectonemenu.ui-state-focus {
    background-color: var(--surface-b);
}

body .ui-selectonemenu-panel {
    background: var(--surface-a);
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

body .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    padding: 0.5rem 1rem;
    margin: 0;
    border-bottom: 0 none;
    background: var(--surface-b);
    color: var(--text-color);
}

body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield {
    padding: 0.5rem 0.5rem;
    width: 100%;
    padding-left: 2rem;
}

body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    position: absolute;
    left: 1.5rem;
    top: 50%;
    right: auto;
    bottom: auto;
    margin-top: -0.5rem;
    color: var(--text-color-secondary);
}

body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before {
    content: "";
}

body .ui-selectonemenu-panel .ui-selectonemenu-items {
    padding: 0.5rem 0;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table>thead tr th {
    background: var(--surface-b);
    border: 1px solid var(--surface-c);
    color: var(--text-color);
    font-weight: 700;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
    margin: 0;
    padding: 0.5rem 1rem;
    background: transparent;
    color: var(--text-color);
    outline: 0 none;
    border-radius: 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row {
    background: var(--surface-a);
    color: var(--text-color);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row>td {
    padding: 1rem 1rem;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child {
    border-top-color: transparent;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
    background: var(--primary-light);
    color: var(--text-color);
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group {
    background: var(--surface-a);
    margin: 0;
    padding: 0.75rem 1rem;
    color: var(--text-color);
}

body .ui-slider {
    background: var(--surface-d);
}

body .ui-slider .ui-slider-handle {
    width: 1.143rem;
    height: 1.143rem;
    background: var(--surface-a);
    border: 2px solid var(--primary-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
}

body .ui-slider .ui-slider-handle.ui-state-hover {
    border-color: var(--primary-color);
    background: var(--primary-color);
}

body .ui-slider .ui-slider-handle.ui-state-focus {
    outline: 0 none;
}

body .ui-slider.ui-slider-horizontal {
    height: 0.286rem;
}

body .ui-slider.ui-slider-horizontal .ui-slider-handle {
    top: -0.4285rem;
    margin-left: -0.5715rem;
}

body .ui-slider.ui-slider-vertical {
    width: 0.286rem;
}

body .ui-slider.ui-slider-vertical .ui-slider-handle {
    left: -0.4285rem;
    margin-top: -0.5715rem;
}

body .ui-slider .ui-slider-range {
    background: var(--primary-color);
}

body .ui-inputtext+.ui-slider {
    margin-bottom: 0.5rem;
}

body .ui-spinner .ui-spinner-input {
    padding-right: 2.857rem;
}

body .ui-spinner .ui-spinner-button.ui-button {
    border-radius: 0;
    width: 2.357rem;
}

body .ui-spinner .ui-spinner-button.ui-button .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.5rem;
    margin-top: -0.5rem;
}

body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up {
    border-top-right-radius: 4px;
}

body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon:before {
    content: "";
}

body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down {
    border-bottom-right-radius: 4px;
}

body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon:before {
    content: "";
}

body .ui-fluid .ui-spinner .ui-spinner-input {
    padding-right: 2.857rem;
}

body .ui-toggleswitch {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 1.75rem;
}

body .ui-toggleswitch .ui-toggleswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--surface-d);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 30px;
}

body .ui-toggleswitch .ui-toggleswitch-slider:before {
    position: absolute;
    content: "";
    top: 50%;
    background: var(--surface-a);
    width: 1.250rem;
    height: 1.250rem;
    left: .25rem;
    margin-top: -0.625rem;
    border-radius: 50%;
    transition: transform 0.2s;
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
    transform: translateX(1.25rem);
}

body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem var(--primary-lighter);
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background: var(--primary-color);
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
    background: var(--surface-a);
}

body .ui-breadcrumb {
    background: var(--surface-a);
    border: 1px solid var(--surface-d);
    border-radius: 4px;
    padding: 1rem;
}

body .ui-breadcrumb ul li {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

body .ui-breadcrumb ul li .ui-menuitem-link {
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 4px;
    margin: 0;
}

body .ui-breadcrumb ul li .ui-menuitem-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem var(--primary-lighter);
}

body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text {
    color: var(--text-color);
}

body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon {
    color: var(--text-color-secondary);
}

body .ui-breadcrumb ul li.ui-breadcrumb-chevron {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin: 0 0.5rem 0 0.5rem;
    color: var(--text-color);
}

body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before {
    content: "";
}

body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before {
    content: "";
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important;
    margin: 0 0.5rem 0 0.5rem;
    color: var(--text-color);
}

body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before {
    display: none;
}

body .ui-breadcrumb ul li:first-child a.ui-icon-home {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    color: var(--text-color-secondary);
    margin: 0;
}

body .ui-breadcrumb ul li:first-child a.ui-icon-home:before {
    content: "";
}

body .ui-breadcrumb ul li:first-child a.ui-icon-home span {
    display: none;
}

body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text {
    color: var(--text-color);
}

body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon {
    color: var(--text-color-secondary);
}

body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link {
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 4px;
    margin: 0;
}

body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem var(--primary-lighter);
}

body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text {
    color: var(--text-color);
}

body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon {
    color: var(--text-color-secondary);
}

body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin: 0 0.5rem 0 0.5rem;
    color: var(--text-color);
}

body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before {
    content: "";
}

body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before {
    content: "";
    font-family: 'primeicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
    background-image: none !important;
    margin: 0 0.5rem 0 0.5rem;
    color: var(--text-color);
}

body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before {
    display: none;
}

body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    color: var(--text-color-secondary);
    margin: 0;
}

body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before {
    content: "";
}

body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span {
    display: none;
}

body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text {
    color: var(--text-color);
}

body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon {
    color: var(--text-color-secondary);
}

body .ui-menu {
    padding: 0.25rem 0;
    background: var(--surface-a);
    border: 1px solid var(--surface-d);
    border-radius: 4px;
}

body .ui-menu.ui-shadow {
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon {
    position: static;
    margin-right: 0.5rem;
}

body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before {
    content: "";
}

body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before {
    content: "";
}

body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 {
    font-size: 1rem;
    padding-left: 0;
}

body .ui-menu .ui-menu-list .ui-widget-header {
    margin: 0;
    width: 100%;
    background: var(--surface-a);
    color: var(--text-color);
    float: none;
    border: 0 none;
    padding: 0.75rem 1rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 0;
}

body .ui-menu .ui-menu-list .ui-widget-header h3 {
    padding: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-color);
    float: none;
}

body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon {
    color: var(--text-color);
}

body .ui-menu .ui-menu-list .ui-menuitem {
    margin: 0;
    width: 100%;
    border: 0 none;
    float: none;
    border-radius: 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    padding: 0.75rem 1rem;
    width: 100%;
    border: 0 none;
    float: none;
    border-radius: 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover {
    background: var(--surface-c);
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon {
    color: var(--text-color);
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
    color: var(--text-color);
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
    margin-right: 0.5rem;
    vertical-align: middle;
    float: none;
    color: var(--text-color-secondary);
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
    float: none;
    vertical-align: middle;
    color: var(--text-color);
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    position: relative;
    margin-right: -0.5rem;
    color: var(--text-color-secondary);
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before {
    content: "";
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin-right: -0.5rem;
    color: var(--text-color-secondary);
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before {
    content: "";
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover>.ui-menuitem-link {
    color: var(--text-color);
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover>.ui-menuitem-link .ui-icon {
    color: var(--text-color);
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link {
    background: var(--surface-c);
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-text,
body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-icon,
body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-icon {
    color: var(--text-color);
}

body .ui-menu .ui-menu-list .ui-menu-child {
    background: var(--surface-a);
    padding: 0.25rem 0;
}

body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow {
    border-radius: 4px;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

body .ui-menu .ui-menu-list .ui-separator {
    width: 100%;
    margin: 0.25rem 0;
    border-top: 1px solid var(--surface-d);
}

body .ui-menu.ui-menubar {
    padding: 0.5rem;
    background: var(--surface-b);
    border-radius: 4px;
}

body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem {
    display: inline-block;
    width: auto;
}

body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link {
    border-radius: 4px;
}

body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link .ui-menuitem-icon {
    position: static;
    vertical-align: middle;
}

body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link>span {
    float: none;
    display: inline-block;
}

body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link .ui-icon-triangle-1-s:last-child {
    margin-left: 0.5rem;
    vertical-align: middle;
}

body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem.ui-menubar-options {
    float: right;
    margin-right: 0.5rem;
}

body .ui-menu.ui-slidemenu .ui-slidemenu-backward {
    padding: 0.75rem 1rem;
    color: var(--text-color);
    width: 100%;
    border: 0 none;
    background: var(--surface-a);
    margin-bottom: 0;
    border-radius: 0;
}

body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w {
    position: relative;
    top: 2px;
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin-right: 0.5rem;
}

body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before {
    content: "";
}

body .ui-menu.ui-slidemenu .ui-menu-child {
    padding: 0;
}

body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow {
    box-shadow: none;
    border: 0 none;
}

body .ui-menu.ui-megamenu .ui-widget-header {
    margin: 0;
    width: 100%;
    background: var(--surface-a);
    color: var(--text-color);
    float: none;
    border: 0 none;
    padding: 0.75rem 1rem;
    font-weight: 700;
    font-size: 1rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 0;
}

body .ui-menu.ui-megamenu .ui-widget-header span {
    float: none;
    padding: 0;
}

body .ui-menu.ui-megamenu .ui-menu-list>table>tbody>tr>td {
    padding: 0;
}

body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link {
    border-radius: 4px;
}

body .ui-menu.ui-megamenu.ui-megamenu-vertical {
    background: var(--surface-b);
    padding: 0.25rem 0;
}

body .ui-menu.ui-megamenu.ui-megamenu-vertical>.ui-menu-list .ui-menuitem {
    width: 100%;
}

body .ui-menu.ui-megamenu.ui-megamenu-vertical>.ui-menu-list .ui-menuitem>.ui-menuitem-link {
    border-radius: 0;
}

body .ui-menu.ui-megamenu.ui-megamenu-vertical>.ui-menu-list>.ui-menuitem>.ui-menuitem-link .ui-icon:last-child {
    float: right;
}

body .ui-panelmenu .ui-icon {
    position: static;
}

body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header {
    margin-top: 0;
    border-top: 1px solid var(--surface-d);
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active {
    border-radius: 0;
}

body .ui-panelmenu h3.ui-panelmenu-header {
    border: 1px solid var(--surface-d);
    border-top: 0 none;
    background: var(--surface-b);
    color: var(--text-color);
    padding: 1rem;
    font-weight: 700;
    margin: 0 0 0 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    user-select: none;
    border-radius: 0;
    position: relative;
    outline: 0 none;
    font-size: 1rem;
}

body .ui-panelmenu h3.ui-panelmenu-header .ui-icon {
    position: static;
    margin: 0;
    vertical-align: middle;
    margin-right: 0.5rem;
}

body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before {
    content: "";
}

body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before {
    content: "";
}

body .ui-panelmenu h3.ui-panelmenu-header a {
    display: inline;
    padding: 0;
    outline: 0 none;
    color: inherit;
    vertical-align: middle;
    text-decoration: none;
}

body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover {
    border-color: var(--surface-d);
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active {
    border-color: var(--surface-d);
    background: var(--surface-b);
    color: var(--text-color);
}

body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover {
    border-color: var(--surface-d);
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-panelmenu .ui-panelmenu-content {
    padding: 0.25rem 0;
    background: var(--surface-a);
    border: 1px solid var(--surface-d);
    margin-top: 0;
    position: static;
    border-top: 0 none;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link {
    padding: 0.75rem 1rem;
    color: var(--text-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover {
    background: var(--surface-c);
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon,
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon {
    color: var(--text-color);
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
    color: var(--text-color);
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link>span.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5rem;
    position: static;
    color: var(--text-color-secondary);
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link>span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link>span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before {
    content: "";
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link>span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link>span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before {
    content: "";
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text {
    display: inline-block;
    vertical-align: middle;
}

body .ui-steps {
    position: relative;
}

body .ui-steps ul {
    display: -ms-flexbox;
    display: flex;
}

body .ui-steps .ui-steps-item {
    flex: 1 1 0;
    -ms-flex: 1 1 0px;
    background: transparent;
    text-align: center;
    float: none;
    opacity: 1;
}

body .ui-steps .ui-steps-item .ui-menuitem-link {
    display: block;
    text-align: center;
    background: transparent;
    overflow: hidden;
    padding: 0;
}

body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
    color: var(--text-color);
    background: var(--surface-a);
    border: 1px solid var(--surface-c);
    width: 2rem;
    height: 2rem;
    font-size: 1.143rem;
    padding: 0;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
    display: block;
    padding-top: 0.5rem;
    color: var(--text-color-secondary);
}

body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
    background: var(--primary-light);
    color: var(--text-color);
    border-color: var(--primary-light);
}

body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
    font-weight: 600;
    color: var(--text-color);
}

body .ui-steps .ui-steps-item:not(.ui-state-highlight) {
    opacity: .65;
}

body .ui-steps:before {
    content: ' ';
    border-top: 1px solid var(--surface-d);
    width: 100%;
    top: 50%;
    left: 0;
    display: block;
    position: absolute;
}

body .ui-tabmenu {
    padding: 0;
    position: static;
}

body .ui-tabmenu .ui-tabmenu-nav {
    margin: 0;
    padding: 0;
    background: var(--surface-a);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

body .ui-tabmenu .ui-tabmenu-nav:before {
    position: absolute;
    border-bottom: 2px solid var(--surface-d);
    left: 0;
    bottom: 0;
    width: 100%;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
    list-style: none;
    padding: 0;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    float: none;
    background: var(--surface-a);
    color: var(--text-color-secondary);
    top: 0;
    margin: 0;
    border-bottom: 2px solid var(--surface-d);
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
    color: var(--text-color-secondary);
    padding: 1rem;
    font-weight: 700;
    display: block;
    line-height: 1;
    outline: 0 none;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon {
    margin-right: 0.5rem;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover {
    background: var(--surface-a);
    border-color: #adb5bd;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a {
    color: var(--text-color-secondary);
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon {
    color: var(--text-color-secondary);
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
    background: var(--surface-a);
    border-color: var(--primary-color);
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a {
    color: var(--primary-color);
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon {
    color: var(--primary-color);
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem var(--primary-lighter);
}

@media screen and (max-width: 576px) {
    body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon {
        margin-right: 0;
    }

    body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text {
        display: none;
    }
}

body .ui-growl {
    top: 85px;
}

body .ui-growl .ui-growl-item-container {
    margin: 0 0 1rem 0;
    border-radius: 4px;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

body .ui-growl .ui-growl-item-container .ui-icon-closethick {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    position: absolute;
    top: .5rem;
    right: .5rem;
}

body .ui-growl .ui-growl-item-container .ui-icon-closethick:before {
    content: "";
}

body .ui-growl .ui-growl-item-container .ui-growl-item {
    padding: 1rem;
    min-height: 70px;
}

body .ui-growl .ui-growl-item-container.ui-growl-info {
    background: #B3E5FC;
    border: 1px solid #03A9F4;
    color: #01579B;
    border-width: 0 0 0 6px;
}

body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    font-size: 2rem;
    color: #01579B;
}

body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before {
    content: "";
}

body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon {
    color: #01579B;
}

body .ui-growl .ui-growl-item-container.ui-growl-warn {
    background: #FFECB3;
    border: 1px solid #FFC107;
    color: #7f6003;
    border-width: 0 0 0 6px;
}

body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    font-size: 2rem;
    color: #7f6003;
}

body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before {
    content: "";
}

body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon {
    color: #7f6003;
}

body .ui-growl .ui-growl-item-container.ui-growl-error,
body .ui-growl .ui-growl-item-container.ui-growl-fatal {
    background: #FFCDD2;
    border: 1px solid #EF5350;
    color: #B71C1C;
    border-width: 0 0 0 6px;
}

body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image,
body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    font-size: 2rem;
    color: #B71C1C;
}

body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before,
body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before {
    content: "";
}

body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon,
body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon {
    color: #B71C1C;
}

body .ui-message {
    padding: 0.5rem 0.5rem;
    display: inline-block;
    border-radius: 4px;
}

body .ui-message.ui-message-info {
    background: #B3E5FC;
    border: 1px solid #03A9F4;
    border-width: 0 0 0 3px;
    color: #01579B;
}

body .ui-message.ui-message-info .ui-message-info-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin: 0;
    color: #01579B;
    float: none;
    width: auto;
    height: auto;
    position: relative;
    top: 1px;
}

body .ui-message.ui-message-info .ui-message-info-icon:before {
    content: "";
}

body .ui-message.ui-message-info .ui-message-info-detail {
    margin-left: 0.5rem;
}

body .ui-message.ui-message-warn {
    background: #FFECB3;
    border: 1px solid #FFC107;
    border-width: 0 0 0 3px;
    color: #7f6003;
}

body .ui-message.ui-message-warn .ui-message-warn-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin: 0;
    color: #7f6003;
    float: none;
    width: auto;
    height: auto;
    position: relative;
    top: 1px;
}

body .ui-message.ui-message-warn .ui-message-warn-icon:before {
    content: "";
}

body .ui-message.ui-message-warn .ui-message-warn-detail {
    margin-left: 0.5rem;
}

body .ui-message.ui-message-error,
body .ui-message.ui-message-fatal {
    background: #FFCDD2;
    border: 1px solid #EF5350;
    border-width: 0 0 0 3px;
    color: #B71C1C;
}

body .ui-message.ui-message-error .ui-message-error-icon,
body .ui-message.ui-message-fatal .ui-message-error-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin: 0;
    color: #B71C1C;
    float: none;
    width: auto;
    height: auto;
    position: relative;
    top: 1px;
}

body .ui-message.ui-message-error .ui-message-error-icon:before,
body .ui-message.ui-message-fatal .ui-message-error-icon:before {
    content: "";
}

body .ui-message.ui-message-error .ui-message-error-detail,
body .ui-message.ui-message-fatal .ui-message-error-detail {
    margin-left: 0.5rem;
}

body .ui-message.ui-message-icon-only {
    width: auto;
    height: auto;
}

body .ui-widget+.ui-message {
    margin: 0 0 0 0.5rem;
}

body .ui-messages {
    padding: 0;
    margin: 0;
    font-weight: 600;
    position: relative;
    border-radius: 4px;
}

body .ui-messages>div {
    padding: 1.5rem;
    margin: 1rem 0;
    border-radius: 4px;
}

body .ui-messages ul {
    margin: 0;
}

body .ui-messages ul .ui-messages-info-summary,
body .ui-messages ul .ui-messages-warn-summary,
body .ui-messages ul .ui-messages-error-summary,
body .ui-messages ul .ui-messages-fatal-summary {
    margin: 0 0.5rem 0 0;
}

body .ui-messages ul .ui-messages-info-detail,
body .ui-messages ul .ui-messages-warn-detail,
body .ui-messages ul .ui-messages-error-detail,
body .ui-messages ul .ui-messages-fatal-detail {
    margin: 0;
}

body .ui-messages .ui-messages-close {
    position: absolute;
    right: -1rem;
    top: -1rem;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
    text-align: center;
    transition: background-color 0.2s;
}

body .ui-messages .ui-messages-close:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-messages .ui-messages-close .ui-icon-close {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-messages .ui-messages-close .ui-icon-close:before {
    content: "";
}

body .ui-messages .ui-messages-info {
    background: #B3E5FC;
    border: 1px solid #03A9F4;
    border-width: 0 0 0 6px;
    color: #01579B;
}

body .ui-messages .ui-messages-info .ui-messages-info-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    font-size: 1.5rem;
    margin: 0 0.5rem 0 0;
    color: #01579B;
}

body .ui-messages .ui-messages-info .ui-messages-info-icon:before {
    content: "";
}

body .ui-messages .ui-messages-info .ui-messages-close {
    background: #B3E5FC;
    color: #01579B;
}

body .ui-messages .ui-messages-info .ui-messages-close:hover {
    background: #9addfb;
}

body .ui-messages .ui-messages-warn {
    background: #FFECB3;
    border: 1px solid #FFC107;
    border-width: 0 0 0 6px;
    color: #7f6003;
}

body .ui-messages .ui-messages-warn .ui-messages-warn-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    font-size: 1.5rem;
    margin: 0 0.5rem 0 0;
    color: #7f6003;
}

body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before {
    content: "";
}

body .ui-messages .ui-messages-warn .ui-messages-close {
    background: #FFECB3;
    color: #7f6003;
}

body .ui-messages .ui-messages-warn .ui-messages-close:hover {
    background: #ffe69a;
}

body .ui-messages .ui-messages-error,
body .ui-messages .ui-messages-fatal {
    background: #FFCDD2;
    border: 1px solid #EF5350;
    border-width: 0 0 0 6px;
    color: #B71C1C;
}

body .ui-messages .ui-messages-error .ui-messages-error-icon,
body .ui-messages .ui-messages-error .ui-messages-fatal,
body .ui-messages .ui-messages-fatal .ui-messages-error-icon,
body .ui-messages .ui-messages-fatal .ui-messages-fatal {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    font-size: 1.5rem;
    margin: 0 0.5rem 0 0;
    color: #B71C1C;
}

body .ui-messages .ui-messages-error .ui-messages-error-icon:before,
body .ui-messages .ui-messages-error .ui-messages-fatal:before,
body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before,
body .ui-messages .ui-messages-fatal .ui-messages-fatal:before {
    content: "";
}

body .ui-messages .ui-messages-error .ui-messages-close,
body .ui-messages .ui-messages-fatal .ui-messages-close {
    background: #FFCDD2;
    color: #B71C1C;
}

body .ui-messages .ui-messages-error .ui-messages-close:hover,
body .ui-messages .ui-messages-fatal .ui-messages-close:hover {
    background: #ffb4bb;
}

body .ui-avatar {
    background-color: var(--surface-d);
    border-radius: 4px;
}

body .ui-avatar.ui-avatar-lg {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
}

body .ui-avatar.ui-avatar-lg .ui-avatar-icon {
    font-size: 1.5rem;
}

body .ui-avatar.ui-avatar-xl {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
}

body .ui-avatar.ui-avatar-xl .ui-avatar-icon {
    font-size: 2rem;
}

body .ui-avatar-group .ui-avatar {
    border: 2px solid var(--surface-a);
}

body .ui-badge {
    background: var(--primary-color);
    color: var(--surface-a);
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
}

body .ui-badge:not(.ui-widget) {
    display: inline-block;
    border-radius: 50%;
    text-align: center;
}

body .ui-badge.ui-badge-secondary {
    background: #607D8B;
    color: var(--surface-a);
}

body .ui-badge.ui-badge-success {
    background: #689F38;
    color: var(--surface-a);
}

body .ui-badge.ui-badge-info {
    background: #0288D1;
    color: var(--surface-a);
}

body .ui-badge.ui-badge-warning {
    background: #FBC02D;
    color: #212529;
}

body .ui-badge.ui-badge-danger {
    background: #D32F2F;
    color: var(--surface-a);
}

body .ui-badge.ui-badge-lg {
    font-size: 1.125rem;
    min-width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
}

body .ui-badge.ui-badge-xl {
    font-size: 1.5rem;
    min-width: 3rem;
    height: 3rem;
    line-height: 3rem;
}

body .ui-overlay-badge {
    position: relative;
    display: inline-block;
}

body .ui-overlay-badge .ui-badge {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    margin: 0;
}

body .ui-chip {
    background-color: var(--surface-d);
    color: var(--text-color);
    border-radius: 16px;
    padding: 0 0.5rem;
}

body .ui-chip .ui-chip-text {
    line-height: 1.5;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

body .ui-chip .ui-chip-icon {
    margin-right: 0.5rem;
}

body .ui-chip img {
    width: 2rem;
    height: 2rem;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
}

body .ui-chip .ui-chip-remove-icon {
    margin-left: 0.5rem;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-chip .ui-chip-remove-icon:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem var(--primary-lighter);
}

body .ui-clock {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
    padding: 1rem;
}

body .ui-galleria .ui-galleria-nav-prev,
body .ui-galleria .ui-galleria-nav-next {
    transition: all 0.2s;
    position: absolute;
    color: var(--text-color);
    margin-bottom: -5px;
}

body .ui-galleria .ui-galleria-nav-prev:hover,
body .ui-galleria .ui-galleria-nav-next:hover {
    scale: 1.2;
}

body .ui-galleria .ui-galleria-nav-prev {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    font-size: 20px;
}

body .ui-galleria .ui-galleria-nav-prev:before {
    content: "";
}

body .ui-galleria .ui-galleria-nav-next {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    font-size: 20px;
}

body .ui-galleria .ui-galleria-nav-next:before {
    content: "";
}

body .ui-log {
    padding: 0;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    border: 0 none;
    border-radius: 4px;
    height: auto;
}

body .ui-log .ui-log-header {
    background: var(--surface-a);
    color: var(--text-color);
    font-weight: 700;
    border-bottom: 0 none;
    padding: 1.5rem;
    height: auto;
}

body .ui-log .ui-log-header .ui-log-button {
    display: inline-block;
    position: static;
    margin-right: 0.5rem;
    padding: 2px;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
}

body .ui-log .ui-log-header .ui-log-button:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-log .ui-log-header .ui-log-button .ui-icon-trash {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before {
    content: "";
}

body .ui-log .ui-log-header .ui-log-button .ui-icon-note {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before {
    content: "";
}

body .ui-log .ui-log-header .ui-log-button .ui-icon-info {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before {
    content: "";
}

body .ui-log .ui-log-header .ui-log-button .ui-icon-notice {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before {
    content: "";
}

body .ui-log .ui-log-header .ui-log-button .ui-icon-search {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before {
    content: "";
}

body .ui-log .ui-log-header .ui-log-button .ui-icon-alert {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before {
    content: "";
}

body .ui-log .ui-log-content {
    background: var(--surface-a);
    color: var(--text-color);
    border: 0 none;
    padding: 0 1.5rem 2rem 1.5rem;
    border: 0 none;
    overflow: auto;
}

body .ui-progressbar {
    border: 0 none;
    height: 1rem;
    background: #efefef;
    border-radius: 4px;
}

body .ui-progressbar .ui-progressbar-value {
    border: 0 none;
    margin: 0;
    background: var(--primary-color);
    border-radius: 4px;
}

body .ui-progressbar .ui-progressbar-label {
    margin-top: 0;
    color: var(--text-color);
    line-height: 1rem;
}

body .ui-scrolltop {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    background: rgba(0, 0, 0, 0.7);
}

body .ui-scrolltop:hover {
    background: rgba(0, 0, 0, 0.8);
}

body .ui-scrolltop .ui-scrolltop-icon {
    font-size: 1.5rem;
    color: var(--surface-b);
}

body .ui-skeleton {
    background-color: var(--surface-c);
    border-radius: 4px;
}

body .ui-skeleton:after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}

body .ui-tag {
    background: var(--primary-color);
    color: var(--surface-a);
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 4px;
}

body .ui-tag:not(.ui-widget) {
    display: inline-block;
    text-align: center;
    line-height: 1;
}

body .ui-tag.ui-tag-success {
    background: #689F38;
    color: var(--surface-a);
}

body .ui-tag.ui-tag-info {
    background: #0288D1;
    color: var(--surface-a);
}

body .ui-tag.ui-tag-warning {
    background: #FBC02D;
    color: #212529;
}

body .ui-tag.ui-tag-danger {
    background: #D32F2F;
    color: var(--surface-a);
}

body .ui-tag.ui-tag-rounded {
    border-radius: 10rem;
}

body .ui-tag .ui-tag-icon {
    margin-right: 0.25rem;
    font-size: 0.75rem;
}

body .ui-terminal {
    background: var(--surface-a);
    color: var(--text-color);
    border: 1px solid var(--surface-d);
    padding: 1rem;
}

body .ui-confirm-popup {
    background: var(--surface-a);
    color: var(--text-color);
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

body .ui-confirm-popup .ui-confirm-popup-content {
    padding: 1rem;
}

body .ui-confirm-popup .ui-confirm-popup-footer {
    text-align: right;
    padding: 0 1rem 1rem 1rem;
}

body .ui-confirm-popup .ui-confirm-popup-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
}

body .ui-confirm-popup .ui-confirm-popup-footer button:last-child {
    margin: 0;
}

body .ui-confirm-popup:after {
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: var(--surface-a);
}

body .ui-confirm-popup:before {
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: var(--surface-a);
}

body .ui-confirm-popup.ui-confirm-popup-flipped:after {
    border-top-color: var(--surface-a);
}

body .ui-confirm-popup.ui-confirm-popup-flipped:before {
    border-top-color: var(--surface-a);
}

body .ui-confirm-popup .ui-confirm-popup-icon {
    font-size: 1.5rem;
}

body .ui-confirm-popup .ui-confirm-popup-message {
    margin-left: 1rem;
}

body .ui-dialog {
    padding: 0;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    border: 0 none;
    border-radius: 4px;
}

body .ui-dialog .ui-dialog-titlebar {
    background: var(--surface-a);
    color: var(--text-color);
    font-weight: 700;
    border-bottom: 0 none;
    padding: 1.5rem;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    margin: 0;
    float: none;
    font-size: 1.25rem;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    border: 0 none;
    padding: 0;
    margin-left: 0.5rem;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before {
    content: "";
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before {
    content: "";
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before {
    content: "";
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before {
    content: "";
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before {
    content: "";
}

body .ui-dialog .ui-dialog-content {
    background: var(--surface-a);
    color: var(--text-color);
    border: 0 none;
    padding: 0 1.5rem 2rem 1.5rem;
    border: 0 none;
}

body .ui-dialog .ui-dialog-footer {
    border-top: 0 none;
    background: var(--surface-a);
    color: var(--text-color);
    padding: 0 1.5rem 1.5rem 1.5rem;
    margin: 0;
    text-align: right;
}

body .ui-dialog .ui-dialog-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content {
    padding: 0 1.5rem 2rem 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span {
    float: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin: 0 0 0 0.5rem;
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon {
    margin-right: 0.5rem;
    font-size: 2.5rem;
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon.ui-icon-warn {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon.ui-icon-warn:before {
    content: "";
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon.ui-icon-info {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon.ui-icon-info:before {
    content: "";
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon.ui-icon-error {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon.ui-icon-error:before {
    content: "";
}

body .ui-dialog .ui-resizable-handle {
    display: none !important;
}

body .ui-dialog.ui-message-dialog .ui-dialog-content {
    padding: 0 1.5rem 2rem 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

body .ui-dialog.ui-message-dialog .ui-dialog-content>span {
    float: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin: 0 0 0 0.5rem;
}

body .ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message {
    margin-right: 0.5rem;
    font-size: 2.5rem;
    width: auto;
    height: auto;
}

body .ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-warn-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-warn-icon:before {
    content: "";
}

body .ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-info-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-info-icon:before {
    content: "";
}

body .ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-error-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-error-icon:before {
    content: "";
}

body .ui-lightbox {
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

body .ui-lightbox .ui-lightbox-caption {
    border: 1px solid var(--surface-d);
    background: var(--surface-b);
    color: var(--text-color);
    padding: 1rem;
    font-weight: 700;
}

body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text {
    color: var(--text-color);
    margin: 0;
}

body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
    padding: 0;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
}

body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before {
    content: "";
}

body .ui-lightbox .ui-lightbox-content-wrapper {
    overflow: hidden;
    background: var(--surface-a);
    color: var(--text-color);
    border: 0 none;
    padding: 0;
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    transition: all 0.2s;
    font-size: 24px;
    margin-left: 4px;
    color: var(--surface-a);
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before {
    content: "";
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover {
    scale: 1.2;
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span {
    display: none;
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    transition: all 0.2s;
    font-size: 24px;
    margin-right: 4px;
    color: var(--surface-a);
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before {
    content: "";
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover {
    scale: 1.2;
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span {
    display: none;
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content {
    border-radius: 0;
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading+a {
    display: none;
}

body .ui-overlaypanel {
    background: var(--surface-a);
    color: var(--text-color);
    padding: 0;
    border: 0 none;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

body .ui-overlaypanel .ui-overlaypanel-content {
    padding: 1rem;
}

body .ui-overlaypanel .ui-overlaypanel-close {
    position: absolute;
    width: 2rem;
    height: 2rem;
    right: -1rem;
    top: -1rem;
    background: var(--primary-color);
    color: var(--surface-a);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    text-align: center;
    line-height: 2rem;
    padding: 0;
}

body .ui-overlaypanel .ui-overlaypanel-close:hover {
    background: var(--primary-hover);
    color: var(--surface-a);
}

body .ui-overlaypanel .ui-overlaypanel-close .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    display: inline-block;
    line-height: inherit;
}

body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before {
    content: "";
}

body .ui-sidebar {
    background: var(--surface-a);
    color: var(--text-color);
    padding: 1rem;
    border: 0 none;
    box-shadow: none;
}

body .ui-sidebar .ui-sidebar-close {
    padding: 0;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
}

body .ui-sidebar .ui-sidebar-close:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-sidebar .ui-sidebar-close .ui-icon {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-sidebar .ui-sidebar-close .ui-icon:before {
    content: "";
}

body .ui-sidebar.ui-sidebar-active {
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

body .ui-tooltip .ui-tooltip-text {
    background: #252529;
    color: var(--surface-a);
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

body .ui-tooltip.ui-state-error {
    border: 0 none;
}

body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
    border-right-color: #252529;
}

body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
    border-left-color: #252529;
}

body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
    border-top-color: #252529;
}

body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
    border-bottom-color: #252529;
}

body .ui-accordion .ui-accordion-header {
    border: 1px solid var(--surface-d);
    border-top: 0 none;
    background: var(--surface-b);
    color: var(--text-color);
    padding: 1rem;
    font-weight: 700;
    margin-top: 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    user-select: none;
    border-radius: 0;
    position: relative;
    outline: 0 none;
}

body .ui-accordion .ui-accordion-header:first-child {
    margin-top: 0;
    border-top: 1px solid var(--surface-d);
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

body .ui-accordion .ui-accordion-header.ui-accordion-header-last {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active {
    border-radius: 0;
}

body .ui-accordion .ui-accordion-header.ui-state-hover {
    border-color: var(--surface-d);
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-accordion .ui-accordion-header.ui-state-active {
    border-color: var(--surface-d);
    background: var(--surface-b);
    color: var(--text-color);
}

body .ui-accordion .ui-accordion-header.ui-state-active:hover {
    border-color: var(--surface-d);
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-accordion .ui-accordion-header:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem var(--primary-lighter);
}

body .ui-accordion .ui-accordion-header>.ui-icon {
    position: static;
    display: inline-block;
    margin: 0 0.5rem 0 0;
}

body .ui-accordion .ui-accordion-header>.ui-icon.ui-icon-triangle-1-e {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-accordion .ui-accordion-header>.ui-icon.ui-icon-triangle-1-e:before {
    content: "";
}

body .ui-accordion .ui-accordion-header>.ui-icon.ui-icon-triangle-1-s {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-accordion .ui-accordion-header>.ui-icon.ui-icon-triangle-1-s:before {
    content: "";
}

body .ui-accordion .ui-accordion-content {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
    padding: 1rem;
    margin: 0;
    position: static;
    border-top: 0 none;
}

body .ui-accordion .ui-accordion-content:last-of-type {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

body .ui-card {
    background: var(--surface-a);
    color: var(--text-color);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

body .ui-card .ui-card-body {
    padding: 1rem;
}

body .ui-card .ui-card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

body .ui-card .ui-card-subtitle {
    font-weight: 400;
    margin-bottom: 0.5rem;
    color: var(--text-color-secondary);
}

body .ui-card .ui-card-content {
    padding: 1rem 0;
}

body .ui-card .ui-card-footer {
    padding: 1rem 0 0 0;
}

body .ui-dashboard .ui-sortable-placeholder {
    background-color: var(--primary-light);
}

body .ui-divider .ui-divider-content {
    background-color: var(--surface-a);
}

body .ui-divider.ui-divider-horizontal {
    margin: 1rem 0;
    padding: 0 1rem;
}

body .ui-divider.ui-divider-horizontal:before {
    border-top: 1px var(--surface-d);
}

body .ui-divider.ui-divider-horizontal .ui-divider-content {
    padding: 0 0.5rem;
}

body .ui-divider.ui-divider-vertical {
    margin: 0 1rem;
    padding: 1rem 0;
}

body .ui-divider.ui-divider-vertical:before {
    border-left: 1px var(--surface-d);
}

body .ui-divider.ui-divider-vertical .ui-divider-content {
    padding: 0.5rem 0;
}

body .ui-fieldset {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
    padding: 1rem;
    border-radius: 4px;
}

body .ui-fieldset .ui-fieldset-legend {
    border: 1px solid var(--surface-d);
    background: var(--surface-b);
    color: var(--text-color);
    padding: 1rem;
    font-weight: 700;
    border-radius: 4px;
    user-select: none;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
    display: inline-block;
    float: none;
    margin-right: 0.5rem;
}

body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before {
    content: "";
}

body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before {
    content: "";
}

body .ui-fieldset .ui-fieldset-legend.ui-state-hover {
    outline: 0 none;
    border-color: var(--surface-d);
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon {
    color: var(--text-color);
}

body .ui-fieldset .ui-fieldset-legend.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem var(--primary-lighter);
}

body .ui-notificationbar {
    background: var(--surface-a);
    color: var(--text-color);
    padding: 1rem;
    border: 1px solid var(--surface-d);
}

body .ui-panel {
    padding: 0;
}

body .ui-panel .ui-panel-title {
    margin: 0;
}

body .ui-panel .ui-panel-titlebar {
    border: 1px solid var(--surface-d);
    background: var(--surface-b);
    color: var(--text-color);
    padding: 1rem;
    font-weight: 700;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
    margin: 0;
    margin-left: 0.5rem;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: var(--text-color-secondary);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
    margin-top: -0.25rem;
    margin-bottom: -0.5rem;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
    background: var(--surface-c);
    color: var(--text-color);
    border-color: transparent;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before {
    content: "";
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before {
    content: "";
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before {
    content: "";
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before {
    content: "";
}

body .ui-panel .ui-panel-content {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
    padding: 1rem;
    border-top: 0 none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

body .ui-panel .ui-panel-footer {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
    padding: 1rem;
    margin: 0;
    border-top: 0 none;
}

body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar {
    position: relative;
}

body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon {
    float: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.5rem;
    margin-top: -0.5rem;
}

body .ui-panelgrid .ui-panelgrid-cell {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
    padding: 1rem;
}

body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header {
    border: 1px solid var(--surface-d);
    background: var(--surface-b);
    color: var(--text-color);
    padding: 1rem;
    font-weight: 700;
}

body .ui-scrollpanel {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    color: var(--text-color);
    padding: 1rem;
}

body .ui-scrollpanel .ui-scrollpanel-drag {
    background: #dadada;
}

body .ui-scrollpanel .ui-scrollpanel-track {
    background: #f8f8f8;
    border: 0 none;
}

body .ui-scrollpanel .ui-scrollpanel-corner {
    background: #f8f8f8;
}

body .ui-splitter {
    border: 1px solid var(--surface-d);
    background: var(--surface-a);
    border-radius: 4px;
    color: var(--text-color);
}

body .ui-splitter .ui-splitter-gutter {
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    background: var(--surface-b);
}

body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle {
    background: var(--surface-d);
}

body .ui-splitter .ui-splitter-gutter-resizing {
    background: var(--surface-d);
}

body .ui-tabs {
    padding: 0;
    position: static;
}

body .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    background: var(--surface-a);
    display: -ms-flexbox;
    display: flex;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header {
    list-style: none;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    float: none;
    padding: 1rem;
    background: var(--surface-a);
    color: var(--text-color-secondary);
    margin: 0;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header a {
    color: var(--text-color-secondary);
    padding: 0;
    font-weight: 700;
    display: block;
    line-height: 1;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon {
    position: static;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close {
    margin: 0;
    float: none;
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin-left: 0.5rem;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before {
    content: "";
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    background: var(--surface-a);
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a {
    color: var(--text-color-secondary);
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon {
    color: var(--text-color-secondary);
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    background: var(--surface-a);
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
    color: var(--primary-color);
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon {
    color: var(--primary-color);
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem var(--primary-lighter);
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-actions {
    order: 1;
    margin-left: auto;
}

body .ui-tabs .ui-tabs-panels {
    border: 0 none;
    background: var(--surface-a);
    color: var(--text-color);
    padding: 0;
    margin: 0;
    position: static;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

body .ui-tabs .ui-tabs-panels .ui-tabs-panel {
    padding: 1rem;
}

body .ui-tabs.ui-tabs-top>.ui-tabs-nav {
    margin: 0;
    padding: 0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

body .ui-tabs.ui-tabs-top>.ui-tabs-nav:before {
    content: "";
    position: absolute;
    display: block;
    border-bottom: 2px solid var(--surface-d);
    left: 0;
    bottom: 0;
    width: 100%;
}

body .ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header {
    top: 0;
    border-bottom: 2px solid var(--surface-d);
}

body .ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    border-color: #adb5bd;
}

body .ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color: var(--primary-color);
}

body .ui-tabs.ui-tabs-top>.ui-tabs-panels {
    border-width: 1px 0 0 0;
}

body .ui-tabs.ui-tabs-bottom>.ui-tabs-nav {
    margin: 0;
    padding: 0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

body .ui-tabs.ui-tabs-bottom>.ui-tabs-nav:before {
    content: "";
    position: absolute;
    display: block;
    border-top: 2px solid var(--surface-d);
    left: 0;
    top: 0;
    width: 100%;
}

body .ui-tabs.ui-tabs-bottom>.ui-tabs-nav li.ui-tabs-header {
    top: 0;
    border-top: 2px solid var(--surface-d);
}

body .ui-tabs.ui-tabs-bottom>.ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    border-color: #adb5bd;
}

body .ui-tabs.ui-tabs-bottom>.ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color: var(--primary-color);
}

body .ui-tabs.ui-tabs-bottom>.ui-tabs-panels {
    border-width: 1px 0 0 0;
}

body .ui-tabs.ui-tabs-left>.ui-tabs-nav,
body .ui-tabs.ui-tabs-right>.ui-tabs-nav {
    width: 25%;
    margin: 0;
    padding: 0;
    height: auto;
    -ms-flex-direction: column;
    flex-direction: column;
}

body .ui-tabs.ui-tabs-left>.ui-tabs-nav li.ui-tabs-header,
body .ui-tabs.ui-tabs-right>.ui-tabs-nav li.ui-tabs-header {
    width: 100%;
}

body .ui-tabs.ui-tabs-left>.ui-tabs-panels,
body .ui-tabs.ui-tabs-right>.ui-tabs-panels {
    width: 75%;
}

body .ui-tabs.ui-tabs-right>.ui-tabs-nav {
    margin: 0;
    padding: 0;
    border-left: 2px solid var(--surface-d);
}

body .ui-tabs.ui-tabs-right>.ui-tabs-nav li.ui-tabs-header {
    top: 0;
    border-left: 2px solid var(--surface-d);
    left: -2px;
}

body .ui-tabs.ui-tabs-right>.ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    border-color: #adb5bd;
}

body .ui-tabs.ui-tabs-right>.ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color: var(--primary-color);
}

body .ui-tabs.ui-tabs-right>.ui-tabs-panels {
    border-width: 1px 0 0 0;
}

body .ui-tabs.ui-tabs-left>.ui-tabs-nav {
    margin: 0;
    padding: 0;
    right: -2px;
}

body .ui-tabs.ui-tabs-left>.ui-tabs-nav li.ui-tabs-header {
    top: 0;
    border-right: 2px solid var(--surface-d);
    margin-right: -2px;
}

body .ui-tabs.ui-tabs-left>.ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    border-color: #adb5bd;
}

body .ui-tabs.ui-tabs-left>.ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color: var(--primary-color);
}

body .ui-tabs.ui-tabs-left>.ui-tabs-panels {
    border-width: 1px 0 0 0;
}

body .ui-tabs .ui-tabs-navscroller {
    position: relative;
}

body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn {
    border: 0 none;
    background: var(--surface-a);
    color: var(--text-color-secondary);
    outline: 0 none;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left {
    left: 0;
    height: 100%;
}

body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon {
    margin: 0;
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before {
    content: "";
}

body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right {
    right: 0;
    height: 100%;
}

body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon {
    margin: 0;
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before {
    content: "";
}

body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover {
    background: var(--surface-c);
    color: var(--text-color);
}

body .ui-toolbar {
    border: 1px solid var(--surface-d);
    background: var(--surface-b);
    color: var(--text-color);
    padding: 1rem;
    border-radius: 4px;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
    border: 1px solid var(--surface-d);
    background: var(--surface-b);
    color: var(--text-color);
    padding: 1rem;
    margin: 0;
    border-right: 0 none;
    border-radius: 0;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid var(--surface-d);
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
    background: var(--primary-light);
    color: var(--text-color);
}

body .ui-wizard .ui-icon-arrowthick-1-w {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-wizard .ui-icon-arrowthick-1-w:before {
    content: "";
}

body .ui-wizard .ui-icon-arrowthick-1-e {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-wizard .ui-icon-arrowthick-1-e:before {
    content: "";
}

/* Add your customizations of theme here */
/* Style for simple file upload to match other inputs */
.ui-fileupload-simple input {
    padding: 10px 12px !important;
    border-radius: 6px !important;
    border: 1px solid #ced4da !important;
    font-size: 1rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #fff;
}

.ui-fileupload-simple .ui-button {
    padding: 10px 16px !important;
    font-size: 1rem !important;
}