: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: #2e629d;
    --primary-dark-color: #193F6C;
    --primary-darker-color: #152F4E;
    --primary-color-text: #ffffff;
    --secondary-color: #188B86;
    --surface-main-color: #DDE8F4;
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Helvetica", Arial, "Noto Sans", sans-serif, "Lucida Grande", "Ubuntu", "Cantarell", "Fira Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-alt: -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";
    --surface-0: #ffffff;
    --surface-50: #FAFAFA;
    --surface-100: #F5F5F5;
    --surface-200: #EEEEEE;
    --surface-300: #E0E0E0;
    --surface-400: #BDBDBD;
    --surface-500: #9E9E9E;
    --surface-600: #757575;
    --surface-700: #616161;
    --surface-800: #424242;
    --surface-900: #212121;
    --content-padding: 1rem;
    --inline-spacing: 0.25rem;
    --base-border-radius: 3px;
    /*colors - common.css*/
    --main-color: #152F4E;
    --main-color-001: #f2f4f6;
    --main-color-100: #DDE8F4;
    --main-color-200: #B0D4FB;
    --main-color-700: #193F6C;
    --main-color-2-250: #dee3eb;
    --main-color-2-300: #cdd3dd;
    --main-color-2-400: #b5bbc7;
    --main-color-2-450: #b5b8bf;
    --main-color-2-600: #737780;
    --main-color-alt: #2e629d;
    --secondary-color: #188B86;
    --alert-color: #E54646;
    --main-bg: #FFF;
    --secondary-bg: #F2F2F2;
    --terciary-bg: #F8F8F8;
    --gray-00: #FFF;
    --gray8: #646464;
    /*colors SimpleChain*/
    --ecovium-header: #152F4E;
    --ecovium-selection: #21496C;
    --ecovium-900: #001D61;
    --ecovium-800: #002976;
    --ecovium-700: #003A92;
    --ecovium-600-highlight: #004EAF;
    --ecovium-500-main: #0066CC;
    --ecovium-500-10: #0066cc10;
    --ecovium-400: #3894E0;
    --ecovium-300: #5FB6EF;
    --ecovium-200: #95D6F9;
    --ecovium-100: #C9EDFC;
    --ecovium-50: #e5f6ff;
    --ecovium-gray-900: #232628;
    --ecovium-gray-800: #515252;
    --ecovium-gray-700: #676869;
    --ecovium-gray-600: #7C7D7E;
    --ecovium-gray-500-main: #929394;
    --ecovium-gray-400-subordinate: #9EA9B7;
    --ecovium-gray-300: #BEBEBF;
    --ecovium-gray-200: #D3D4D4;
    --ecovium-gray-100: #F5F5F5;
    --ecovium-gray-50: #FAFAFA;
    --negative: #FC2F2F;
    --critical: #EBA83E;
    --positive: #2BB229;
    --neutral: #6A6D70;
    --informative: #465EFC;
    --negative-bg: #FEE3D5;
    --critical-bg: #FFF3CC;
    --positive-bg: #E2FBD4;
    --neutral-bg: #F4F4F4;
    --informative-bg: #DAE0FE;
    --black: #000;
    --white: #FFF;
    --lightblue: #EAF0F6;
    --lightblue2: #F3F7FC;
    --lightblue-900: #28598C;
    --lightblue-800: #3678AD;
    --lightblue-700: #3B89C1;
    --lightblue-600: #429CD5;
    --lightblue-500-main: #48AAE4;
    --lightblue-400: #53B7E0;
    --lightblue-300: #68C3EC;
    --lightblue-200: #8DD4F2;
    --lightblue-100: #D8E0FE;
    --lightblue-50: #E3F5FC;
    --green-900: #095B1D;
    --green-800: #095B1D;
    --green-700: #198922;
    --green-600: #25A425;
    --green-500-main: #3FBF30;
    --green-400: #75D861;
    --green-300: #9DEB84;
    --green-200: #C7F8AF;
    --green-100: #E6FBD6;
    --green-50: #E7F5E4;
    --yellow-900: #FF7300;
    --yellow-800: #FF9300;
    --yellow-700: #FEA400;
    --yellow-600: #FDB800;
    --yellow-500: #FDC600;
    --yellow-400-main: #FCCF15;
    --yellow-300: #FCD949;
    --yellow-200: #FDE380;
    --yellow-100: #FDEEB2;
    --yellow-50: #FEF9E1;
    --yellow-100-alt: #FCFFA3;
    --red-900: #BD3C03;
    --red-800: #D5490B;
    --red-700: #E3500F;
    --red-600: #F15715;
    --red-500-main: #FC5D19;
    --red-400: #FD743E;
    --red-300: #FD8D62;
    --red-200: #FEAD8F;
    --red-100: #FECDBB;
    --red-50: #FBE9E7;
    --turquoise-900: #006940;
    --turquoise-800: #00875F;
    --turquoise-700: #00986D;
    --turquoise-600: #00AA7F;
    --turquoise-500: #00B88D;
    --turquoise-400: #00C69E;
    --turquoise-300: #00D4B0;
    --turquoise-200-main: #3DE3C0;
    --turquoise-100: #9CEEDD;
    --turquoise-50: #D8F9F3;
    --pink-900: #6E00B3;
    --pink-800: #9200BF;
    --pink-700: #A500C5;
    --pink-600: #BB00CC;
    --pink-500: #CB00D1;
    --pink-400: #D82BDC;
    --pink-300-main: #E15FE0;
    --pink-200: #EA91EB;
    --pink-100: #F2BEF2;
    --pink-50: #FAE5FA;
    --violet-900: #360CB9;
    --violet-800: #4E1CC7;
    --violet-700: #5D23CD;
    --violet-600: #6C2CD6;
    --violet-500: #7732DD;
    --violet-400-main: #8D54E0;
    --violet-300: #A375E9;
    --violet-200: #BD9EEF;
    --violet-100: #D8C5F5;
    --violet-50: #F0E7FB;
    /* Opacity - pending */
    /*gradient - pending */
}

* {
    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 .pi {
    font-size: 1rem;
}

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.8;
}

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

body .ui-button {
    background: var(--white);
    color: #676869;
    border: 1px solid var(--ecovium-gray-300);
    margin: 0;
    outline: 0 none;
    border-radius: var(--base-border-radius);
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-button.ui-state-hover {
    background: var(--white);
    border-color: #f2f4f6;
    color: #676869;
}

body .ui-button.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

body .ui-button.ui-state-active, body .ui-button.ui-state-down {
    background: rgba(0, 102, 204, 0.04);
    border-color: var(--ecovium-500-main);
    color: #676869;
}

body .ui-button.ui-button-outlined {
    background-color: transparent;
    color: #676869;
    border: 1px solid;
}

body .ui-button.ui-button-outlined.ui-state-hover {
    background: rgba(103, 104, 105, 0.04);
    color: #676869;
    border: 1px solid;
}

body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down {
    background: rgba(var(--white), 0.16);
    color: #676869;
    border: 1px solid;
}

body .ui-button.ui-button-outlined.ui-button-plain {
    color: #676869;
    border-color: #676869;
}

body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover {
    background: #676869;
    color: #676869;
}

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: #676869;
    color: #676869;
}

body .ui-button.ui-button-flat {
    background-color: transparent;
    color: #676869;
    border-color: transparent;
}

body .ui-button.ui-button-flat.ui-state-hover {
    background: rgba(103, 104, 105, 0.04);
    color: #676869;
    border-color: transparent;
}

body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down {
    background: rgba(103, 104, 105, 0.16);
    color: #676869;
    border-color: transparent;
}

body .ui-button.ui-button-flat.ui-button-plain {
    color: #676869;
}

body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover {
    background: rgba(103, 104, 105, 0.16);
    color: #676869;
}

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: rgba(103, 104, 105, 0.16);
    color: #676869;
}

body .ui-button.ui-button-text-only .ui-button-text {
    padding: 0.3rem 0.75rem;
}

body .ui-button.ui-button-text-icon-left .ui-button-text {
    padding: 0.3rem 0.75rem 0.3rem 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.3rem 2rem 0.3rem 0.75rem;
}

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: 2rem;
}

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

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: 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-button.rounded-button {
    border-radius: 2rem;
}

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

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: "\e902";
}

body .ui-selectbooleanbutton,
body .ui-selectonebutton > .ui-button,
body .ui-selectmanybutton > .ui-button {
    background: #ffffff;
    color: #495057;
    border: 1px solid #E0E0E0;
    outline: 0 none;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-selectbooleanbutton .ui-icon,
body .ui-selectonebutton > .ui-button .ui-icon,
body .ui-selectmanybutton > .ui-button .ui-icon {
    color: #6c757d;
}

body .ui-selectbooleanbutton.ui-state-hover,
body .ui-selectonebutton > .ui-button.ui-state-hover,
body .ui-selectmanybutton > .ui-button.ui-state-hover {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
}

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: #495057;
}

body .ui-selectbooleanbutton.ui-state-active,
body .ui-selectonebutton > .ui-button.ui-state-active,
body .ui-selectmanybutton > .ui-button.ui-state-active {
    background: var(--ecovium-50);
    border-color: #0066CC;
    color: var(--ecovium-gray-900);
}

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(--ecovium-gray-900);
}

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(--ecovium-100);
    border-color: var(--ecovium-700);
    color: var(--ecovium-gray-900);
}

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(--ecovium-gray-900);
}

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: var(--base-border-radius);
    border-bottom-left-radius: var(--base-border-radius);
}

body .ui-selectonebutton > .ui-button:last-child,
body .ui-selectmanybutton > .ui-button:last-child {
    border-top-right-radius: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
}

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;
}

body .ui-selectmanybutton > .ui-button.ui-state-active {
    border-right-width: 1px;
}

body .ui-selectmanybutton > .ui-button.ui-state-active + .ui-button {
    border-left-width: 0px;
}

body .ui-selectmanybutton > .ui-button.ui-state-active + .ui-button.ui-state-focus {
    border-left-width: 1px;
    margin-left: -1px;
}

@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: var(--base-border-radius);
        border-top-right-radius: var(--base-border-radius);
        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: var(--base-border-radius);
        border-bottom-right-radius: var(--base-border-radius);
        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: var(--base-border-radius);
        border-bottom-left-radius: var(--base-border-radius);
        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: var(--base-border-radius);
        border-bottom-right-radius: var(--base-border-radius);
    }
}

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

body .ui-button-group .ui-button:first-child {
    border-top-left-radius: var(--base-border-radius);
    border-bottom-left-radius: var(--base-border-radius);
}

body .ui-button-group .ui-button:last-child {
    border-top-right-radius: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
}

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: #0066CC;
    color: #ffffff;
    border: 1px solid #0066CC;
}

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: var(--ecovium-600-highlight);
    border-color: var(--ecovium-600-highlight);
    color: #ffffff;
}

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 #B0BEC5;
}

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: var(--ecovium-600-highlight);
    border-color: var(--ecovium-600-highlight);
    color: #ffffff;
}

body .ui-button.ui-button-secondary.ui-button-outlined, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined {
    background-color: transparent;
    color: #0066CC;
    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(0, 102, 204, 0.04);
    color: #0066CC;
    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(0, 102, 204, 0.16);
    color: #0066CC;
    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: #0066CC;
    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(0, 102, 204, 0.04);
    border-color: transparent;
    color: #0066CC;
}

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(0, 102, 204, 0.16);
    border-color: transparent;
    color: #0066CC;
}

body .ui-button.ui-button-success, body .ui-splitbutton.ui-button-success > .ui-button {
    background: #4CAF50;
    color: #ffffff;
    border: 1px solid #4CAF50;
}

body .ui-button.ui-button-success.ui-state-hover, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover {
    background: #43A047;
    color: #ffffff;
    border-color: #43A047;
}

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 #c7e7c8;
}

body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active {
    background: #388E3C;
    color: #ffffff;
}

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

body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover {
    background: rgba(76, 175, 80, 0.04);
    color: #4CAF50;
    border: 1px solid;
}

body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active {
    background: rgba(76, 175, 80, 0.16);
    color: #4CAF50;
    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: #4CAF50;
    border-color: transparent;
}

body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover {
    background: rgba(76, 175, 80, 0.04);
    border-color: transparent;
    color: #4CAF50;
}

body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active {
    background: rgba(76, 175, 80, 0.16);
    border-color: transparent;
    color: #4CAF50;
}

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

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

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 #ffeeba;
}

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

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

body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover {
    background: rgba(255, 193, 7, 0.04);
    color: #FFC107;
    border: 1px solid;
}

body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active {
    background: rgba(255, 193, 7, 0.16);
    color: #FFC107;
    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: #FFC107;
    border-color: transparent;
}

body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover {
    background: rgba(255, 193, 7, 0.04);
    border-color: transparent;
    color: #FFC107;
}

body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active {
    background: rgba(255, 193, 7, 0.16);
    border-color: transparent;
    color: #FFC107;
}

body .ui-button.ui-button-help, body .ui-splitbutton.ui-button-help > .ui-button {
    background: #9C27B0;
    color: #ffffff;
    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: #8E24AA;
    color: #ffffff;
    border-color: #8E24AA;
}

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 #CE93D8;
}

body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active {
    background: #7B1FA2;
    color: #ffffff;
    border-color: #7B1FA2;
}

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.ui-state-hover, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9C27B0;
    border: 1px solid;
}

body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-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.ui-state-hover, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9C27B0;
}

body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-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: #03A9F4;
    color: #ffffff;
    border: 1px solid #03A9F4;
}

body .ui-button.ui-button-info.ui-state-hover, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover {
    background: #039BE5;
    color: #ffffff;
    border-color: #039BE5;
}

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 #ace4fe;
}

body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active {
    background: #0288D1;
    color: #ffffff;
    border-color: #0288D1;
}

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

body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover {
    background: rgba(3, 169, 244, 0.04);
    color: #03A9F4;
    border: 1px solid;
}

body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active {
    background: rgba(3, 169, 244, 0.16);
    color: #03A9F4;
    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: #03A9F4;
    border-color: transparent;
}

body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover {
    background: rgba(3, 169, 244, 0.04);
    border-color: transparent;
    color: #03A9F4;
}

body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active {
    background: rgba(3, 169, 244, 0.16);
    border-color: transparent;
    color: #03A9F4;
}

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

body .ui-button.ui-button-danger.ui-state-hover, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover {
    background: #e53935;
    color: #ffffff;
    border-color: #e53935;
}

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 #fde1df;
}

body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active {
    background: #d32f2f;
    color: #ffffff;
    border-color: #d32f2f;
}

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

body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover {
    background: rgba(244, 67, 54, 0.04);
    color: #f44336;
    border: 1px solid;
}

body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active {
    background: rgba(244, 67, 54, 0.16);
    color: #f44336;
    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: #f44336;
    border-color: transparent;
}

body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover {
    background: rgba(244, 67, 54, 0.04);
    border-color: transparent;
    color: #f44336;
}

body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active {
    background: rgba(244, 67, 54, 0.16);
    border-color: transparent;
    color: #f44336;
}

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

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

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

body .ui-splitbutton {
    padding: 0;
}

body .ui-splitbutton .ui-button:first-child {
    position: relative;
    margin: 0;
    border-top-left-radius: var(--base-border-radius);
    border-bottom-left-radius: var(--base-border-radius);
    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: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
}

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: "\e902";
}

body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container {
    padding: 0.5rem 1rem;
    margin: 0;
    border-bottom: 0 none;
    background: #f8f9fa;
    color: #495057;
}

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

body .ui-splitbuttonmenu .ui-splitbuttonmenu-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: #495057;
}

body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before {
    content: "\e908";
}

body .ui-speeddial-button.ui-button.ui-button-icon-only {
    width: 4rem;
    height: 4rem;
}

body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon {
    font-size: 1.3rem;
}

body .ui-speeddial-action {
    width: 3rem;
    height: 3rem;
    background: #495057;
    color: #fff;
}

body .ui-speeddial-action:hover {
    background: #343a40;
    color: #fff;
}

body .ui-speeddial-direction-up .ui-speeddial-item {
    margin: 0.125rem 0;
}

body .ui-speeddial-direction-up .ui-speeddial-item:first-child {
    margin-bottom: 0.25rem;
}

body .ui-speeddial-direction-down .ui-speeddial-item {
    margin: 0.125rem 0;
}

body .ui-speeddial-direction-down .ui-speeddial-item:first-child {
    margin-top: 0.25rem;
}

body .ui-speeddial-direction-left .ui-speeddial-item {
    margin: 0 0.125rem;
}

body .ui-speeddial-direction-left .ui-speeddial-item:first-child {
    margin-right: 0.25rem;
}

body .ui-speeddial-direction-right .ui-speeddial-item {
    margin: 0 0.125rem;
}

body .ui-speeddial-direction-right .ui-speeddial-item:first-child {
    margin-left: 0.25rem;
}

body .ui-speeddial-circle .ui-speeddial-item,
body .ui-speeddial-semi-circle .ui-speeddial-item,
body .ui-speeddial-quarter-circle .ui-speeddial-item {
    margin: 0;
}

body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child,
body .ui-speeddial-semi-circle .ui-speeddial-item:first-child,
body .ui-speeddial-semi-circle .ui-speeddial-item:last-child,
body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child,
body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child {
    margin: 0;
}

body .ui-speeddial-mask {
    background-color: rgba(0, 0, 0, 0.4);
}

body .ui-carousel .ui-carousel-content .ui-carousel-prev,
body .ui-carousel .ui-carousel-content .ui-carousel-next {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
    margin: 0.25rem;
}

body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover,
body .ui-carousel .ui-carousel-content .ui-carousel-next:hover {
    background: #e9ecef;
    color: #495057;
    border-color: transparent;
}

body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus,
body .ui-carousel .ui-carousel-content .ui-carousel-next:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

body .ui-carousel .ui-carousel-indicators {
    padding: 1rem;
}

body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator {
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}

body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button {
    background-color: #e9ecef;
    width: 2rem;
    height: 0.5rem;
    transition: background-color 0.1s, color 0.1s, box-shadow 0.1s, opacity 0.1s ease-in-out;
    border-radius: 0;
}

body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover {
    background: #dee2e6;
}

body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button {
    background: #0066CC;
    color: var(--ecovium-gray-900);
}

body .ui-chronoline .ui-chronoline-event-marker {
    border: 2px solid #0066CC;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background-color: var(--ecovium-gray-900);
}

body .ui-chronoline .ui-chronoline-event-connector {
    background-color: #dee2e6;
}

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: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
    padding: 1rem;
    font-weight: 600;
}

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 transparent;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
}

body .ui-datagrid .ui-paginator {
    padding: 0.5rem 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: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
    padding: 1rem;
    font-weight: 600;
}

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 transparent;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
}

body .ui-datalist .ui-paginator {
    padding: 0.5rem 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: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
    padding: 1rem;
    font-weight: 600;
}

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 transparent;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
}

body .ui-datatable .ui-datatable-header {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    color: #495057;
    padding: 0.25rem 0.25rem;
    font-weight: 600;
    border-top-left-radius: var(--base-border-radius);
    border-top-right-radius: var(--base-border-radius);
}

body .ui-datatable .ui-datatable-footer {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    color: #495057;
    padding: 0.25rem 0.25rem;
    font-weight: 600;
    border-bottom-left-radius: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
}

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

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

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

body .ui-datatable .ui-paginator.ui-paginator-top {
    border-width: 1px 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: #f8f9fa;
    color: #495057;
    padding: 0.25rem 0.25rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    text-align: left;
    box-sizing: content-box;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

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

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

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: "\e99e";
}

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: "\e99f";
}

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: "\e9a0";
}

body .ui-datatable thead th .ui-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #ffffff;
    background: #0066CC;
    margin-left: 0.25rem;
    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 #bfd1f6;
}

body .ui-datatable thead th.ui-state-hover {
    background: #e9ecef;
    color: #495057;
}

body .ui-datatable thead th.ui-state-active {
    background: #f8f9fa;
    color: #0066CC;
}

body .ui-datatable thead th.ui-state-active.ui-state-hover {
    background: #e9ecef;
    color: #0066CC;
}

body .ui-datatable .ui-datatable-data > tr {
    color: #495057;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-datatable .ui-datatable-data > tr > td {
    padding: 0.25rem 0.25rem;
    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: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
    font-weight: 600;
}

body .ui-datatable .ui-datatable-data > tr.ui-state-hover {
    background: #e9ecef;
    color: #495057;
}

body .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
    background: #0066CC;
    color: var(--ecovium-gray-900);
}

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

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

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

body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column {
    background: transparent;
    color: #495057;
    cursor: default;
}

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: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: #e9ecef;
    color: #495057;
    border-color: transparent;
}

body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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

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: "\e942";
}

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: "\e909";
}

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: "\e90b";
}

body .ui-datatable .ui-datatable-data > tr .ui-row-toggler {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: #e9ecef;
    color: #495057;
    border-color: transparent;
}

body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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: "\e901";
}

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: "\e902";
}

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

body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: #e9ecef;
    color: #495057;
    border-color: transparent;
}

body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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: "\e901";
}

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: "\e902";
}

body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering {
    background: #0066CC;
}

body .ui-datatable .ui-column-resizer-helper {
    background: #0066CC;
}

body .ui-datatable tfoot td {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    color: #495057;
    padding: 0.25rem 0.25rem;
    font-weight: 600;
    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: "\e919";
}

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: "\e91c";
}

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: #f8f9fa;
}

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: #ffffff;
}

body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover {
    background: #e9ecef;
    color: #495057;
}

body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight {
    background: #0066CC;
    color: var(--ecovium-gray-900);
}

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

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.125rem 0.125rem;
}

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

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

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: 0.3125rem 0.3125rem;
}

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

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: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
}

body .ui-columntoggler {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
    background: #ffffff;
    border: 1px solid #b7bfc7;
}

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: #495057;
    border-radius: 0;
}

body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox {
    position: static;
    margin-right: 0.25rem;
    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: 1px 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: #f8f9fa;
    color: #495057;
    padding: 0.25rem 0.25rem;
    font-weight: 600;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
}

body .ui-dataview .ui-dataview-footer {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 0.25rem 0.25rem;
    font-weight: 600;
    border-bottom-left-radius: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
}

body .ui-dataview .ui-dataview-content {
    border: 0 none;
    background: #ffffff;
    color: #495057;
    padding: 0;
}

body .ui-dataview.ui-dataview-list .ui-dataview-row {
    border: solid #e9ecef;
    border-width: 0 0 1px 0;
}

body .fc .fc-scrollgrid {
    border-color: #dee2e6;
}

body .fc .fc-daygrid-day.fc-day-today,
body .fc .fc-timegrid-col.fc-day-today {
    background-color: #0066CC;
}

body .fc th {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
}

body .fc th > .fc-scrollgrid-sync-inner {
    padding: 1rem;
}

body .fc td {
    border: 1px solid #dee2e6;
}

body .fc td.fc-widget-content {
    background: #ffffff;
    border: 1px solid transparent;
    color: #495057;
}

body .fc td.fc-head-container {
    border: 1px solid #dee2e6;
}

body .fc .fc-row {
    border-right: 1px solid #dee2e6;
}

body .fc .fc-event,
body .fc .fc-event .fc-event-main {
    background: var(--ecovium-700);
    border: 1px solid var(--ecovium-700);
    color: var(--ecovium-gray-900);
}

body .fc .fc-divider {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
}

body .fc .fc-toolbar .fc-button {
    background: var(--white);
    color: #676869;
    border: 1px solid var(--ecovium-gray-300);
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .fc .fc-toolbar .fc-button:not(:disabled):hover {
    background: var(--white);
    border-color: #f2f4f6;
    color: #676869;
}

body .fc .fc-toolbar .fc-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active {
    background: var(--ecovium-50);
    border-color: var(--ecovium-500-main);
    color: #676869;
}

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.25rem;
}

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: "\e933";
}

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: "\e92f";
}

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: "\e930";
}

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: "\e92c";
}

body .ui-orderlist .ui-orderlist-caption {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
    padding: 1rem;
    border-bottom: 0 none;
    font-weight: 600;
    border-top-left-radius: var(--base-border-radius);
    border-top-right-radius: var(--base-border-radius);
}

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

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

body .ui-orderlist .ui-orderlist-list {
    border: 1px solid transparent;
    background: #ffffff;
    color: #495057;
    padding: 0.5rem 0;
    border-bottom-left-radius: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
}

body .ui-orderlist .ui-orderlist-list .ui-orderlist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    border-radius: 0;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover {
    background: #e9ecef;
    color: #495057;
}

body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight {
    background: var(--ecovium-50);
    color: var(--ecovium-gray-900);
}

body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder {
    background: #0052a3;
}

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

@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.25rem;
        margin-right: 0.25rem;
    }
}

body .ui-paginator {
    background: #ffffff;
    border: solid #e9ecef;
    border-width: 0;
    padding: 0.5rem 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: #6c757d;
    width: 2rem;
    height: 2rem;
    margin: 0.143rem;
    border: 0 none;
    vertical-align: top;
    padding: 0;
    border-radius: var(--base-border-radius);
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

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: #e9ecef;
    color: #6c757d;
    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 #bfd1f6;
}

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: 2rem;
}

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

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: 2rem;
}

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

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: 2rem;
}

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

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: 2rem;
}

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

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

body .ui-paginator .ui-paginator-current {
    color: #6c757d;
}

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

body .ui-paginator .ui-paginator-pages .ui-paginator-page {
    padding: 0;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    min-width: 2rem;
    height: 2rem;
    color: #6c757d;
    margin: 0.143rem;
    border-radius: var(--base-border-radius);
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background: #0066CC;
    color: var(--ecovium-gray-900);
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover {
    background: #e9ecef;
    color: #6c757d;
    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 #bfd1f6;
}

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

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

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

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: "\e933";
}

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: "\e92f";
}

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: "\e930";
}

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: "\e92c";
}

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: "\e932";
}

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: "\e92e";
}

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: "\e931";
}

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: "\e92d";
}

body .ui-picklist .ui-picklist-caption {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
    padding: 1rem;
    border-bottom: 0 none;
    font-weight: 600;
    border-top-left-radius: var(--base-border-radius);
    border-top-right-radius: var(--base-border-radius);
}

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

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.625rem;
    color: #495057;
}

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

body .ui-picklist .ui-picklist-list {
    border: 1px solid transparent;
    background: #ffffff;
    color: #495057;
    padding: 0.5rem 0;
    border-bottom-left-radius: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
}

body .ui-picklist .ui-picklist-list .ui-picklist-item {
    padding: 0.5rem 1rem;
    border: 0 none;
    margin: 0;
    color: #495057;
    border-radius: 0;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover {
    background: #e9ecef;
    color: #495057;
}

body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
    background: var(--ecovium-50);
    color: var(--ecovium-gray-900);
}

body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder {
    background: #0052a3;
}

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

    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: "\e930";
    }

    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: "\e92c";
    }

    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: "\e933";
    }

    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: "\e92f";
    }

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

body .ui-tagcloud {
    border: 1px solid transparent;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
}

body .ui-tagcloud a {
    color: #495057;
    border-radius: var(--base-border-radius);
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-tagcloud a.ui-state-hover {
    background: var(--ecovium-50);
    color: var(--ecovium-gray-900);
}

body .timeline-frame {
    border: 1px solid transparent;
    background: #ffffff;
    color: #495057;
}

body .timeline-frame .timeline-navigation {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
}

body .timeline-frame .timeline-navigation:hover {
    background: #e9ecef;
    color: #495057;
    border-color: transparent;
}

body .timeline-frame .timeline-navigation:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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: "\e98f";
}

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: "\e990";
}

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: "\e91f";
}

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: "\e920";
}

body .timeline-frame .timeline-event {
    border: 1px solid transparent;
    background: #ffffff;
    color: #495057;
}

body .timeline-frame .timeline-event.ui-state-active {
    background: #0066CC;
    color: var(--ecovium-gray-900);
}

body .vis-timeline {
    border: 1px solid transparent;
    background: #ffffff;
    color: #495057;
}

body .vis-timeline .vis-item {
    border: 1px solid transparent;
    background: #ffffff;
    color: #495057;
}

body .vis-timeline .vis-item .vis-item-content {
    color: #495057;
}

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

body .vis-timeline .vis-item.vis-selected {
    background: #0066CC;
    border-color: #0066CC;
}

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

body .vis-timeline .vis-time-axis .vis-text {
    color: #495057;
}

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

body .ui-tree {
    border: 1px solid transparent;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
    width: 100%;
    border-radius: var(--base-border-radius);
}

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

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

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.25rem 0 0;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: #e9ecef;
    color: #495057;
    border-color: transparent;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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: "\e901";
}

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: "\e902";
}

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: "\e900";
}

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

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

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
    margin: 0;
    padding: 0.286rem;
    border-radius: var(--base-border-radius);
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover {
    background: #e9ecef;
    color: #495057;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
    background: var(--ecovium-50);
    color: var(--ecovium-gray-900);
}

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

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: #495057;
}

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

body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover {
    background: #0066CC;
}

body .ui-tree .ui-tree-container .ui-treenode-outline {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #bfd1f6;
}

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

body .ui-tree.ui-tree-horizontal .ui-treenode-content {
    border: 1px solid transparent;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
    border-radius: var(--base-border-radius);
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover {
    background: #e9ecef;
    color: #495057;
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight {
    background: var(--ecovium-50);
    color: var(--ecovium-gray-900);
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler {
    margin-right: 0.25rem;
    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: "\e90f";
}

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: "\e90d";
}

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

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.25rem;
}

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: #495057;
}

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

body .ui-tree.ui-tree-horizontal .ui-treenode:before {
    background-color: #ffffff;
}

body .ui-tree .ui-tree-filter-container {
    margin: 0 0 0.25rem 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: #495057;
}

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

body .ui-tree .ui-tree-filter-container .ui-inputfield {
    padding: 0.25rem 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.25rem;
}

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

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

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

body .ui-tree-draghelper {
    border: 1px solid #0066CC;
}

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

body .ui-treetable .ui-treetable-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 0.25rem 0.25rem;
    font-weight: 600;
}

body .ui-treetable .ui-treetable-footer {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 0.25rem 0.25rem;
    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: 0.5rem 1rem;
}

body .ui-treetable .ui-paginator.ui-paginator-top {
    border-width: 1px 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: #f8f9fa;
    color: #495057;
    padding: 0.25rem 0.25rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    text-align: left;
    box-sizing: content-box;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

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

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

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: "\e99e";
}

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: "\e99f";
}

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: "\e9a0";
}

body .ui-treetable thead th .ui-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #ffffff;
    background: #0066CC;
    margin-left: 0.25rem;
    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 #bfd1f6;
}

body .ui-treetable thead th.ui-state-hover {
    background: #e9ecef;
    color: #495057;
}

body .ui-treetable thead th.ui-state-active {
    background: #f8f9fa;
    color: #0066CC;
}

body .ui-treetable thead th.ui-state-active.ui-state-hover {
    background: #e9ecef;
    color: #0066CC;
}

body .ui-treetable .ui-treetable-data > tr {
    background: transparent;
    color: #495057;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-treetable .ui-treetable-data > tr > td {
    padding: 0.25rem 0.25rem;
    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.25rem;
    margin-top: 0;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: #e9ecef;
    color: #495057;
    border-color: transparent;
}

body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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: "\e901";
}

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: "\e902";
}

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

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: #495057;
}

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

body .ui-treetable .ui-treetable-data > tr.ui-state-hover {
    background: #e9ecef;
    color: #495057;
}

body .ui-treetable .ui-treetable-data > tr.ui-state-highlight {
    background: #0066CC;
    color: var(--ecovium-gray-900);
    cursor: default;
}

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

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

body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: #e9ecef;
    color: #495057;
    border-color: transparent;
}

body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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: "\e942";
}

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.25rem;
}

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

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: "\e90b";
}

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(--ecovium-gray-900);
}

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

body .ui-treetable tfoot td {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    color: #495057;
    padding: 0.25rem 0.25rem;
    font-weight: 600;
    box-sizing: content-box;
}

body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer {
    background: #f8f9fa;
}

body .ui-treetable .ui-column-resizer-helper {
    background: #0066CC;
}

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

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.125rem 0.125rem;
}

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

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

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: 0.3125rem 0.3125rem;
}

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

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 #e9ecef;
}

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 #dee2e6;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    border-top-left-radius: var(--base-border-radius);
    border-top-right-radius: var(--base-border-radius);
}

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

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: "\e90d";
}

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: "\e934";
}

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: "\e90b";
}

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

body .ui-fileupload .ui-fileupload-content {
    border: 1px solid transparent;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
    border-top: 0 none;
    border-bottom-left-radius: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
}

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: "\e90b";
}

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: "\e90d";
}

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

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

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

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: "\e902";
}

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

body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token {
    padding: 1px 0;
    margin: 0 0.25rem 0 0;
    background: #dee2e6;
    color: #495057;
    display: inline-block;
    vertical-align: middle;
    float: none;
    border-radius: var(--base-border-radius);
}

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: "\e90b";
}

body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token {
    margin: 0;
    padding: 0.125rem 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: #495057;
    -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: #ffffff;
    border: 0 none;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}

body .ui-autocomplete-panel .ui-autocomplete-emptyMessage,
body .ui-autocomplete-panel .ui-autocomplete-empty-message {
    border: 0 none;
    margin: 0;
    padding: 0.5rem 1rem;
    color: #495057;
    border-radius: 0;
}

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: #495057;
    border-radius: 0;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row {
    background: transparent;
    color: #495057;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

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

body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight {
    background: var(--ecovium-50);
    color: var(--ecovium-gray-900);
}

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

body .ui-autocomplete-itemtip.ui-state-highlight {
    background: var(--ecovium-50);
    color: var(--ecovium-gray-900);
}

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

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

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

body .ui-cascadeselect {
    background: #ffffff;
    border: 1px solid #b7bfc7;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    border-radius: var(--base-border-radius);
}

body .ui-cascadeselect:not(.ui-state-disabled):hover {
    border-color: #0066CC;
}

body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus {
    border-color: #0066CC;
    outline: 0 none;
    box-shadow: inset 0 0 0 0.15rem #bfd1f6;
}

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

body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder {
    color: #6c757d;
}

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

body .ui-cascadeselect .ui-cascadeselect-trigger {
    background: transparent;
    color: #495057;
    width: 2.357rem;
    border-top-right-radius: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
}

body .ui-cascadeselect-panel {
    background: #ffffff;
    border: 0 none;
    border-radius: var(--base-border-radius);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}

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: #495057;
    background: transparent;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: inset 0 0 0 0.15rem #bfd1f6;
}

body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight {
    color: var(--ecovium-gray-900);
    background: #0066CC;
}

body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
    color: #495057;
    background: #e9ecef;
}

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

body .ui-input-filled .ui-cascadeselect {
    background: #f8f9fa;
}

body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover {
    background-color: #f8f9fa;
}

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

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 #b7bfc7;
    border-width: 1px;
    background: #ffffff;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    position: relative;
    border-radius: var(--base-border-radius);
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-chkbox .ui-chkbox-box.ui-state-hover {
    border-color: #0066CC;
}

body .ui-chkbox .ui-chkbox-box.ui-state-focus {
    box-shadow: none;
    outline: 0 none;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: var(--ecovium-gray-900);
    background: #ffffff;
    color: var(--ecovium-gray-900);
}

body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
    background: #ffffff;
}

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

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: "\e909";
}

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: "\e90b";
}

body.ui-input-filled .ui-chkbox .ui-chkbox-box,
body .ui-input-filled .ui-chkbox .ui-chkbox-box {
    background-color: #f8f9fa;
}

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: #f8f9fa;
}

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: #ffffff;
}

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: #ffffff;
}

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

body .ui-chips .ui-chips-container .ui-chips-token {
    padding: 1px 0;
    margin: 0.0625rem;
    background: #dee2e6;
    color: #495057;
    border-radius: var(--base-border-radius);
}

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: "\e90b";
}

body .ui-chips .ui-chips-container .ui-chips-input-token {
    margin: 0;
    padding: 0.125rem 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: #495057;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
}

body .ui-colorpicker .ui-button {
    border-radius: var(--base-border-radius);
}

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

body .ui-datepicker {
    background: #ffffff;
    border: 1px solid #b7bfc7;
    color: #6c757d;
    padding: 0.5rem;
    width: auto;
    border-radius: var(--base-border-radius);
}

body .ui-datepicker .ui-datepicker-header {
    margin: 0;
    padding: 0.5rem;
    line-height: normal;
    background: #ffffff;
    color: #495057;
    font-weight: 600;
    border: solid #dee2e6;
    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: "\e901";
}

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: "\e900";
}

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: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: #e9ecef;
    color: #495057;
    border-color: transparent;
}

body .ui-datepicker .ui-datepicker-next:focus,
body .ui-datepicker .ui-datepicker-prev:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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.25rem;
}

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: #6c757d;
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border: solid transparent;
    display: inline-block;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    border-radius: 50%;
}

body .ui-datepicker .ui-datepicker-calendar td a:hover {
    background: #e9ecef;
    border-color: transparent;
}

body .ui-datepicker .ui-datepicker-calendar td a:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
    background: #0066CC;
    color: var(--ecovium-gray-900);
    border: 0 none;
}

body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a {
    background: #ced4da;
    color: #495057;
    font-weight: 600;
    border: 0 none;
}

body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a:hover {
    background: #e9ecef;
    border-color: transparent;
}

body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active {
    background: #0066CC;
    color: var(--ecovium-gray-900);
    border: 0 none;
}

body .ui-datepicker.ui-input-overlay {
    border: 0 none;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}

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-timepicker-timeinput input {
    color: #495057;
    background: #ffffff;
    padding: 0.25rem 0.5rem;
    border: 1px solid #b7bfc7;
    outline: 0 none;
    font-size: 1rem;
    border-radius: var(--base-border-radius);
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    -webkit-appearance: none;
    appearance: none;
    width: auto;
}

body .ui-datepicker .ui-timepicker-timeinput input:hover {
    border-color: #0066CC;
}

body .ui-datepicker .ui-timepicker-timeinput input:focus {
    border-color: #0066CC;
    outline: 0 none;
    box-shadow: inset 0 0 0 0.15rem #bfd1f6;
}

body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span {
    padding: 0.25rem 0.5rem;
    font-size: 1rem;
}

body .ui-datepicker .ui-datepicker-buttonpane button,
body .ui-datepicker .ui-datepicker-buttonbar button {
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    border-radius: var(--base-border-radius);
    background: #0066CC;
    color: #ffffff;
    border: 1px solid #0066CC;
}

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: var(--ecovium-600-highlight);
    border-color: var(--ecovium-600-highlight);
    color: #ffffff;
}

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 #B0BEC5;
}

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: var(--ecovium-600-highlight);
    border-color: var(--ecovium-600-highlight);
    color: #ffffff;
}

body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined {
    background-color: transparent;
    color: #0066CC;
    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(0, 102, 204, 0.04);
    color: #0066CC;
    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(0, 102, 204, 0.16);
    color: #0066CC;
    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: #0066CC;
    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(0, 102, 204, 0.04);
    border-color: transparent;
    color: #0066CC;
}

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(0, 102, 204, 0.16);
    border-color: transparent;
    color: #0066CC;
}

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 #dee2e6;
    padding: 1rem 0;
}

body .ui-datepicker .ui-monthpicker-month {
    margin: 0.5rem 0;
    color: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    padding: 0.5rem;
    border: var(--base-border-radius);
}

body .ui-datepicker .ui-monthpicker-month:hover {
    background: #e9ecef;
    border-color: transparent;
}

body .ui-datepicker .ui-monthpicker-month:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

body .ui-datepicker .ui-monthpicker-month.ui-state-active {
    background: #0066CC;
    color: var(--ecovium-gray-900);
    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: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: #e9ecef;
    color: #495057;
    border-color: transparent;
}

body .ui-datepicker .ui-picker-up:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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: "\e903";
}

body .ui-datepicker .ui-picker-down {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: #e9ecef;
    color: #495057;
    border-color: transparent;
}

body .ui-datepicker .ui-picker-down:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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: "\e902";
}

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

body .ui-calendar .ui-button.ui-button-icon-only {
    width: 2rem;
    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: "\e927";
}

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% - 2rem);
    padding-right: 0;
}

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

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

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

body .ui-inplace .ui-inplace-display {
    padding: 0.25rem 0.5rem;
    border-radius: var(--base-border-radius);
}

body .ui-inplace .ui-inplace-display.ui-state-highlight {
    background: #e9ecef;
    color: #495057;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-inplace .ui-inplace-display.ui-state-focus {
    border-color: #0066CC;
    outline: 0 none;
    box-shadow: inset 0 0 0 0.15rem #bfd1f6;
}

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: "\e909";
}

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

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: "\e90b";
}

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

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

body ::-webkit-input-placeholder {
    color: #6c757d;
}

body :-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

body ::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

body :-ms-input-placeholder {
    color: #6c757d;
}

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

body .ui-float-label > label {
    margin-left: 0.25rem;
    color: #6c757d;
}

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: #495057;
}

body .ui-float-label > input:-webkit-autofill ~ label,
body .ui-float-label > textarea:-webkit-autofill ~ label {
    color: #495057;
}

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: -0.5rem;
}

body .ui-input-icon-left > i:first-of-type {
    left: 0.5rem;
    color: #495057;
}

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

body .ui-input-icon-right > i:last-of-type {
    right: 0.5rem;
    color: #495057;
}

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

body .ui-inputfield {
    color: #495057;
    background: #ffffff;
    padding: 0.25rem 0.5rem;
    border: 1px solid #b7bfc7;
    outline: 0 none;
    font-size: 1rem;
    border-radius: var(--base-border-radius);
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    -webkit-appearance: none;
    appearance: none;
}

body .ui-inputfield.ui-state-hover {
    border-color: #0066CC;
}

body .ui-inputfield.ui-state-focus {
    border-color: #0066CC;
    outline: 0 none;
    box-shadow: inset 0 0 0 0.15rem #bfd1f6;
}

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

body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield {
    background-color: #f8f9fa;
}

body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover {
    background-color: #f8f9fa;
}

body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus {
    background-color: #f8f9fa;
}

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

body .ui-inputgroup .ui-inputgroup-addon,
body .ui-inputgroup .ui-inputgroup-addon-checkbox {
    padding: 0.25rem 0.5rem;
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057;
    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: var(--base-border-radius);
    border-bottom-left-radius: var(--base-border-radius);
}

body .ui-inputgroup .ui-inputgroup-addon:last-child,
body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child {
    border-top-right-radius: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
}

body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child {
    border-top-left-radius: var(--base-border-radius);
    border-bottom-left-radius: var(--base-border-radius);
}

body .ui-inputgroup .ui-float-label:first-child input,
body .ui-inputgroup .ui-float-label:first-child textarea {
    border-top-left-radius: var(--base-border-radius);
    border-bottom-left-radius: var(--base-border-radius);
}

body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child {
    border-top-right-radius: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
}

body .ui-inputgroup .ui-float-label:last-child input,
body .ui-inputgroup .ui-float-label:last-child textarea {
    border-top-right-radius: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
}

body .ui-inputgroup > .ui-widget,
body .ui-inputgroup > .ui-float-label > .ui-widget {
    border-radius: 0;
}

body .ui-inputgroup > .ui-widget.ui-state-focus,
body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus {
    z-index: 1;
}

body .ui-inputgroup > .ui-widget.ui-state-focus ~ label,
body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label {
    z-index: 1;
}

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: #ced4da;
    border-radius: 8px;
}

body .ui-inputswitch .ui-inputswitch-handle {
    top: -4px;
    left: -2px;
    background: #ffffff;
    border-radius: 50%;
    border: 2px solid #c3cad2;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: #0066CC;
    outline: 0 none;
    box-shadow: inset 0 0 0 0.15rem #bfd1f6;
}

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: #0066CC;
}

body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
    background: #ffffff;
    border-color: var(--ecovium-700);
    margin-left: 2px;
}

body .keypad-popup {
    background: #ffffff;
    color: #6c757d;
    padding: 0;
    border: 0 none;
    margin: 0;
    width: auto;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}

body .keypad-popup button {
    background: #ffffff;
    border: 1px solid #b7bfc7;
    padding: 0.5rem;
    margin: 2px;
    outline: 0 none;
    color: #495057;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    border-radius: var(--base-border-radius);
}

body .keypad-popup button.ui-state-hover {
    background: #ebebef;
    border-color: #dee2e6;
    color: #6c757d;
}

body .keypad-popup button.ui-state-active {
    background: var(--ecovium-900);
    border-color: var(--ecovium-900);
    color: #ffffff;
}

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(--white);
    color: #676869;
    border: 1px solid var(--ecovium-gray-300);
}

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(--white);
    border-color: #f2f4f6;
    color: #676869;
}

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.2rem #bfd1f6;
}

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(--ecovium-50);
    border-color: var(--ecovium-500-main);
    color: #676869;
}

body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer {
    margin-right: 0.25rem;
    border: 1px solid #b7bfc7;
    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: #f8f9fa;
    color: #495057;
}

body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
}

body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item {
    padding: 0.5rem 1rem;
    margin: 0;
    background: transparent;
    color: #495057;
    border-radius: 0;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover {
    background: #e9ecef;
    color: #495057;
}

body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight {
    background: var(--ecovium-50);
    color: var(--ecovium-gray-900);
}

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: "\e966";
}

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: "\e965";
}

body .ui-password-panel {
    background: #ffffff;
    color: #6c757d;
    padding: 1rem;
    border: 0 none;
    margin: 0;
    width: auto;
    min-width: 150px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    border-radius: var(--base-border-radius);
}

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

body .ui-radiobutton .ui-radiobutton-box {
    border: 1px solid #b7bfc7;
    border-width: 1px;
    background: #ffffff;
    width: 20px;
    height: 20px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
    border-color: #0066CC;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
    box-shadow: none;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border-color: var(--ecovium-gray-900);
    background: #ffffff;
    color: var(--ecovium-gray-900);
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover {
    background: #ffffff;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
    background: var(--ecovium-gray-900);
}

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

body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    width: 10px;
    height: 10px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    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: #f8f9fa;
}

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: #f8f9fa;
}

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: #ffffff;
}

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: #ffffff;
}

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

body .ui-rating .ui-rating-cancel.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    display: block;
    font-size: 1.143rem;
    height: 1.25rem;
    width: 1.25rem;
    color: #e74c3c;
    overflow: visible;
}

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

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

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

body .ui-rating .ui-rating-star.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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.143rem;
    height: 1.25rem;
    width: 1.25rem;
    color: #495057;
    overflow: visible;
}

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

body .ui-rating .ui-rating-star a:hover {
    color: #0066CC;
}

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.143rem;
    height: 1.25rem;
    width: 1.25rem;
    color: #0066CC;
}

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

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

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 #b7bfc7;
    position: relative;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    border-radius: var(--base-border-radius);
    background: #ffffff;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
    padding: 0.25rem 0.5rem;
    padding-right: 2rem;
    display: block;
    background: transparent;
    border-radius: var(--base-border-radius);
}

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: 2rem;
    background: transparent;
    border-top-right-radius: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    position: static;
    margin: 0;
    color: #495057;
    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: "\e902";
}

body .ui-selectcheckboxmenu.ui-state-hover {
    border-color: #0066CC;
}

body .ui-selectcheckboxmenu.ui-state-focus {
    border-color: #0066CC;
    outline: 0 none;
    box-shadow: inset 0 0 0 0.15rem #bfd1f6;
}

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

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

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token {
    padding: 1px 0;
    margin: 0 0.25rem 0 0;
    background: #dee2e6;
    color: #495057;
    border-radius: var(--base-border-radius);
}

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: "\e90b";
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token {
    margin: 0;
    padding: 0.125rem 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: #f8f9fa;
}

body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover,
body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover {
    background-color: #f8f9fa;
}

body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus,
body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus {
    background-color: #f8f9fa;
}

body .ui-selectcheckboxmenu-panel {
    padding: 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    border-radius: var(--base-border-radius);
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
    padding: 0.5rem 1rem;
    margin: 0;
    border-bottom: 0 none;
    background: #f8f9fa;
    color: #495057;
    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.25rem;
    float: none;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container {
    padding: 0;
    margin: 0 0.25rem 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.25rem 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: #495057;
}

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

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: #e9ecef;
    color: #495057;
    border-color: transparent;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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: "\e90b";
}

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: #495057;
    border-radius: 0;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover {
    background: #e9ecef;
    color: #495057;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight {
    background: var(--ecovium-50);
    color: var(--ecovium-gray-900);
}

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

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: #ffffff;
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
}

body .ui-selectonelistbox,
body .ui-selectmanymenu {
    padding: 0;
    width: auto;
    min-width: 10rem;
    border: 1px solid #b7bfc7;
    border-radius: var(--base-border-radius);
    background: #ffffff;
}

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: #f8f9fa;
    color: #495057;
    border-top-left-radius: var(--base-border-radius);
    border-top-right-radius: var(--base-border-radius);
}

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.25rem 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: #495057;
}

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

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: #495057;
    border-radius: 0;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

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: #e9ecef;
    color: #495057;
}

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(--ecovium-50);
    color: var(--ecovium-gray-900);
}

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.25rem;
    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: 0.25rem 0.25rem;
}

body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline,
body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #bfd1f6;
}

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: #ffffff;
}

body .ui-selectonemenu {
    vertical-align: middle;
    border: 1px solid #b7bfc7;
    position: relative;
    transform: none;
    padding: 0;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    border-radius: var(--base-border-radius);
    background: #ffffff;
}

body .ui-selectonemenu .ui-selectonemenu-label {
    background: transparent;
    padding-right: 2rem;
    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: 2rem;
    background: transparent;
    border-top-right-radius: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
}

body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    position: static;
    margin: 0;
    color: #495057;
    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: "\e902";
}

body .ui-selectonemenu.ui-state-hover {
    border-color: #0066CC;
}

body .ui-selectonemenu.ui-state-focus {
    border-color: #0066CC;
    outline: 0 none;
    box-shadow: inset 0 0 0 0.15rem #bfd1f6;
}

body .ui-selectonemenu.ui-state-error {
    border-color: #b7bfc7 #b7bfc7 #e4677e #b7bfc7;
}

body .ui-fluid .ui-selectonemenu-label {
    width: calc(100% - 2rem);
    padding: 0.25rem 0.5rem;
}

body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
    width: 2rem;
    padding: 0;
}

body.ui-input-filled .ui-selectonemenu,
body .ui-input-filled .ui-selectonemenu {
    background: #f8f9fa;
}

body.ui-input-filled .ui-selectonemenu.ui-state-hover,
body .ui-input-filled .ui-selectonemenu.ui-state-hover {
    background-color: #f8f9fa;
}

body.ui-input-filled .ui-selectonemenu.ui-state-focus,
body .ui-input-filled .ui-selectonemenu.ui-state-focus {
    background-color: #f8f9fa;
}

body .ui-selectonemenu-panel {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    border-radius: var(--base-border-radius);
}

body .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    padding: 0.5rem 1rem;
    margin: 0;
    border-bottom: 0 none;
    background: #f8f9fa;
    color: #495057;
}

body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield {
    padding: 0.25rem 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: #495057;
}

body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before {
    content: "\e908";
}

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: #f8f9fa;
    border: 1px solid #e9ecef;
    color: #495057;
    font-weight: 600;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
    margin: 0;
    padding: 0.5rem 1rem;
    background: transparent;
    color: #495057;
    outline: 0 none;
    border-radius: 0;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row {
    background: transparent;
    color: #495057;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

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

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: #e9ecef;
    color: #495057;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
    background: var(--ecovium-50);
    color: var(--ecovium-gray-900);
    overflow: auto;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group {
    background: #ffffff;
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
}

body .ui-slider {
    background: #dee2e6;
}

body .ui-slider .ui-slider-handle {
    width: 1.143rem;
    height: 1.143rem;
    background: #ffffff;
    border: 2px solid #0066CC;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    border-radius: 50%;
}

body .ui-slider .ui-slider-handle.ui-state-hover {
    border-color: #0066CC;
    background: #0066CC;
}

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: #0066CC;
}

body .ui-inputtext + .ui-slider {
    margin-bottom: 0.25rem;
}

body .ui-spinner .ui-spinner-input {
    padding-right: 2.25rem;
}

body .ui-spinner .ui-spinner-button.ui-button {
    position: absolute;
    border-radius: 0;
    width: 2rem;
    z-index: 1;
}

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: var(--base-border-radius);
}

body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n {
    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-triangle-1-n:before {
    content: "\e933";
}

body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down {
    border-bottom-right-radius: var(--base-border-radius);
}

body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s {
    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-triangle-1-s:before {
    content: "\e930";
}

body .ui-fluid .ui-spinner .ui-spinner-input {
    padding-right: 2.25rem;
}

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: #ced4da;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    border-radius: 30px;
}

body .ui-toggleswitch .ui-toggleswitch-slider:before {
    position: absolute;
    content: "";
    top: 50%;
    background: #ffffff;
    width: 1.25rem;
    height: 1.25rem;
    left: 0.25rem;
    margin-top: -0.625rem;
    border-radius: 50%;
    transition: transform 0.1s;
}

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 #bfd1f6;
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background: #0066CC;
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
    background: #ffffff;
}

body .ui-breadcrumb {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: var(--base-border-radius);
    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.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    border-radius: var(--base-border-radius);
    margin: 0;
}

body .ui-breadcrumb ul li .ui-menuitem-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text {
    color: #495057;
}

body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon {
    color: #6c757d;
}

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.25rem 0 0.25rem;
    color: #495057;
}

body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before {
    content: "\e901";
}

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: "\e901";
    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.25rem 0 0.25rem;
    color: #495057;
}

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: #6c757d;
    margin: 0;
}

body .ui-breadcrumb ul li:first-child a.ui-icon-home:before {
    content: "\e925";
}

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: #495057;
}

body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon {
    color: #6c757d;
}

body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link {
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    border-radius: var(--base-border-radius);
    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 #bfd1f6;
}

body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text {
    color: #495057;
}

body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon {
    color: #6c757d;
}

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.25rem 0 0.25rem;
    color: #495057;
}

body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before {
    content: "\e901";
}

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: "\e901";
    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.25rem 0 0.25rem;
    color: #495057;
}

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: #6c757d;
    margin: 0;
}

body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before {
    content: "\e925";
}

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: #495057;
}

body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon {
    color: #6c757d;
}

body .ui-menu {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: var(--base-border-radius);
}

body .ui-menu.ui-shadow {
    border: 2px solid var(--ecovium-gray-300);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
}

body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon {
    position: static;
    margin-right: 0.25rem;
}

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: "\e901";
}

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: "\e902";
}

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: #ffffff;
    color: #495057;
    float: none;
    border: 0 none;
    padding: 0.75rem 1rem;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    border-radius: 0;
}

body .ui-menu .ui-menu-list .ui-widget-header h3 {
    padding: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #495057;
    float: none;
}

body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover {
    background: #e9ecef;
    color: #495057;
}

body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon {
    color: #6c757d;
}

body .ui-menu .ui-menu-list .ui-menuitem {
    margin: 0;
    width: 100%;
    border: 0 none;
    float: none;
    border-radius: 0;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

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.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover {
    background: #e9ecef;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon {
    color: #6c757d;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
    color: #495057;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
    margin-right: 0.25rem;
    vertical-align: middle;
    float: none;
    color: #6c757d;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
    float: none;
    vertical-align: middle;
    color: #495057;
}

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: #6c757d;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before {
    content: "\e932";
}

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: #6c757d;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before {
    content: "\e930";
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover {
    background: #e9ecef;
    color: #495057;
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link {
    color: #495057;
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon {
    color: #6c757d;
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
    background: #e9ecef;
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
    color: #495057;
}

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: #6c757d;
}

body .ui-menu .ui-menu-list .ui-menu-child {
    background: #ffffff;
    padding: 0.25rem 0;
}

body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow {
    border-radius: var(--base-border-radius);
    border: 2px solid var(--ecovium-gray-300);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
}

body .ui-menu .ui-menu-list .ui-separator {
    width: 100%;
    margin: 0.25rem 0;
    border-top: 1px solid #dee2e6;
}

body .ui-menu.ui-menubar {
    padding: 0.5rem;
    background: #f8f9fa;
    border-radius: var(--base-border-radius);
}

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: var(--base-border-radius);
}

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.25rem;
    vertical-align: middle;
}

body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options {
    float: right;
    margin-right: 0.25rem;
}

body .ui-menu.ui-slidemenu .ui-slidemenu-backward {
    padding: 0.75rem 1rem;
    color: #495057;
    width: 100%;
    border: 0 none;
    background: #ffffff;
    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.25rem;
}

body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before {
    content: "\e931";
}

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: #ffffff;
    color: #495057;
    float: none;
    border: 0 none;
    padding: 0.75rem 1rem;
    font-weight: 600;
    font-size: 1rem;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: var(--base-border-radius);
}

body .ui-menu.ui-megamenu.ui-megamenu-vertical {
    background: #f8f9fa;
    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 #dee2e6;
    border-top-right-radius: var(--base-border-radius);
    border-top-left-radius: var(--base-border-radius);
}

body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header {
    border-bottom-right-radius: var(--base-border-radius);
    border-bottom-left-radius: var(--base-border-radius);
}

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 #dee2e6;
    border-top: 0 none;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    font-weight: 600;
    margin: 0 0 0 0;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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.25rem;
}

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: "\e901";
}

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: "\e902";
}

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: 1px solid #dee2e6;
    background: #e9ecef;
    color: #495057;
}

body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active {
    border-color: #dee2e6;
    background: #f8f9fa;
    color: #495057;
}

body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057;
}

body .ui-panelmenu .ui-panelmenu-content {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 1px solid #dee2e6;
    margin-top: 0;
    position: static;
    border-top: 0 none;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link {
    padding: 0.75rem 1rem;
    color: #495057;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover {
    background: #e9ecef;
}

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: #6c757d;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
    color: #495057;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.25rem;
    position: static;
    color: #6c757d;
}

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: "\e932";
}

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: "\e930";
}

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: #495057;
    background: #ffffff;
    border: 1px solid #c8c8c8;
    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.25rem;
    color: #6c757d;
}

body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
    background: #0066CC;
    color: var(--ecovium-gray-900);
    border-color: #0066CC;
}

body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
    font-weight: 600;
    color: #495057;
}

body .ui-steps .ui-steps-item:not(.ui-state-highlight) {
    opacity: 0.65;
}

body .ui-steps:before {
    content: " ";
    border-top: 1px solid #dee2e6;
    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: #ffffff;
    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: 1px solid #dee2e6;
    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: #ffffff;
    color: #6c757d;
    top: 0;
    margin: 0;
    border-bottom: 1px solid #dee2e6;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
    color: #6c757d;
    padding: 1rem;
    font-weight: 600;
    display: block;
    line-height: 1;
    outline: 0 none;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon {
    margin-right: 0.25rem;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover {
    background: var(--ecovium-gray-100);
    border-color: #9ba2aa;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a {
    color: #6c757d;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon {
    color: #6c757d;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
    background: #ffffff;
    border-color: #0066CC;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a {
    color: #0066CC;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon {
    color: #0066CC;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

@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 0 1rem;
    border-radius: var(--base-border-radius);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
}

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: 0.5rem;
    right: 0.5rem;
}

body .ui-growl .ui-growl-item-container .ui-icon-closethick:before {
    content: "\e90b";
}

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: #b6e7ff;
    border: solid #027cb7;
    color: #027cb7;
    border-width: 0 0 0 4px;
}

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: #027cb7;
}

body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before {
    content: "\e924";
}

body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon {
    color: #027cb7;
}

body .ui-growl .ui-growl-item-container.ui-growl-warn {
    background: #ffeab8;
    border: solid #FFB300;
    color: #495057;
    border-width: 0 0 0 4px;
}

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: #495057;
}

body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before {
    content: "\e922";
}

body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon {
    color: #495057;
}

body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal {
    background: #ffc4c3;
    border: solid #E53935;
    color: #E53935;
    border-width: 0 0 0 4px;
}

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: #E53935;
}

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: "\e90c";
}

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: #E53935;
}

body .ui-message {
    padding: 0.25rem 0.5rem;
    display: inline-block;
    border-radius: var(--base-border-radius);
}

body .ui-message.ui-message-info {
    background: #b6e7ff;
    border: solid #027cb7;
    border-width: 0 0 0 4px;
    color: #027cb7;
}

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: #027cb7;
    float: none;
    width: auto;
    height: auto;
    position: relative;
    top: 1px;
}

body .ui-message.ui-message-info .ui-message-info-icon:before {
    content: "\e924";
}

body .ui-message.ui-message-info .ui-message-info-detail {
    margin-left: 0.25rem;
}

body .ui-message.ui-message-warn {
    background: #ffeab8;
    border: solid #FFB300;
    border-width: 0 0 0 4px;
    color: #495057;
}

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: #495057;
    float: none;
    width: auto;
    height: auto;
    position: relative;
    top: 1px;
}

body .ui-message.ui-message-warn .ui-message-warn-icon:before {
    content: "\e922";
}

body .ui-message.ui-message-warn .ui-message-warn-detail {
    margin-left: 0.25rem;
}

body .ui-message.ui-message-error, body .ui-message.ui-message-fatal {
    background: #ffc4c3;
    border: solid #E53935;
    border-width: 0 0 0 4px;
    color: #E53935;
}

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: #E53935;
    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: "\e90c";
}

body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail {
    margin-left: 0.25rem;
}

body .ui-message.ui-message-icon-only {
    width: auto;
    height: auto;
}

body .ui-widget + .ui-message {
    margin: 0 0 0 0.25rem;
}

body .ui-messages {
    padding: 0;
    margin: 0;
    font-weight: 500;
    position: relative;
    border-radius: var(--base-border-radius);
}

body .ui-messages > div {
    padding: 1rem 1.5rem;
    margin: 1rem 0;
    border-radius: var(--base-border-radius);
}

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.25rem 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: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
    text-align: center;
    transition: background-color 0.1s;
}

body .ui-messages .ui-messages-close:hover {
    background: #e9ecef;
    color: #495057;
    border-color: transparent;
}

body .ui-messages .ui-messages-close:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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: "\e90b";
}

body .ui-messages .ui-messages-info {
    background: #b6e7ff;
    border: solid #027cb7;
    border-width: 0 0 0 4px;
    color: #027cb7;
}

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.25rem 0 0;
    color: #027cb7;
}

body .ui-messages .ui-messages-info .ui-messages-info-icon:before {
    content: "\e924";
}

body .ui-messages .ui-messages-info .ui-messages-close {
    background: #b6e7ff;
    color: #027cb7;
}

body .ui-messages .ui-messages-info .ui-messages-close:hover {
    background: #9ddfff;
}

body .ui-messages .ui-messages-warn {
    background: #ffeab8;
    border: solid #FFB300;
    border-width: 0 0 0 4px;
    color: #495057;
}

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.25rem 0 0;
    color: #495057;
}

body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before {
    content: "\e922";
}

body .ui-messages .ui-messages-warn .ui-messages-close {
    background: #ffeab8;
    color: #495057;
}

body .ui-messages .ui-messages-warn .ui-messages-close:hover {
    background: #ffe29f;
}

body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal {
    background: #ffc4c3;
    border: solid #E53935;
    border-width: 0 0 0 4px;
    color: #E53935;
}

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.25rem 0 0;
    color: #E53935;
}

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: "\e90c";
}

body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close {
    background: #ffc4c3;
    color: #E53935;
}

body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover {
    background: #ffabaa;
}

body .ui-avatar {
    background-color: #dee2e6;
    border-radius: var(--base-border-radius);
}

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 #ffffff;
}

body .ui-badge {
    background: #0066CC;
    color: #ffffff;
    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: #0066CC;
    color: #ffffff;
}

body .ui-badge.ui-badge-success {
    background: #4CAF50;
    color: #ffffff;
}

body .ui-badge.ui-badge-info {
    background: #03A9F4;
    color: #ffffff;
}

body .ui-badge.ui-badge-warning {
    background: #FFC107;
    color: #495057;
}

body .ui-badge.ui-badge-danger {
    background: #f44336;
    color: #ffffff;
}

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: #dee2e6;
    color: #495057;
    border-radius: 16px;
    padding: 0 0.5rem;
}

body .ui-chip .ui-chip-text {
    line-height: 1.5;
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
}

body .ui-chip .ui-chip-icon {
    margin-right: 0.25rem;
}

body .ui-chip img {
    width: 1.75rem;
    height: 1.75rem;
    margin-left: -0.5rem;
    margin-right: 0.25rem;
}

body .ui-chip .ui-chip-remove-icon {
    margin-left: 0.25rem;
    border-radius: var(--base-border-radius);
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-chip .ui-chip-remove-icon:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

body .ui-clock {
    border: 1px solid transparent;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
}

body .ui-galleria .ui-galleria-close {
    margin: 0.5rem;
    background: transparent;
    color: #ebedef;
    width: 4rem;
    height: 4rem;
    transition: background-color 0.1s, color 0.1s, box-shadow 0.1s, opacity 0.1s ease-in-out;
    border-radius: 50%;
}

body .ui-galleria .ui-galleria-close .ui-galleria-close-icon {
    font-size: 2rem;
}

body .ui-galleria .ui-galleria-close:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #ebedef;
}

body .ui-galleria .ui-galleria-item-nav {
    background: rgba(0, 0, 0, 0.2);
    color: #aeb6bf;
    width: 4rem;
    height: 4rem;
    transition: background-color 0.1s, color 0.1s, box-shadow 0.1s, opacity 0.1s ease-in-out;
    border-radius: var(--base-border-radius);
    margin: 0.5rem 0;
}

body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    font-size: 2rem;
}

body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before {
    content: "\e900";
}

body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    font-size: 2rem;
}

body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before {
    content: "\e901";
}

body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover {
    background: rgba(0, 0, 0, 0.3);
    color: #ebedef;
}

body .ui-galleria .ui-galleria-caption-item {
    background: rgba(0, 0, 0, 0.5);
    color: #ebedef;
    padding: 1rem;
}

body .ui-galleria .ui-galleria-indicators {
    padding: 1rem;
}

body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button {
    background-color: #e9ecef;
    width: 1rem;
    height: 1rem;
    transition: background-color 0.1s, color 0.1s, box-shadow 0.1s, opacity 0.1s ease-in-out;
    border-radius: 50%;
}

body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover {
    background: #dee2e6;
}

body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button {
    background: #0066CC;
    color: var(--ecovium-gray-900);
}

body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator {
    margin-right: 0.25rem;
}

body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator {
    margin-bottom: 0.25rem;
}

body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators {
    background: rgba(0, 0, 0, 0.5);
}

body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button {
    background: rgba(255, 255, 255, 0.4);
}

body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover {
    background: rgba(255, 255, 255, 0.6);
}

body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button {
    background: #0066CC;
    color: var(--ecovium-gray-900);
}

body .ui-galleria .ui-galleria-thumbnail-container {
    background: rgba(0, 0, 0, 0.9);
    padding: 0.8rem 0.25rem;
}

body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev,
body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next {
    margin: 0.25rem;
    background-color: transparent;
    color: #aeb6bf;
    width: 2rem;
    height: 2rem;
    transition: background-color 0.1s, color 0.1s, box-shadow 0.1s, opacity 0.1s ease-in-out;
    border-radius: 50%;
}

body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover,
body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #aeb6bf;
}

body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e,
body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before,
body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before {
    content: "\e901";
}

body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s,
body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before,
body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before {
    content: "\e902";
}

body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w,
body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before,
body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before {
    content: "\e900";
}

body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n,
body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
}

body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before,
body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before {
    content: "\e903";
}

body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content {
    transition: background-color 0.1s, border-color 0.1s, box-shadow 0.1s;
    margin: 0.2rem;
    margin-left: 0;
    margin-right: 0;
}

body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content {
    margin: 0.2rem;
}

body .ui-galleria .ui-galleria-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

.ui-galleria-mask.ui-widget-overlay {
    background-color: rgba(0, 0, 0, 0.9);
}

body .ui-log {
    padding: 0;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
    border: 2px solid var(--ecovium-gray-300);
    border-radius: var(--base-border-radius);
    height: auto;
}

body .ui-log .ui-log-header {
    background: #ffffff;
    color: #495057;
    font-weight: 600;
    border-bottom: 1px solid #dee2e6;
    padding: 1.5rem;
    height: auto;
}

body .ui-log .ui-log-header .ui-log-button {
    display: inline-block;
    position: static;
    margin-right: 0.25rem;
    padding: 2px;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: #e9ecef;
    color: #495057;
    border-color: transparent;
}

body .ui-log .ui-log-header .ui-log-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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: "\e93d";
}

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: "\e9a8";
}

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: "\e924";
}

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: "\e989";
}

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: "\e908";
}

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: "\e922";
}

body .ui-log .ui-log-content {
    background: var(--ecovium-gray-100);
    color: #495057;
    border: 0 none;
    padding: 0 1.5rem;
    border: 0 none;
    overflow: auto;
}

body .ui-progressbar {
    border: 0 none;
    height: 1.5rem;
    background: #dee2e6;
    border-radius: var(--base-border-radius);
}

body .ui-progressbar .ui-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #0066CC;
    border-radius: var(--base-border-radius);
}

body .ui-progressbar .ui-progressbar-label {
    margin-top: 0;
    color: #495057;
    line-height: 1.5rem;
}

body .ui-scrolltop {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: #f8f9fa;
}

body .ui-skeleton {
    background-color: #e9ecef;
    border-radius: var(--base-border-radius);
}

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: #0066CC;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: var(--base-border-radius);
}

body .ui-tag:not(.ui-widget) {
    display: inline-block;
    text-align: center;
    line-height: 1;
}

body .ui-tag.ui-tag-success {
    background: #4CAF50;
    color: #ffffff;
}

body .ui-tag.ui-tag-info {
    background: #03A9F4;
    color: #ffffff;
}

body .ui-tag.ui-tag-warning {
    background: #FFC107;
    color: #495057;
}

body .ui-tag.ui-tag-danger {
    background: #f44336;
    color: #ffffff;
}

body .ui-tag.ui-tag-rounded {
    border-radius: 10rem;
}

body .ui-tag .ui-tag-icon {
    margin-right: 0.125rem;
    font-size: 0.75rem;
}

body .ui-terminal {
    background: #ffffff;
    color: #495057;
    border: 1px solid transparent;
    padding: 1rem;
}

body .ui-confirm-popup {
    background: #ffffff;
    color: #495057;
    border: 2px solid var(--ecovium-gray-300);
    border-radius: var(--base-border-radius);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
}

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.25rem 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: #ffffff;
}

body .ui-confirm-popup:before {
    border-style: solid;
    border-color: rgba(var(--ecovium-gray-300), 0);
    border-bottom-color: var(--ecovium-gray-300);
}

body .ui-confirm-popup.ui-confirm-popup-flipped:after {
    border-top-color: #ffffff;
}

body .ui-confirm-popup.ui-confirm-popup-flipped:before {
    border-top-color: var(--ecovium-gray-300);
}

body .ui-confirm-popup .ui-confirm-popup-icon {
    font-size: 1.5rem;
}

body .ui-confirm-popup .ui-confirm-popup-message {
    margin-left: 0.5rem;
}

body .ui-dialog {
    padding: 0;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
    border: 2px solid var(--ecovium-gray-300);
    border-radius: var(--base-border-radius);
}

body .ui-dialog .ui-dialog-titlebar {
    background: #ffffff;
    color: #495057;
    font-weight: 600;
    border-bottom: 1px solid #dee2e6;
    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.25rem;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: #e9ecef;
    color: #495057;
    border-color: transparent;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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: "\e90b";
}

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: "\e90f";
}

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: "\e90d";
}

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: "\e93b";
}

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: "\e93a";
}

body .ui-dialog .ui-dialog-content {
    background: var(--ecovium-gray-100);
    color: #495057;
    border: 0 none;
    padding: 0 1.5rem;
    border: 0 none;
}

body .ui-dialog .ui-dialog-footer {
    border-top: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 1.5rem;
    margin: 0;
    text-align: right;
}

body .ui-dialog .ui-dialog-footer button {
    margin: 0 0.25rem 0 0;
    width: auto;
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content {
    padding: 1rem 2rem;
    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.25rem;
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon {
    margin-right: 0.25rem;
    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: "\e922";
}

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: "\e924";
}

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: "\e90c";
}

body .ui-dialog.ui-resizable .ui-dialog-content {
    box-sizing: content-box;
}

body .ui-dialog.ui-message-dialog .ui-dialog-content {
    padding: 1rem 2rem;
    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.25rem;
}

body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message {
    margin-right: 0.25rem;
    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: "\e922";
}

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: "\e922";
}

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: "\e90c";
}

body .ui-lightbox {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
}

body .ui-lightbox .ui-lightbox-caption {
    border: 1px solid #dee2e6;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    font-weight: 600;
}

body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text {
    color: #495057;
    margin: 0;
}

body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
    padding: 0;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: #e9ecef;
    color: #495057;
    border-color: transparent;
}

body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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: "\e90b";
}

body .ui-lightbox .ui-lightbox-content-wrapper {
    overflow: hidden;
    background: #ffffff;
    color: #495057;
    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.1s;
    font-size: 24px;
    margin-left: 4px;
    color: #ffffff;
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before {
    content: "\e900";
}

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.1s;
    font-size: 24px;
    margin-right: 4px;
    color: #ffffff;
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before {
    content: "\e901";
}

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: #ffffff;
    color: #495057;
    padding: 0;
    border: 2px solid var(--ecovium-gray-300);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
    border-radius: var(--base-border-radius);
}

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: #0066CC;
    color: var(--white);
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    border-radius: 50%;
    text-align: center;
    line-height: 2rem;
    padding: 0;
}

body .ui-overlaypanel .ui-overlaypanel-close:hover {
    background: var(--ecovium-700);
    color: var(--white);
}

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: "\e90b";
}

body .ui-sidebar {
    background: #ffffff;
    color: #495057;
    padding: 1rem;
    border: 2px solid var(--ecovium-gray-300);
    box-shadow: none;
}

body .ui-sidebar .ui-sidebar-close {
    padding: 0;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: #e9ecef;
    color: #495057;
    border-color: transparent;
}

body .ui-sidebar .ui-sidebar-close:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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: "\e90b";
}

body .ui-sidebar.ui-sidebar-active {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
}

body .ui-tooltip .ui-tooltip-text {
    background: #495057;
    color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
    border-radius: var(--base-border-radius);
}

body .ui-tooltip.ui-state-error {
    border: 0 none;
}

body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
    border-right-color: #495057;
}

body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
    border-left-color: #495057;
}

body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
    border-top-color: #495057;
}

body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
    border-bottom-color: #495057;
}

body .ui-accordion .ui-accordion-header {
    border: 1px solid #dee2e6;
    border-top: 0 none;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    font-weight: 600;
    margin-top: 0;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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 #dee2e6;
    border-top-right-radius: var(--base-border-radius);
    border-top-left-radius: var(--base-border-radius);
}

body .ui-accordion .ui-accordion-header.ui-accordion-header-last {
    border-bottom-right-radius: var(--base-border-radius);
    border-bottom-left-radius: var(--base-border-radius);
}

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: 1px solid #dee2e6;
    background: #e9ecef;
    color: #495057;
}

body .ui-accordion .ui-accordion-header.ui-state-active {
    border-color: #dee2e6;
    background: #f8f9fa;
    color: #495057;
}

body .ui-accordion .ui-accordion-header.ui-state-active:hover {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057;
}

body .ui-accordion .ui-accordion-header:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

body .ui-accordion .ui-accordion-header > .ui-icon {
    position: static;
    display: inline-block;
    margin: 0 0.25rem 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: "\e901";
}

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: "\e902";
}

body .ui-accordion .ui-accordion-content {
    border: 1px solid transparent;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
    margin: 0;
    position: static;
    border-top: 0 none;
}

body .ui-accordion .ui-accordion-content:last-of-type {
    border-bottom-right-radius: var(--base-border-radius);
    border-bottom-left-radius: var(--base-border-radius);
}

body .ui-card {
    background: #ffffff;
    color: #495057;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    border-radius: var(--base-border-radius);
}

body .ui-card .ui-card-body {
    padding: 1rem;
}

body .ui-card .ui-card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

body .ui-card .ui-card-subtitle {
    font-weight: 700;
    margin-bottom: 0.25rem;
    color: #6c757d;
}

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: #0066CC;
}

body .ui-divider .ui-divider-content {
    background-color: #ffffff;
}

body .ui-divider.ui-divider-horizontal {
    margin: 0.25rem 0 !important;
    padding: 0 1rem;
}

body .ui-divider.ui-divider-horizontal:before {
    border-top: 1px #dee2e6;
}

body .ui-divider.ui-divider-horizontal .ui-divider-content {
    padding: 0 0.25rem;
}

body .ui-divider.ui-divider-vertical {
    margin: 0 1rem;
    padding: 1rem 0;
}

body .ui-divider.ui-divider-vertical:before {
    border-left: 1px #dee2e6;
}

body .ui-divider.ui-divider-vertical .ui-divider-content {
    padding: 0.25rem 0;
}

body .ui-fieldset {
    border: 1px solid transparent;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
    border-radius: var(--base-border-radius);
}

body .ui-fieldset .ui-fieldset-legend {
    border: 1px solid #dee2e6;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    font-weight: 600;
    border-radius: var(--base-border-radius);
    user-select: none;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
    display: inline-block;
    float: none;
    margin-right: 0.25rem;
}

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: "\e90f";
}

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: "\e90d";
}

body .ui-fieldset .ui-fieldset-legend.ui-state-hover {
    outline: 0 none;
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057;
}

body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon {
    color: #495057;
}

body .ui-fieldset .ui-fieldset-legend.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

body .ui-notificationbar {
    background: #ffffff;
    color: #495057;
    padding: 1rem;
    border: 1px solid transparent;
}

body .ui-panel {
    padding: 0;
}

body .ui-panel .ui-panel-title {
    margin: 0;
}

body .ui-panel .ui-panel-titlebar {
    border: 1px solid #dee2e6;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    font-weight: 600;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: var(--base-border-radius);
    border-top-right-radius: var(--base-border-radius);
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
    margin: 0;
    margin-left: 0.25rem;
    width: 2rem;
    height: 2rem;
    background: transparent;
    color: #6c757d;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    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: #e9ecef;
    color: #495057;
    border-color: transparent;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #bfd1f6;
}

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: "\e90b";
}

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: "\e90f";
}

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: "\e90d";
}

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: "\e94a";
}

body .ui-panel .ui-panel-titlebar + .ui-panel-content {
    border-top: 0 none;
}

body .ui-panel .ui-panel-content {
    border: 1px solid transparent;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
}

body .ui-panel .ui-panel-footer {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.5rem 1rem;
    margin: 0;
    border-top: 0 none;
}

body .ui-panel > div:last-of-type {
    border-bottom-left-radius: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
}

body .ui-panel.ui-panel-collapsed .ui-panel-titlebar {
    border-bottom-left-radius: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
}

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 transparent;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
}

body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header {
    border: 1px solid #dee2e6;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    font-weight: 600;
}

body .ui-scrollpanel {
    border: 1px solid transparent;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
}

body .ui-scrollpanel .ui-scrollpanel-drag {
    background: #dadada;
}

body .ui-scrollpanel .ui-scrollpanel-track {
    background: #f8f9fa;
    border: 0 none;
}

body .ui-scrollpanel .ui-scrollpanel-corner {
    background: #f8f9fa;
}

body .ui-splitter {
    border: 1px solid transparent;
    background: #ffffff;
    border-radius: var(--base-border-radius);
    color: #495057;
}

body .ui-splitter .ui-splitter-gutter {
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    background: #f8f9fa;
}

body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle {
    background: #dee2e6;
}

body .ui-splitter .ui-splitter-gutter-resizing {
    background: #dee2e6;
}

body .ui-tabs {
    padding: 0;
    position: static;
}

body .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    background: #ffffff;
    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: #ffffff;
    color: #6c757d;
    margin: 0;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header a {
    color: #6c757d;
    padding: 0;
    font-weight: 600;
    display: block;
    line-height: 1;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

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.25rem;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before {
    content: "\e90b";
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    background: var(--ecovium-gray-100);
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a {
    color: #6c757d;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon {
    color: #6c757d;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    background: #ffffff;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
    color: #0066CC;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon {
    color: #0066CC;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #bfd1f6;
}

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(--ecovium-gray-50);
    color: #495057;
    padding: 0;
    margin: 0;
    position: static;
    border-bottom-left-radius: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
}

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: 1px solid #dee2e6;
    left: 0;
    bottom: 0;
    width: 100%;
}

body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header {
    top: 0;
    border-bottom: 1px solid #dee2e6;
}

body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    border-color: #9ba2aa;
}

body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color: #0066CC;
}

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: 1px solid #dee2e6;
    left: 0;
    top: 0;
    width: 100%;
}

body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header {
    top: 0;
    border-top: 1px solid #dee2e6;
}

body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    border-color: #9ba2aa;
}

body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color: #0066CC;
}

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: 1px solid #dee2e6;
}

body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header {
    top: 0;
    border-left: 1px solid #dee2e6;
    left: -2px;
}

body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    border-color: #9ba2aa;
}

body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color: #0066CC;
}

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: 1px solid #dee2e6;
    margin-right: -2px;
}

body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    border-color: #9ba2aa;
}

body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color: #0066CC;
}

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: #ffffff;
    color: #6c757d;
    outline: 0 none;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
}

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: "\e900";
}

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: "\e901";
}

body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover {
    background: #e9ecef;
    color: #495057;
}

body .ui-toolbar {
    border: 1px solid #dee2e6;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    border-radius: var(--base-border-radius);
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
    border: 1px solid #dee2e6;
    background: #f8f9fa;
    color: #495057;
    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: var(--base-border-radius);
    border-bottom-left-radius: var(--base-border-radius);
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child {
    border-top-right-radius: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
    border-right: 1px solid #dee2e6;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
    background: #0066CC;
    color: var(--ecovium-gray-900);
}

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: "\e91a";
}

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: "\e91b";
}

body .ui-button {
    margin-right: 0.2rem;
}

body .ui-button.ui-button-secondary {
    border: 1px solid var(--ecovium-500-main) !important;
}

body .ui-button.ui-button-secondary .ui-icon {
    color: #ffffff;
}

body .ui-button.ui-button-secondary.ui-state-focus {
    border: 1px solid var(--ecovium-500-main) !important;
}

body .ui-button.ui-button-secondary.ui-button-outlined {
    color: #0066CC;
    border: 1px solid #0066CC;
}

body .ui-button.ui-button-secondary.ui-button-outlined .ui-icon {
    color: #0066CC;
}

body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover {
    background: rgba(0, 102, 204, 0.04);
    color: #0066CC;
}

body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active {
    background: rgba(0, 102, 204, 0.16);
    color: #0066CC;
}

body .ui-button.ui-button-secondary.ui-button-flat {
    color: #0066CC;
    border: none !important;
}

body .ui-button.ui-button-secondary.ui-button-flat .ui-icon {
    color: #0066CC;
}

body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover {
    background: rgba(0, 102, 204, 0.04);
    color: #0066CC;
}

body .ui-button.ui-button-secondary.ui-button-flat:enabled:active {
    background: rgba(0, 102, 204, 0.16);
    color: #0066CC;
}

body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
    margin-right: 0;
}

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

body .ui-spinner .ui-spinner-button.ui-button {
    margin-right: 0;
}

body .ui-rating .ui-rating-star.ui-state-focus {
    box-shadow: none;
}

body .ui-rating .ui-rating-cancel.ui-state-focus {
    box-shadow: none;
    background: rgba(244, 67, 54, 0.04);
}

body .ui-button .ui-button-text {
    line-height: 1.4rem;
}

body .ui-selectcheckboxmenu {
    line-height: 1.5rem;
}

body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon, body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon {
    line-height: 1.2rem;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child {
    margin-right: -0.1rem;
}

body .startHeader .ui-button.ui-button-icon-only, body .ui-datatable-footer .ui-button.ui-button-icon-only, body .emailTemplate .ui-tabs-header .ui-button.ui-button-icon-only {
    height: 2rem;
}

body .startHeader .moduleMenu .ui-button.ui-button-icon-only {
    height: 2.15rem;
}

body .ui-button.ui-button-text-icon-left .ui-icon {
    margin-top: -0.47rem;
}

body .ui-commandlink,
body .ui-link,
body .ui-commandlink:hover,
body .ui-link:hover,
body .ui-commandlink:active,
body .ui-link:active {
    color: inherit;
    text-decoration: underline;
}

body .ui-toggleswitch {
    width: 2.25rem;
    height: 1.25rem;
}

body .ui-toggleswitch .ui-toggleswitch-slider:before {
    width: 0.86rem;
    height: 0.86rem;
    margin-top: -0.45rem;
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
    transform: translateX(0.9rem);
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header {
    height: 3rem;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    background: var(--ecovium-gray-100) !important;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
    text-decoration: none !important;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover, body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-width: 2px !important;
    padding-bottom: calc(1rem - 1px);
    padding-top: calc(1rem + 1px);
}

body .ui-fileupload .ui-fileupload-content {
    z-index: 0;
    position: relative;
    padding: 0 1rem;
    min-height: 9rem;
    min-width: 18rem;
}

body .ui-fileupload .ui-fileupload-content::before {
    content: "";
    -webkit-mask: url(../images/upload.svg) no-repeat 50% 50%;
    mask: url(../images/upload.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    height: 3.25rem;
    width: 100%;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 1.8rem;
}

body .ui-fileupload .ui-fileupload-content::after {
    font-size: 1rem;
    text-align: center;
    width: 100%;
    top: 5.5rem;
    z-index: 0;
    position: absolute;
    left: 0;
    white-space: pre-line;
}

body .ui-fileupload .ui-fileupload-content:active {
    border-color: var(--ecovium-gray-400-subordinate);
    background-color: var(--ecovium-gray-50);
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-messages {
    z-index: 1;
    background-color: white;
    padding: 1.5rem 1rem 1rem 0px;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-messages .ui-messages-close {
    top: 1rem;
    right: 0rem;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-messages li {
    min-width: 20rem;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-messages li span {
    display: block;
    white-space: initial;
    overflow-wrap: break-word;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-files {
    margin: 0;
    width: 100%;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row {
    display: block;
    background-color: white;
    padding: 1rem 0;
    z-index: 1;
    position: relative;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row:first-child {
    padding-top: 2.5rem;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row:last-child {
    padding-bottom: 2.5rem;
}

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

body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div.ui-fileupload-preview, body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div.ui-fileupload-filename, body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div.ui-fileupload-progress {
    padding-left: 0;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div.ui-fileupload-filename + div {
    display: inline-block;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div:last-of-type {
    padding-right: 0;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-progress {
    width: 100%;
    min-width: 3rem;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-progress .ui-progressbar {
    width: 100% !important;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-files.files-visible::before, body .ui-fileupload .ui-fileupload-content .ui-fileupload-files.files-visible::after {
    display: none;
}

body .ui-fieldset {
    padding: 0.75rem;
}

body .ui-fieldset .ui-fieldset-legend {
    padding: 0.2rem 0.5rem;
    border: none !important;
}

body .ui-fieldset.ui-fieldset-toggleable > .ui-fieldset-legend:first-child {
    padding: 0.2rem 0.5rem !important;
}

body .colorSchemeConfig .ui-fieldset .ui-fieldset-legend {
    width: calc(100% + 1.5rem + 2px);
    margin-left: calc(-0.75rem - 1px);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0.5rem 0.75rem;
}

body .colorSchemeConfig .grid-container-3 {
    row-gap: 1rem;
    column-gap: 0.5rem;
}

Body .ui-treetable,
Body .ui-datatable {
    background-color: var(--white);
}

.ui-datatable thead th .ui-sortable-column-badge {
    margin-left: 0.5rem;
}

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

.ui-datatable thead th.ui-state-hover .ui-icon.ui-sortable-column-icon, .ui-datatable thead th.ui-state-active .ui-icon.ui-sortable-column-icon, .ui-datatable thead th.ui-state-focus .ui-icon.ui-sortable-column-icon {
    opacity: 1;
}

.ui-datatable .ui-datatable-data > tr.ui-state-highlight {
    background: var(--ecovium-100);
    color: #495057;
}

.ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler {
    color: #495057;
}

.ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a {
    color: #495057;
}

body .ui-wizard {
    width: 100%;
    margin: auto;
    max-width: 1600px;
}

body .ui-wizard .ui-wizard-step-titles {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.55);
    border-radius: var(--base-border-radius);
    margin-bottom: 0.75rem;
    height: 4rem;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
    padding: 1rem;
    text-align: center;
    -webkit-clip-path: polygon(calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 0% 100%, calc(0% + 1rem) 50%, 0 0);
    clip-path: polygon(calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 0% 100%, calc(0% + 1rem) 50%, 0 0);
    padding: 0;
    height: inherit;
    display: flex;
    align-items: center;
    margin-left: -0.5rem;
    position: relative;
    border-radius: var(--base-border-radius);
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-of-type {
    -webkit-clip-path: polygon(calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 0% 100%, 0 0);
    clip-path: polygon(calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 0% 100%, 0 0);
    margin-left: 0;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title::after {
    content: "";
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, calc(50% - 1px) 100%, calc(100% - 1px) 50%, calc(50% - 1px) 0);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, calc(50% - 1px) 100%, calc(100% - 1px) 50%, calc(50% - 1px) 0);
    width: 2rem;
    display: inherit;
    height: inherit;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title::before {
    content: "";
    -webkit-clip-path: polygon(1px 0, calc(50% + 1px) 50%, 1px 100%, 0% 100%, 50% 50%, 0 0);
    clip-path: polygon(1px 0, calc(50% + 1px) 50%, 1px 100%, 0% 100%, 50% 50%, 0 0);
    width: 2rem;
    display: inherit;
    height: inherit;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-of-type::before {
    content: "";
    -webkit-clip-path: polygon(0 0, 0 0);
    clip-path: polygon(0 0, 0 0);
    width: 1.5rem;
    display: inherit;
}

body .ui-wizard .ui-wizard-content {
    min-height: 240px;
    background-color: var(--white);
    border-radius: 0;
    border-top-right-radius: var(--base-border-radius);
    border-top-left-radius: var(--base-border-radius);
    margin-bottom: 0.75rem;
    padding: 1.5rem 2rem;
}

body .ui-wizard .ui-wizard-navbar {
    background-color: var(--white);
    border-radius: 0;
    border-bottom-right-radius: var(--base-border-radius);
    border-bottom-left-radius: var(--base-border-radius);
    padding: 0.5rem 1rem;
}

body .ui-wizard .wizardFinalBt {
    position: relative;
    right: -91%;
    top: 52px;
}

body .ui-outputpanel.editOutputPanel {
    width: fit-content;
}

body .ui-outputpanel.editOutputPanel .ui-panel,
body .ui-outputpanel.editOutputPanel .editOutputPanelTable {
    margin-top: 0.75rem;
}

body .ui-outputpanel.editOutputPanel .ui-panel .panel-medium600,
body .ui-outputpanel.editOutputPanel .editOutputPanelTable .panel-medium600 {
    min-width: 600px;
}

body .ui-outputpanel.editOutputPanel.outputpanel-medium600 {
    min-width: 600px;
}

body .ui-panel.editOutputPanel {
    width: fit-content;
    margin-top: 0.75rem;
}

body .ui-panel.editOutputPanel.panel-medium600 {
    min-width: 600px;
}

body span.editOutputPanel {
    width: fit-content;
    margin-top: 0.75rem;
    display: block;
}

body span.editOutputPanel.outputpanel-medium600 {
    min-width: 600px;
}

body .boxBorder {
    border: 1px solid var(--surface-400) !important;
}

body .noBorder {
    border: 0px;
}

body .bottomBorder {
    border-bottom: 1px solid var(--surface-400) !important;
}

body .basicSpacer {
    width: 100%;
    height: 0.75rem;
    display: block;
}

body .noWrap {
    white-space: nowrap;
}

body .noWrap span {
    white-space: nowrap !important;
}

body .block-100 {
    display: block;
    width: 100%;
}

body .flexDisplay {
    display: flex;
}

body .addressLogo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: 1px solid var(--surface-400);
    border-radius: var(--base-border-radius);
    height: 14rem;
    padding: 1rem;
    margin-top: 1px;
    background: #ffffff;
    outline: 0 none;
}

body .addressLogo img {
    max-height: calc(12rem - 2px);
    max-width: 100%;
}

body .startHeader .header--right, body .startHeader .header--left {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
}

body .wiki-link {
    font-size: 1.3rem;
}

body .form--card__top-margin {
    margin-top: 1rem;
}

body .form--card--subtitle {
    margin: 1rem 0 0.5rem;
    display: inline-block;
}

body .form--card--table__border-collapse table {
    border-collapse: collapse;
}

body .form--card--table__border-collapse table td {
    margin-right: 0.2rem;
}

body .message--filter-alert {
    font-weight: bold;
    color: red;
}

body .embeddableGrid {
    display: grid;
    grid-template-columns: 100%;
    row-gap: 0.5em;
    overflow-x: clip;
}

body .borderauOrder--topMessage {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
}

body .grid--buttons__basic {
    display: flex;
    column-gap: 0.25rem;
    position: relative;
}

body .grid--buttons__basic > .message--filter-alert {
    width: 100%;
    position: absolute;
}

body .grid--buttons__basic > .message--filter-alert + div {
    margin-top: 1.5rem;
}

body .grid--buttons__basic#rightHandSizeButtons {
    margin-left: auto;
}

.dispoMonitor .timelineMenu {
    position: fixed;
    right: 2.5rem;
}

body .tsc--generalSettings--details {
    margin-bottom: 2rem;
}

body .tsc--generalSettings--details:last-of-type {
    margin-bottom: 0;
}

body .tsc--generalSettings--details .tsc--generalSettings--chkbox {
    margin-bottom: 0.5rem;
}

body .tsc--generalSettings--details .tsc--generalSettings--chkbox.ui-chkbox .ui-chkbox-label {
    max-inline-size: none !important;
}

body .tsc--generalSettings--details .tsc--generalSettings--list {
    display: grid;
    grid-template-columns: auto;
    row-gap: 0.5rem;
}

body .tsc--generalSettings--details .tsc--generalSettings--list label {
    font-weight: 500;
}

body .tsc--generalSettings--details .tsc--generalSettings--list .ui-selectmanymenu.ui-state-disabled .ui-selectlistbox-listcontainer {
    overflow: auto;
}

body.SuperGrid.SuperGridStart #document {
    width: inherit;
}

body.SuperGrid.SuperGridStart #document #menuContainer {
    width: inherit;
}

body.SuperGrid.SuperGridStart #document #menuContainer #content {
    width: inherit;
}

body.SuperGrid.SuperGridStart #document #menuContainer #content.leftPanelMenu {
    width: calc(100vw - 1.5em - 262px);
}

body.SuperGrid #header {
    height: auto;
    display: grid;
    align-content: stretch;
    grid-column: 1/-1;
    z-index: 3;
}

body.SuperGrid #header form {
    display: grid;
}

body.SuperGrid #header .startHeader {
    display: flex;
    align-items: center;
    width: 100%;
    align-self: stretch;
    padding: 0.25rem 0.5rem;
}

body.SuperGrid #header .startHeader .ui-commandlink,
body.SuperGrid #header .startHeader .ui-link,
body.SuperGrid #header .startHeader .ui-commandlink:hover,
body.SuperGrid #header .startHeader .ui-link:hover,
body.SuperGrid #header .startHeader .ui-commandlink:active,
body.SuperGrid #header .startHeader .ui-link:active {
    text-decoration: none;
}

body.SuperGrid #header .startHeader .header--left span.header--division {
    display: inline-block;
    height: 0.75rem;
    width: 1px;
    margin: 0 0.25rem;
}

body.SuperGrid #header .startHeader .header--right, body.SuperGrid #header .startHeader .header--left {
    display: flex;
    align-items: center;
}

body.SuperGrid #header .startHeader .header--right .fa-2x, body.SuperGrid #header .startHeader .header--left .fa-2x {
    font-size: 1.3rem;
}

body.SuperGrid #header .startHeader .header--left {
    column-gap: 0.75rem;
}

body.SuperGrid #header .startHeader .header--left .startHeaderText {
    align-self: baseline;
}

body.SuperGrid #header .startHeader .header--left .startHeaderText div {
    padding-left: unset;
}

body.SuperGrid #header .startHeader .header--right {
    column-gap: 0.25rem;
}

body.SuperGrid #header .startHeader .header--right a {
    display: flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    background: none;
}

body.SuperGrid #header .startHeader .header--right a:hover {
    border-radius: var(--base-border-radius);
    box-shadow: none;
}

body.SuperGrid #header .startHeader .moduleMenu {
    flex-direction: column;
    align-items: stretch;
    top: 2.75rem;
    left: 0;
    white-space: normal;
    border-radius: 0 0 calc(2 * var(--base-border-radius)) calc(2 * var(--base-border-radius));
    height: fit-content;
    max-height: calc(100% - 3.25rem - 1rem);
}

body.SuperGrid #header .startHeader .moduleMenu .searchMenu--wrapper {
    display: grid;
    grid-template-columns: auto 0;
    align-items: baseline;
}

body.SuperGrid #header .startHeader .moduleMenu .searchMenu--wrapper .leftPanelMenu--search {
    padding: 0.75rem 1rem;
}

body.SuperGrid #header .startHeader .moduleMenu .ui-panelmenu .ui-menu-list {
    padding-bottom: 0.75rem;
}

body.SuperGrid #header .startHeader .moduleMenu .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link {
    padding: 0.65rem 0.75rem;
}

body.SuperGrid.SuperGridDispo .moduleMenu {
    height: calc(100% - 2.25rem) !important;
}

body.SuperGrid.SuperGridDispoMonitor #content {
    width: 100%;
}

body.SuperGrid.SuperGridGen #document {
    display: unset;
}

body.SuperGrid.SuperGridStart #document, body.SuperGrid.SuperGridGen #document.prestar--document {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: min-content 1fr min-content;
}

body.SuperGrid.SuperGridStart, body.SuperGrid.SuperGridGen {
    overflow: hidden;
    min-width: 720px;
}

body.SuperGrid.SuperGridStart .administration, body.SuperGrid.SuperGridGen .administration {
    margin-top: 0;
    padding-bottom: 1rem;
}

body.SuperGrid.SuperGridStart .min-w-1240, body.SuperGrid.SuperGridGen .min-w-1240 {
    min-width: unset;
}

body.SuperGrid.SuperGridStart #document #header, body.SuperGrid.SuperGridGen #document #header {
    position: unset;
    top: auto;
    height: auto;
}

body.SuperGrid.SuperGridStart #document form:not(#header form)#menuForm, body.SuperGrid.SuperGridStart #document form:not(#header form)#panelMenuForm, body.SuperGrid.SuperGridGen #document form:not(#header form)#menuForm, body.SuperGrid.SuperGridGen #document form:not(#header form)#panelMenuForm {
    display: grid;
    overflow-y: hidden;
    height: 100%;
    grid-template-rows: auto 1fr auto;
    align-items: baseline;
}

body.SuperGrid.SuperGridStart #document form:not(#header form)#menuForm .mainMenu, body.SuperGrid.SuperGridStart #document form:not(#header form)#panelMenuForm .mainMenu, body.SuperGrid.SuperGridGen #document form:not(#header form)#menuForm .mainMenu, body.SuperGrid.SuperGridGen #document form:not(#header form)#panelMenuForm .mainMenu {
    padding-bottom: unset !important;
}

body.SuperGrid.SuperGridStart #document form:not(#header form)#menuForm .moduleSearch, body.SuperGrid.SuperGridStart #document form:not(#header form)#panelMenuForm .moduleSearch, body.SuperGrid.SuperGridGen #document form:not(#header form)#menuForm .moduleSearch, body.SuperGrid.SuperGridGen #document form:not(#header form)#panelMenuForm .moduleSearch {
    margin-top: unset;
    margin-right: unset;
    margin-bottom: unset;
    margin-left: unset;
}

body.SuperGrid.SuperGridStart #document form:not(#header form)#menuForm .moduleSearch .ui-autocomplete, body.SuperGrid.SuperGridStart #document form:not(#header form)#panelMenuForm .moduleSearch .ui-autocomplete, body.SuperGrid.SuperGridGen #document form:not(#header form)#menuForm .moduleSearch .ui-autocomplete, body.SuperGrid.SuperGridGen #document form:not(#header form)#panelMenuForm .moduleSearch .ui-autocomplete {
    width: 100%;
}

body.SuperGrid.SuperGridStart #document .mainMenu, body.SuperGrid.SuperGridGen #document .mainMenu {
    overflow-y: auto;
    height: 100%;
}

body.SuperGrid.SuperGridStart #document #contentstart, body.SuperGrid.SuperGridGen #document #contentstart {
    clear: none;
    float: none;
    width: auto;
    margin-top: auto;
    min-height: auto;
    overflow: hidden;
    height: 100%;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper {
    margin-top: unset;
    display: grid;
    grid-template-columns: auto 1fr;
    overflow: hidden;
    height: 100%;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper .menuContainer, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper .menuContainer {
    width: 18rem;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper .menuContainer .megaMenuContent-V, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper .menuContainer .megaMenuContent-V {
    height: calc(100% - 8rem);
    margin-top: 0.75rem;
    padding-top: 0;
    z-index: 4;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper .welcomeMenu, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper .welcomeMenu {
    padding-right: 0;
    height: unset;
    overflow-y: hidden;
    position: unset;
    width: 22rem;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper .welcomeMenu .mainMenu-V, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper .welcomeMenu .mainMenu-V {
    width: auto;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper .welcomeMenu .mainMenu-V #menuAndShortcut, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper .welcomeMenu .mainMenu-V #menuAndShortcut {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    display: grid;
    grid-template-columns: auto 1.8rem;
    align-items: center;
    column-gap: 0.5rem;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper .welcomeMenu .mainMenu-V #menuAndShortcut a.configButton, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper .welcomeMenu .mainMenu-V #menuAndShortcut a.configButton {
    position: unset;
    width: 1.8rem;
    height: 1.8rem;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper .dashMarginLeft, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper .dashMarginLeft {
    overflow-y: auto;
    padding: 1rem !important;
    padding-left: 0;
    margin-left: 0;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper .dashBoardBody, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper .dashBoardBody {
    margin: 0;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper .dash-left, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper .dash-left {
    float: unset;
    margin-bottom: auto;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper.megaMenu-H--wrapper, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper.megaMenu-H--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper.megaMenu-H--wrapper .menuContainer, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper.megaMenu-H--wrapper .menuContainer {
    width: unset;
    flex: none;
    padding: 0;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper.megaMenu-H--wrapper .menuContainer form#menuForm, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper.megaMenu-H--wrapper .menuContainer form#menuForm {
    overflow-y: unset;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper.megaMenu-H--wrapper .menuContainer .megaMenu-H, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper.megaMenu-H--wrapper .menuContainer .megaMenu-H {
    padding: 0.5rem 0 0 1rem;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper.megaMenu-H--wrapper .menuContainer .megaMenu-H.p-grid, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper.megaMenu-H--wrapper .menuContainer .megaMenu-H.p-grid {
    margin-right: unset;
    margin-left: unset;
    margin-top: unset;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper.megaMenu-H--wrapper .menuContainer .megaMenu-H .megaMenuContent-H, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper.megaMenu-H--wrapper .menuContainer .megaMenu-H .megaMenuContent-H {
    padding: 1rem 1rem 0.75rem 0;
    row-gap: 0.75rem;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper.megaMenu-H--wrapper .menuContainer .megaMenu-H .megaMenuContent-H .moduleSearch, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper.megaMenu-H--wrapper .menuContainer .megaMenu-H .megaMenuContent-H .moduleSearch {
    padding-left: unset;
    align-self: center;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper.megaMenu-H--wrapper .menuContainer .megaMenu-H .megaMenuContent-H .moduleSearch span.moduleSearch, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper.megaMenu-H--wrapper .menuContainer .megaMenu-H .megaMenuContent-H .moduleSearch span.moduleSearch {
    grid-template-columns: auto min-content;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper.megaMenu-H--wrapper .dashboardContent, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper.megaMenu-H--wrapper .dashboardContent {
    height: auto;
    overflow-y: auto;
    margin-bottom: 0;
    padding: 1rem !important;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper.menu-V-noFix form#menuForm, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper.menu-V-noFix form#menuForm {
    overflow-y: unset;
}

body.SuperGrid.SuperGridStart #document #contentstart .welcomeContentWrapper.menu-V-noFix form#menuForm .mainMenu-V, body.SuperGrid.SuperGridGen #document #contentstart .welcomeContentWrapper.menu-V-noFix form#menuForm .mainMenu-V {
    height: 100%;
    position: relative;
    width: unset;
}

body.SuperGrid.SuperGridStart #document #content, body.SuperGrid.SuperGridGen #document #content {
    margin-bottom: unset;
    margin-top: unset;
    width: 100%;
}

body.SuperGrid.SuperGridStart #document #menuContainer #content.leftPanelMenu, body.SuperGrid.SuperGridGen #document #menuContainer #content.leftPanelMenu {
    margin-right: unset;
    width: 100%;
}

body.SuperGrid.SuperGridStart #document #footer.welcomePage, body.SuperGrid.SuperGridGen #document #footer.welcomePage {
    height: auto;
}

body.SuperGrid.SuperGridStart #document #footer, body.SuperGrid.SuperGridGen #document #footer {
    clear: unset;
    position: unset;
    bottom: auto;
    float: unset;
    z-index: 2;
    height: auto;
}

body.SuperGrid.SuperGridStart #document #footer .ui-toolbar, body.SuperGrid.SuperGridGen #document #footer .ui-toolbar {
    padding: 0.25rem 0.5rem;
    display: grid;
    grid-template-columns: repeat(2, auto);
}

body.SuperGrid.SuperGridStart #document #footer .ui-toolbar .ui-toolbar-group-right, body.SuperGrid.SuperGridGen #document #footer .ui-toolbar .ui-toolbar-group-right {
    padding-left: 2rem;
}

body.SuperGrid.SuperGridGen #header {
    grid-column: 1/-1;
}

body.SuperGrid.SuperGridGen #header .moduleMenu {
    position: fixed;
    height: calc(100% - 3.65rem - 1px);
    align-content: start;
    box-shadow: inset 4px 7px 9px -7px rgba(0, 0, 0, 0.3), 4px 7px 9px -7px rgba(0, 0, 0, 0.3);
}

body.SuperGrid.SuperGridGen #content {
    overflow-y: auto;
    height: 100%;
}

body.SuperGrid.SuperGridGen #content #detail {
    height: inherit;
}

body.SuperGrid.SuperGridGen #menuContainer {
    display: grid;
    grid-template-columns: auto 1fr;
    overflow-y: hidden;
    height: 100%;
    grid-template-rows: auto 1fr auto auto;
}

body.SuperGrid.SuperGridGen #menuContainer.fixLeftPanelMenu--container {
    grid-template-columns: auto;
}

body.SuperGrid.SuperGridGen .moduleMenu {
    padding-right: 0;
    height: unset;
    overflow-y: hidden;
    position: unset;
    width: 22rem;
    z-index: unset;
    padding-bottom: unset !important;
    display: grid;
    align-items: baseline;
    grid-template-columns: auto 0;
}

body.SuperGrid.SuperGridGen .moduleMenu .unpinPanelMenu, body.SuperGrid.SuperGridGen .moduleMenu .pinPanelMenu {
    grid-column: 2;
    margin-left: -3rem;
    z-index: 1;
}

body.SuperGrid.SuperGridGen .moduleMenu form#panelMenuForm, body.SuperGrid.SuperGridGen .moduleMenu .leftPanelMenu--search {
    grid-row: 1;
}

body.SuperGrid.SuperGridGen .moduleMenu .leftPanelMenu--search {
    margin-top: unset;
    margin-left: unset;
    margin-bottom: unset;
    padding: 1.25rem 1rem;
}

body.SuperGrid.SuperGridGen .moduleMenu div.unpinPanelMenu, body.SuperGrid.SuperGridGen .moduleMenu div.pinPanelMenu {
    position: unset;
    left: unset;
    top: unset;
}

body.SuperGrid.SuperGridGen.freemium .grid-nogutter > .col, body.SuperGrid.SuperGridGen.freemium .grid-nogutter > [class*=col-] {
    padding: tre;
}

body.SuperGrid.SuperGridGen.freemium #content {
    display: flex;
    flex-direction: column;
}

body.SuperGrid.SuperGridGen.freemium #content #sysMsg {
    padding: 1rem 1rem 0 1rem;
}

body.SuperGrid.SuperGridGen.freemium #content #detail {
    height: 100%;
    overflow: hidden;
}

body.SuperGrid.SuperGridGen.freemium #content #detail #dataform {
    height: inherit;
}

body.SuperGrid.SuperGridGen.freemium #content #detail #dataform .fr-freemium {
    height: inherit;
    overflow: hidden;
    margin: 0 !important;
}

body.SuperGrid.SuperGridGen.freemium #content #detail #dataform .fr-freemium .fr-chronoline, body.SuperGrid.SuperGridGen.freemium #content #detail #dataform .fr-freemium .fr-content, body.SuperGrid.SuperGridGen.freemium #content #detail #dataform .fr-freemium .fr-summary {
    height: inherit;
}

body.SuperGrid.SuperGridGen.freemium #content #detail #dataform .fr-freemium .fr-chronoline, body.SuperGrid.SuperGridGen.freemium #content #detail #dataform .fr-freemium .fr-summary {
    scrollbar-width: thin;
    overflow-y: auto;
}

body.SuperGrid.SuperGridGen.freemium #content #detail #dataform .fr-freemium .fr-content {
    display: grid;
    grid-template-rows: auto 1fr auto;
    padding: 0;
}

body.SuperGrid.SuperGridGen.freemium #content #detail #dataform .fr-freemium .fr-content .fr-message {
    padding: 0;
}

body.SuperGrid.SuperGridGen.freemium #content #detail #dataform .fr-freemium .fr-content .fr-message div.ui-panel .ui-panel-content {
    margin-left: unset !important;
    padding-left: unset;
    padding-right: unset !important;
    border-width: 0 0 1px 0 !important;
    padding: 1.5rem !important;
}

body.SuperGrid.SuperGridGen.freemium #content #detail #dataform .fr-freemium .fr-content .fr-form {
    margin-left: unset !important;
    padding-right: unset !important;
    z-index: unset;
    margin-bottom: unset;
    padding: 3rem 5rem 1.5rem !important;
}

body.SuperGrid.SuperGridGen.freemium #content #detail #dataform .fr-freemium .fr-content .fr-buttons-panel {
    clear: unset;
    position: unset;
    bottom: unset;
    width: 100%;
}

body.SuperGrid.SuperGridGen.freemium .fr-freemium {
    height: 100%;
}

body.SuperGrid.SuperGridGen.freemium .fr-dialog-table.fr-dialog--scrollable .ui-dialog-content {
    padding: 0;
}

body.SuperGrid.SuperGridGen.freemium .fr-dialog-table.fr-dialog--scrollable .ui-dialog-content .ui-scrollpanel {
    padding: 1rem;
    background: none;
    width: inherit;
    height: 100%;
    max-height: 50vh;
}

body.SuperGrid.SuperGridGen.freemium .fr-dialog-table .bt-secondary .ui-button-text-icon-left .ui-button-text {
    padding-left: 2.5rem;
}

body.SuperGrid.SuperGridGen.freemium .fr-dialog-table .ui-dialog-content .ui-autocomplete-dropdown {
    height: 2.15rem;
}

body.SuperGrid.SuperGridGen.freemium .fr-dialog-table .ui-dialog-footer {
    display: flex;
    justify-content: flex-end;
    padding: 0.75rem;
}

body.SuperGrid.SuperGridGen.freemium .fr-dialog-table .ui-dialog-footer button.bt-text.ui-button-text-icon-left .ui-button-text {
    padding: 0 1rem 0 2.5rem !important;
}

body.SuperGrid.SuperGridGen.freemium .fr-dialog-table .ui-dialog-footer button.ui-button {
    padding: 0;
    border: 1px solid transparent;
}

body.SuperGrid.SuperGridGen.freemium .fr-dialog-table .ui-dialog-footer button.ui-button.ui-state-hover {
    border: 1px solid var(--ecovium-500-main);
}

body.SuperGrid.SuperGridGen.freemium .fr-dialog-table .ui-dialog-footer .button-dialog-box {
    grid-gap: 0.5rem;
    padding-top: 0;
    border: 0 none;
}

body.SuperGrid.SuperGridGen.freemium .fr-dialog-table .ui-dialog-footer .button-dialog-box button.bt-primary {
    padding: 0;
}

body.SuperGrid.SuperGridGen.freemium .fr-dialog-table .ui-dialog-footer .button-dialog-box button.bt-primary.bt-primary {
    background: var(--ecovium-500-main) !important;
}

body.SuperGrid.external.SuperGridStart {
    /*ExternalStartTemp*/
}

body.SuperGrid.external.SuperGridStart #header {
    grid-column: unset;
}

body.SuperGrid.external.SuperGridStart .startHeader {
    display: grid;
    grid-template-columns: auto max-content;
    align-items: center;
}

body.SuperGrid.external.SuperGridStart .startHeader .header--right {
    justify-items: end;
}

body.SuperGrid.external.SuperGridStart .startHeader .header--right .startRight {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 0.25em;
    align-items: center;
}

body.SuperGrid.external.SuperGridStart .startHeader .header--left {
    display: grid;
    grid-template-columns: min-content max-content;
    column-gap: 0.5em;
    align-items: center;
}

body.SuperGrid.external.SuperGridStart .startHeader .header--left .startIcon {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: 3px;
    vertical-align: bottom;
}

body.SuperGrid.external.SuperGridStart .startHeader.panelMenuOn {
    margin-left: 9px;
}

body.SuperGrid.external.SuperGridStart .externalDashboardContent {
    width: 100%;
    overflow: hidden;
    margin-top: unset;
    display: grid;
    grid-template-columns: auto 1fr;
    height: 100%;
}

body.SuperGrid.external.SuperGridStart .externalDashboardContent #menuForm {
    overflow: hidden;
    width: 18rem;
}

body.SuperGrid.external.SuperGridStart .externalDashboardContent #menuForm .menuForm.megaMenu {
    margin-left: unset;
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 10;
    width: inherit;
    padding: 1.5rem;
    row-gap: 1rem;
}

body.SuperGrid.external.SuperGridStart .externalDashboardContent #menuForm .menuForm.megaMenu .megaMenu--logo {
    max-width: 11rem;
    max-height: 10rem;
    margin: auto;
}

body.SuperGrid.external.SuperGridStart .externalDashboardContent #menuForm .menuForm.megaMenu .megaMenu--menuContainer .menu {
    margin-left: unset;
    width: auto !important;
}

body.SuperGrid.external.SuperGridStart .externalDashboardContent #menuForm .menuForm.megaMenu .megaMenu--menuContainer .menu .ui-menu-list {
    width: auto !important;
}

body.SuperGrid.external.SuperGridStart .externalDashboardContent #menuForm .menuForm.megaMenu .megaMenu--menuContainer .menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    padding: 0.4em;
}

body.SuperGrid.external.SuperGridStart .externalDashboardContent #menuForm .menuForm.megaMenu .megaMenu--menuContainer .menu .ui-menu-list li .ui-icon {
    margin-right: unset;
    margin-top: unset !important;
}

body.SuperGrid.external.SuperGridStart .externalDashboardContent #menuForm .menuForm.megaMenu .megaMenu--menuContainer .menu .ui-menu-list li:last-of-type {
    margin-bottom: 0;
}

body.SuperGrid.external.SuperGridStart .externalDashboardContent .menuContainer {
    width: auto;
    position: relative;
    height: 100%;
    overflow-y: hidden;
}

body.SuperGrid.external.SuperGridStart .externalDashboardContent .menuContainer .ui-panelmenu-panel {
    height: 100%;
    overflow-y: auto;
}

body.SuperGrid.external.SuperGridStart .externalDashboardContent .menuContainer .ui-panelmenu-panel .ui-panelmenu-content {
    height: auto;
}

body.SuperGrid.external.SuperGridStart .externalDashboardContent .dashboardContent {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body.SuperGrid.external.SuperGridStart .externalDashboardContent .dashboardContent.dashMarginLeft {
    margin-left: unset;
}

body.SuperGrid.external.SuperGridStart .externalDashboardContent .dashboardContent #contentForm {
    margin-top: unset;
    float: unset;
    width: inherit;
    height: inherit;
    overflow: hidden;
}

body.SuperGrid.external.SuperGridStart .externalDashboardContent .dashboardContent #contentForm .dashBoardBody {
    width: inherit;
    height: inherit;
    margin: unset;
    padding: 1rem;
    overflow: auto;
}

body.SuperGrid.external.SuperGridGen #header {
    grid-column: 1/-1;
}

body.SuperGrid.external.SuperGridGen #leftPanelMenu.moduleMenu {
    grid-column: 1;
    position: unset;
    top: unset;
    height: 100%;
    overflow-y: auto;
    width: 18rem;
    z-index: unset;
    min-width: unset;
}

body.SuperGrid.external.SuperGridGen #menuContainer {
    display: grid;
    grid-template-columns: auto;
}

body.SuperGrid.external.SuperGridGen #menuContainer.leftPanelMenu--fixed {
    grid-template-columns: min-content auto;
}

body.SuperGrid.external.SuperGridGen #content {
    grid-column: 1;
}

body.SuperGrid.external.SuperGridGen #content.leftPanelMenu {
    grid-column: 2;
    margin-right: unset;
}

body.SuperGrid.external.SuperGridGen #content #detail {
    height: auto;
}

body.SuperGrid.external.SuperGridGen #footer {
    grid-column: 1/-1;
}

body {
    /* Modal dialog BG */
}

body .consignmentItemBlockPanel .ui-panel-titlebar {
    height: auto;
    padding: 0.5rem;
}

body .ui-inputswitch.ui-widget-content {
    border-radius: 30px !important;
}

body .ui-inputswitch .ui-inputswitch-handle {
    top: 0px !important;
}

body .selectModeButtons .ui-panel-titlebar {
    border: 0px !important;
    padding: 0.5rem !important;
}

body .selectModeButtons .ui-panel-content {
    border-top: 1px solid var(--surface-400) !important;
}

body .ui-button.ui-button-secondary.ui-state-active {
    background: var(--ecovium-600-highlight) !important;
}

body .ui-accordion .ui-accordion-content {
    border-radius: 0px;
}

body .ui-accordion.noAccordionPadding .ui-accordion-header {
    padding-top: 0.25rem;
    padding-bottom: 2px;
    padding-left: 0.5rem;
}

body .ui-corner-top, body .ui-widget-content.ui-corner-top {
    border-top-left-radius: var(--base-border-radius);
    border-top-right-radius: var(--base-border-radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

body .ui-corner-bottom, body .ui-widget-content.ui-corner-bottom {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--base-border-radius);
    border-bottom-right-radius: var(--base-border-radius);
}

body .ui-selectonemenu-filter-container + .ui-selectonemenu-items-wrapper {
    height: auto !important;
}

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

body .modalBG {
    background: rgba(0, 0, 0, 0.3);
}

body .ui-autocomplete-dropdown.ui-button.ui-corner-right .fa-caret-down:before {
    font-family: "primeicons" !important;
    content: "\e902";
    font-weight: normal;
}

body .ui-treetable .fa-caret-down:before {
    font-family: "Font Awesome 6 Pro" !important;
    content: "\f0d7";
}

html.defaultBackground .ui-dialog.spinner .ui-dialog-content,
html.defaultBackgroundExt .ui-dialog.spinner .ui-dialog-content,
body .ui-dialog.spinner .ui-dialog-content {
    overflow: hidden !important;
    padding: 3em !important;
    background: none;
    border: 0;
}

body .ui-dialog.spinner .ui-dialog-titlebar {
    padding: 0;
    cursor: pointer;
    border: 0;
}

body .ui-fieldset,
body .ui-dialog .ui-dialog-content,
body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer {
    box-sizing: content-box;
}

body .ui-tree {
    min-width: 300px;
}

body .inputFreightChargingConditionContainer {
    width: 30%;
    float: left;
    max-width: 40rem;
}

body .inputFreightChargingConditionFix input,
body .inputFreightChargingConditionFix .defaultSelectOneMenu,
body .inputFreightChargingConditionFix .inputFChCWidth-xl {
    max-width: 11rem !important;
}

body .inputFreightChargingConditionFix input.autocomplete-dd-input {
    max-width: 11.5rem;
}

body .inputFreightChargingConditionFix label,
body .inputFreightChargingConditionFix .linkageGroup {
    padding-top: 0.5rem;
    display: inline-flex;
}

body .inputFreightChargingConditionFix .linkageGroup .fa-pencil {
    margin-top: -4px;
    margin-left: -2px;
}

body .inputFreightChargingConditionFix .inputFChCWidth-xxs {
    width: 3rem;
    min-width: 3rem;
}

body .inputFreightChargingConditionFix .inputFChCWidth-xs {
    width: 4rem;
    min-width: 4rem;
}

body .inputFreightChargingConditionFix .inputFChCWidth-s {
    width: 5rem;
    min-width: 5rem;
}

body .inputFreightChargingConditionFix .inputFChCWidth-m,
body .inputFreightChargingConditionFix .inputFChC-sub-Width-m input {
    width: 6.5rem;
    min-width: 6.5rem;
}

body .inputFreightChargingConditionFix .inputFChCWidth-xl,
body .inputFreightChargingConditionFix .ui-calendar input {
    width: 11rem;
    min-width: 11rem !important;
}

body .inputFreightChargingConditionFix .inputFChCWidth-xxl {
    width: 13rem;
    min-width: 13rem !important;
}

body .editDocumentDialog .editDocumentDialogDates .componentdiv > div {
    grid-template-columns: calc(50% - 0.4rem) calc(50% - 0.4rem) !important;
    column-gap: 0.75rem !important;
}

body .editDocumentDialog .editDocumentDialogDates .componentdiv > div > div {
    grid-template-columns: none !important;
    row-gap: 4px;
}

body .editDocumentDialog .editDocumentDialogDates .componentdiv > div > div > div > div {
    grid-template-columns: none !important;
    row-gap: 4px;
}

body .editDocumentDialog .editDocumentDialogDates .componentdiv > div > div > div > div > div {
    grid-template-columns: calc(70% - 0.25rem) calc(30% - 0.25rem) !important;
    column-gap: 0.5rem !important;
}

body .editDocumentDialog .editDocumentDialogDates .componentdiv > div > div > div > div > div > span {
    display: flex !important;
}

body .editDocumentDialog .editDocumentDialogDates .componentdiv > div > div > div > div > div > span > input {
    width: 100% !important;
}

.startHeaderText, .startHeaderText div {
    font-size: 1.3rem;
}

.startHeaderText {
    font-weight: 600;
    padding-top: 0.1rem;
}

.startHeaderText div {
    padding-left: 0.5rem;
    font-weight: 400;
    display: inline;
}

body .ui-accordion-header .grid-container-1,
body .ui-accordion-header .grid-container-2,
body .ui-accordion-header .grid-container-3,
body .ui-accordion-header .grid-container-4,
body .ui-accordion-header .grid-container-5,
body .ui-accordion-header .grid-container-6,
body .ui-accordion-header .grid-container-7,
body .ui-accordion-header .grid-container-8,
body .ui-accordion-header .grid-container-9,
body .ui-accordion-header .grid-container-10,
body .ui-accordion-header .grid-container-11,
body .ui-accordion-header .grid-container-12,
body .ui-accordion-header .grid-container-narrow,
body .ui-accordion-header .grid-container-1-narrow,
body .ui-accordion-header .grid-container-2-responsive,
body .ui-accordion-header .grid-container-2-responsive-Plus,
body .ui-accordion-header .grid-container-3-responsive,
body .ui-accordion-header .grid-container-3-responsive-Plus {
    display: inline-grid;
}

body .ui-selectoneradio label,
body .ui-chkbox .ui-chkbox-label {
    white-space: normal;
    max-inline-size: 16rem;
    inline-size: max-content;
}

span.ui-autocomplete.defaultAutocomplete {
    align-content: flex-start;
}

body .administration {
    margin-top: 0;
    padding-bottom: 1rem;
}

body .leftPanelMenu--container, body .fixLeftPanelMenu--container {
    display: grid;
}

body .leftPanelMenu--container {
    grid-template-columns: 270px auto;
}

body .leftPanelMenu--container .min-w-1240 {
    min-width: calc(1240px - 22rem);
}

body .fixLeftPanelMenu--container {
    grid-template-columns: auto;
}

body .fixLeftPanelMenu--container .min-w-1240 {
    min-width: 1240px;
}

body .leftPanelMenu {
    grid-column: 2;
    margin-right: -280px;
}

body .fixLeftPanelMenu {
    grid-column: 1;
}

body .leftPanelMenu--search {
    padding-top: 10px;
    padding-left: 12px;
    padding-bottom: 16px;
}

body .ui-button {
    margin-right: unset;
}

body .analysisCP--main {
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

body .analysisCP--main #contentForm {
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

body .analysisCP--main #contentForm .min-w-1240 {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

body .analysisCP--main #contentForm .min-w-1240 .contentPanel {
    overflow: hidden;
}

body .analysisCP--main #contentForm .min-w-1240 .contentPanel .ui-panel-content {
    max-height: 100%;
    overflow: hidden;
    display: flex;
}

body .analysisCP--main #contentForm .min-w-1240 .contentPanel .analysisCP--content--grid .ui-panel-content {
    max-height: none;
    overflow: auto;
    display: block;
}

body .analysisCP--main .analysisCP--content--grid {
    display: flex;
    overflow: hidden;
    max-height: 100%;
}

body .analysisCP--main .analysisCP--content--grid .uiTreeAnalysis--main {
    display: grid;
    grid-template-rows: auto 1fr;
    width: 300px;
    flex: 0 0 auto;
}

body .analysisCP--main .analysisCP--content--grid .uiTreeAnalysis--main .ui-widget-content {
    padding: 0;
}

body .analysisCP--main .analysisCP--content--grid .uiTreeAnalysis--main .uiTreeAnalysis--content {
    display: grid;
    grid-template-rows: 1fr auto;
    height: auto;
    overflow: hidden;
    max-height: 100%;
    width: 100%;
}

body .analysisCP--main .analysisCP--content--grid .uiTreeAnalysis--main .uiTreeAnalysis--content .ui-tree {
    border-width: 0 0 1px 0 !important;
}

body .analysisCP--main .analysisCP--content--grid .uiTreeAnalysis--main .uiTreeAnalysis--content .uiTreeAnalysis {
    height: auto;
    overflow: hidden;
    max-height: 100%;
    width: 100%;
}

body .analysisCP--main .analysisCP--content--grid .uiTreeAnalysis--main .uiTreeAnalysis--content .uiTreeAnalysis ul.ui-tree-container {
    height: auto;
    overflow: auto;
    max-height: 100%;
    scrollbar-width: thin;
    width: 100%;
    padding-right: 0.5rem;
}

body .analysisCP--main .analysisCP--content--grid .uiTreeAnalysis--main .uiTreeAnalysis--content .uiTreeAnalysis ul.ui-tree-container .ui-treenode {
    width: fit-content;
}

body .analysisCP--main .analysisCP--content--grid .uiTreeAnalysis--main .uiTreeAnalysis--content .uiTreeAnalysis--bts {
    padding: calc(var(--inline-spacing) * 2);
}

body .analysisCP--main .ui-tabs {
    min-width: 60em;
    height: auto;
    max-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

body .analysisCP--main .ui-tabs .ui-tabs-panels {
    height: auto;
    overflow: auto;
    max-height: 100%;
    display: flex;
    border: 1px solid #e0e0e0;
    border-top: 0 none;
}

body .analysisCP--main .ui-tabs .ui-tabs-panels .ui-tabs-panel {
    height: 100%;
    width: auto;
    border: 0 none !important;
}

body .analysisCP--main .analysisCP--tab_query--wrapper {
    display: grid;
    column-gap: 1rem;
    row-gap: 1rem;
    max-width: 1250px;
}

body .analysisCP--main .analysisCP--tab_query--wrapper .analysisCP--tab_query--top {
    display: flex;
    grid-column: 1/span 3;
    flex-direction: column;
    row-gap: 1rem;
}

body .analysisCP--main .analysisCP--tab_query--wrapper .analysisCP--tab_query--left {
    grid-column: 1/span 1;
    width: 320px;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    align-items: flex-start;
}

body .analysisCP--main .analysisCP--tab_query--wrapper .analysisCP--tab_query--right {
    grid-column: 2/span 2;
}

body .analysisCP--main .analysisCP--tab_query--wrapper .analysisCP--tab_query--string {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
    align-items: flex-start;
}

body .dashBoardBody .taskColumn a {
    text-decoration: none;
    padding: 0.75rem 1rem;
    width: 100%;
    display: block;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    font-weight: 500 !important;
    border-left: 5px solid cornflowerblue;
}

.box-stretched {
    height: 100%;
    box-sizing: border-box;
}

.freemium #document {
    min-width: 0;
}

.freemium #content {
    padding: 0;
    margin-bottom: 0;
    margin-top: 4.2rem;
    width: calc(100vw - 1.75rem);
}

.freemium .fr-freemium {
    background-color: var(--lightblue);
    height: calc(100vh - 5.5rem);
    margin: -6px -20px -88px -6px !important;
}

.freemium .min-width {
    min-width: 4rem !important;
}

.freemium .fr-chronoline, .freemium .fr-content, .freemium .fr-summary {
    display: flex;
    flex-direction: column;
}

.freemium .fr-chronoline, .freemium .fr-summary {
    padding-right: 1.5rem !important;
    padding-left: 2.2rem !important;
}

.freemium .fr-chronoline, .freemium .fr-summary, .freemium .fr-content .fr-form {
    padding-top: 3rem !important;
    padding-bottom: 1.5rem !important;
}

.freemium .fr-content, .freemium .fr-summary, .freemium .fr-no-summary {
    background-color: var(--main-bg);
}

.freemium .fr-content {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.freemium .fr-content .fr-form {
    overflow-x: hidden;
    overflow-y: auto;
}

.freemium .fr-content .fr-form, .freemium .fr-message div.ui-panel .ui-panel-content {
    margin-left: calc(8.3333% - 5px) !important;
    padding-left: 5px;
    padding-right: 8.3333% !important;
}

.freemium .fr-message div.ui-panel .ui-panel-content {
    padding-top: 1rem;
    padding-bottom: 0;
}

.freemium .fr-content .fr-form {
    margin-left: calc(8.3333% - 5px) !important;
    padding-right: 8.3333% !important;
}

@media screen and (max-width: 1200px) {
    .freemium .fr-content .fr-form {
        margin-left: calc(4.3333% - 5px) !important;
        padding-right: 4.3333% !important;
        z-index: 0;
        margin-bottom: 80px;
    }
}

.freemium .fr-content .fr-buttons-panel {
    padding: 1.5rem;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    width: 100%;
    background-color: var(--gray-00);
}

@media screen and (max-width: 1200px) {
    .freemium .fr-content .fr-buttons-panel {
        clear: left;
        position: fixed;
        bottom: 25px;
        width: 58.6%;
    }
}

.freemium .fr-summary {
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: var(--gray-300);
}

.freemium .fr-no-summary {
    border: none;
}

.freemium .h1, .freemium .h2, .freemium .h3, .freemium .h4, .freemium .h5, .freemium .h6 {
    font-weight: bold;
    color: var(--ecovium-500-main);
}

.freemium .h2 {
    font-size: 3rem;
}

.freemium .h4 {
    font-size: 1.8rem;
}

.freemium .h5 {
    font-size: 1.2rem;
    color: var(--gray-700);
}

.freemium .h6 {
    font-size: 1.25rem;
}

.freemium .fr-subtitle,
.freemium .fr-form .fr-alert-sm,
.freemium .fr-form .fr-input,
.freemium .fr-dialog input,
.freemium .fr-dialog textarea,
.freemium .fr-dialog .ui-selectonemenu,
.fr-text-editor,
.freemium .fr-form .ui-chkbox {
    margin-bottom: 1rem;
}

.freemium .fr-subtitle {
    font-size: 1.1rem;
    font-weight: normal !important;
    margin-top: -0.5rem;
}

.freemium .fr-space {
    margin-top: 1.2rem;
    display: inline-block;
}

.freemium button.bt-primary, .freemium button.bt-secondary, .freemium button.bt-tertiary, .freemium button.bt-text {
    width: auto;
    height: 3rem;
    transition: background-color 50ms ease-out 100ms;
    text-transform: uppercase;
    box-shadow: none !important;
    font-size: 1.1rem;
}

.freemium button.bt-primary:last-of-type {
    margin-right: 0;
}

.freemium button.bt-primary {
    font-weight: bold;
}

.freemium button.bt-primary, .freemium button.bt-secondary, .freemium button.bt-tertiary {
    padding-left: 2rem;
    padding-right: 2rem;
}

@media screen and (max-width: 575px) {
    .freemium button.bt-primary, .freemium button.bt-secondary, .freemium button.bt-tertiary {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.freemium button.bt-text {
    padding-left: 1rem;
    padding-right: 1rem;
}

.freemium button.bt-text.ui-button-text-icon-left .ui-button-text {
    padding: 0.3em 1em !important;
}

.freemium button.bt-primary, .freemium button.bt-primary.ui-state-hover, .freemium button.bt-primary.ui-state-active, .freemium button.bt-primary.ui-state-focus,
.freemium button.bt-primary span.fa,
.freemium button.bt-tertiary, .freemium button.bt-tertiary.ui-state-hover, .freemium button.bt-tertiary.ui-state-active, .freemium button.bt-tertiary.ui-state-focus,
.freemium button.bt-tertiary span.fa {
    color: var(--gray-00) !important;
}

.freemium button.bt-secondary, .freemium button.bt-secondary.ui-state-hover, .freemium button.bt-secondary.ui-state-active, .freemium button.bt-secondary.ui-state-focus,
.freemium button.bt-secondary span.fa,
.freemium button.bt-text, .freemium button.bt-text.ui-state-hover, .freemium button.bt-text.ui-state-active, .freemium button.bt-text.ui-state-focus,
.freemium button.bt-text span.fa,
.freemium .fr-dialog-table .bt-secondary button,
.freemium .fr-dialog-table .bt-secondary button .ui-icon {
    color: var(--ecovium-500-main) !important;
}

.freemium button.bt-primary {
    background: var(--ecovium-500-main) !important;
    border: none !important;
}

.freemium button.bt-primary.ui-state-hover,
.freemium button.bt-primary.ui-state-active,
.freemium button.bt-primary.ui-state-focus {
    background-color: var(--ecovium-600-highlight) !important;
}

.freemium button.bt-secondary,
.freemium button.bt-secondary.ui-state-focus,
.freemium button.bt-text,
.freemium .fr-dialog-table .bt-secondary button {
    background-color: var(--gray-00);
}

.freemium button.bt-secondary,
.freemium .fr-dialog-table .bt-secondary button {
    border: 1px solid;
    border-color: var(--ecovium-500-main);
}

.freemium button.bt-secondary.ui-state-hover,
.freemium button.bt-secondary.ui-state-active,
.freemium .fr-dialog-table .bt-secondary button.ui-state-hover,
.freemium .fr-dialog-table .bt-secondary button.ui-state-active {
    background: linear-gradient(var(--main-color-100), var(--main-color-100)) !important;
}

.freemium button.bt-tertiary {
    background: var(--gray-800);
    color: var(--gray-00);
    border: none;
}

.freemium button.bt-tertiary.ui-state-hover,
.freemium button.bt-tertiary.ui-state-active,
.freemium button.bt-tertiary.ui-state-focus {
    background-color: var(--gray-500-main) !important;
}

.freemium button.bt-text {
    border: none;
}

.freemium .ui-button.ui-button-text-icon-right .ui-icon {
    right: 1rem;
}

.freemium .ui-button.ui-button-text-icon-left .ui-icon {
    left: 1rem;
}

@media screen and (min-width: 992px) {
    .fr-buttons-panel button {
        min-width: 9rem;
    }
}

.fr-buttons-panel button.bt-next {
    float: right;
}

.fr-bt-icon-margin {
    margin: 0.5rem 0 0 0 !important;
}

@media screen and (min-width: 992px) {
    .fr-bt-icon-margin {
        margin: 0 0 0 1rem !important;
    }
}

.freemium .fr-message .ui-panel {
    min-width: 0 !important;
    border: none !important;
    padding: 0;
}

.freemium .fr-message .ui-panel .ui-panel-titlebar {
    display: none !important;
}

.freemium .fr-message .ui-panel .ui-messages-error {
    margin: 0 !important;
}

.fr-chronoline-number, .fr-chronoline-text {
    line-height: calc(2rem - 3px);
    display: inline-block;
    height: 2rem;
    font-weight: bold;
}

.fr-chronoline-text {
    font-size: 1.1rem;
    display: inline;
}

.fr-chronoline-text.fr-chronoline-active {
    font-size: 1.5rem;
    color: var(--ecovium-500-main);
}

@media screen and (max-width: 1200px) {
    .fr-chronoline-text.fr-chronoline-active {
        font-size: 1rem;
    }
}

@media screen and (max-width: 1200px) {
    .fr-chronoline {
        overflow-y: auto;
    }
}

.fr-chronoline-text.fr-chronoline-disabled {
    color: var(--gray-500-main);
}

.fr-chronoline-number {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: solid 2px;
    border-radius: 50%;
    width: 2.1rem;
    height: 2.1rem;
    text-align: center;
    margin-right: 0.5rem;
    font-size: 1.2rem;
}

.fr-chronoline-number.fr-chronoline-active {
    color: var(--gray-00);
    background-color: var(--ecovium-500-main);
    border-color: var(--ecovium-500-main);
}

.fr-chronoline-number.fr-chronoline-disabled {
    color: var(--gray-00);
    background-color: var(--gray-500-main);
    border-color: var(--gray-500-main);
}

.fr-chronoline-event-connector {
    margin: 0.5rem auto 0.5rem 1rem;
    width: 2px;
    background-color: var(--gray-500-main);
    height: 3rem;
}

.fr-start {
    font-size: 1.25rem;
    color: var(--ecovium-gray-900);
    font-weight: normal;
}

.fr-start > .fr-start-text-box {
    margin-bottom: 5rem;
}

.fr-margin-bottom {
    margin-bottom: 1.5rem;
    display: inline-block;
}

.fr-start-division {
    border-bottom: 1px solid;
}

.fr-start-option {
    color: var(--gray-600);
    font-size: 0.8rem;
    text-align: center;
    margin: 1.5rem 0 !important;
}

.fr-division-vm {
    margin: 0.5rem 0;
    width: 100%;
    background-color: var(--gray-500-main);
    height: 1px;
}

.freemium .fr-form,
.fr-route-summary span,
.freemium .fr-dialog label,
.freemium .fr-collapse .ui-panel-titlebar,
.freemium .fr-collapse .ui-panel-content {
    font-size: 1rem;
    color: var(--gray-600);
    font-weight: bold;
}

.freemium .fr-form .fr-grid > div {
    padding-right: 1rem;
}

.freemium .fr-form .fr-grid-nogutter > div {
    padding-right: 0;
}

.freemium .fr-form .fr-input,
.freemium .fr-dialog input,
.freemium .fr-dialog textarea,
.freemium .fr-dialog .ui-selectonemenu,
.fr-text-editor {
    margin-top: 0.125rem;
}

.freemium .fr-form input,
.freemium .fr-form .fr-combobox .ui-selectonemenu .ui-selectonemenu-label,
.fr-switchFix button .ui-button-text, .freemium .fr-dialog input,
.freemium .fr-dialog textarea,
.freemium .fr-dialog .ui-selectonemenu label {
    font-size: 1.1rem;
    padding: 0.4rem;
}

.freemium .fr-form input,
.freemium .fr-form .fr-combobox .ui-selectonemenu .ui-selectonemenu-label,
.freemium .fr-dialog input,
.freemium .fr-dialog textarea {
    border-radius: 3px;
}

.freemium .fr-form input,
.freemium .fr-form .fr-combobox .ui-selectonemenu .ui-selectonemenu-label {
    min-width: 3rem;
    width: calc(100% - 0rem - 2px);
}

.fr-input textarea {
    width: calc(100% - 0.4rem - 2px);
}

.freemium textarea {
    height: 4rem !important;
    box-shadow: none !important;
}

.fr-text-editor textarea {
    height: 100% !important;
}

.freemium .fr-form input,
.freemium .fr-form .ui-chkbox .ui-chkbox-box,
.freemium .fr-form span.ui-autocomplete button,
.freemium .fr-offerText textarea,
.freemium .fr-form .fr-combobox .ui-state-default,
.freemium .fr-dialog input,
.freemium .fr-dialog textarea,
.freemium .fr-dialog .ui-selectonemenu {
    border-width: 1px !important;
    border-color: var(--gray-700);
}

.freemium .fr-form input.ui-state-focus, .freemium .fr-form input.ui-state-focus + span ~ button {
    border-color: var(--ecovium-500-main) !important;
}

.freemium .fr-form .fr-input .fr-fix {
    margin: 0.5rem 0 0 0.5rem;
}

.freemium .fr-form .fr-combobox > div > div {
    width: 100% !important;
}

.freemium .fr-form .fr-combobox .ui-selectonemenu .ui-selectonemenu-label {
    box-shadow: none !important;
}

.freemium .fr-form .fr-bt-secondary-icon {
    background-color: var(--gray-00);
}

.freemium .fr-form .ui-chkbox .ui-chkbox-box {
    background-color: var(--gray-00);
}

.freemium .fr-form span.ui-autocomplete input,
.freemium .fr-form .fr-combobox .ui-selectonemenu .ui-selectonemenu-label, .freemium .fr-dialog .ui-selectonemenu label {
    margin: 0 !important;
    border-radius: 3px 0 0 3px !important;
    border-width: 1px 0 1px 1px !important;
    width: 100% !important;
    min-width: 8rem;
}

.freemium .fr-form span.ui-autocomplete button, .freemium .fr-form .fr-combobox .ui-selectonemenu .ui-selectonemenu-trigger, .freemium .fr-dialog .ui-selectonemenu .ui-selectonemenu-trigger {
    background-color: var(--gray-00);
}

.freemium .fr-form span.ui-autocomplete button span, .freemium .fr-form .fr-combobox .ui-selectonemenu .ui-selectonemenu-trigger {
    color: var(--ecovium-500-main);
}

.freemium .ui-autocomplete .ui-autocomplete-dropdown {
    height: 2.4rem;
}

.freemium .fr-form .fr-alert-sm {
    margin-top: 1.5rem;
    font-weight: normal;
    line-height: 1.05rem;
}

.fr-input-link, .freemium .fr-offerText > div > div > a {
    padding-top: 0.5rem;
}

.fr-input-link a, .freemium .fr-offerText > div > div > a {
    color: var(--ecovium-500-main);
}

.freemium .fr-summary-title {
    margin-bottom: 1.5rem;
}

.fr-summary div div div ~ div div {
    font-size: 1rem;
    font-weight: normal;
    color: var(--gray-900);
    width: 100%;
}

.freemium div.fr-summary-topic {
    margin-bottom: 0.75rem;
}

.fr-multiline {
    white-space: pre;
}

.freemium div.fr-summary-data {
    font-size: 0.75rem;
}

.fr-dimensions input {
    width: calc((100% - 3.8rem) / 3) !important;
    margin-right: 0.5rem;
}

.fr-dimensions input:last-of-type {
    margin-right: 0rem !important;
}

.fr-route .grid-container-1 {
    white-space: pre;
    margin: 0.25rem 0 0.5rem;
}

.fr-route .grid-container-1 div {
    font-weight: normal !important;
}

.fr-route-summary > div,
.fr-price-sum > div {
    color: var(--gray-700);
}

.fr-route-summary > div {
    padding: 0.125rem 0;
}

.fr-route-summary span {
    font-weight: normal !important;
    padding-left: 0.125rem;
}

.fr-price {
    font-size: 1.75rem;
    margin: 0.25rem 0.5rem 1rem 0;
    color: var(--ecovium-500-main);
}

.fr-summary .fr-price {
    font-size: 1rem;
    font-weight: bold;
    margin: 0rem 0rem 0rem 0;
}

.fr-price-sum > div {
    margin: 0.25rem 0;
    font-weight: normal;
}

.fr-price-sum > div:last-child {
    font-weight: bold;
}

.fr-input span.ui-autocomplete {
    display: grid !important;
    grid-template-columns: auto min-content !important;
}

.fr-input span.ui-autocomplete.defaultAutocomplete.td-autocomplete {
    grid-template-columns: auto min-content !important;
}

.fr-input .defaultAutocomplete {
    margin-right: 0px;
}

.fr-grid {
    display: flex;
    flex-wrap: wrap;
}

.freemium .fr-offerText > div > div {
    grid-template-columns: auto;
}

@media screen and (min-width: 576px) {
    .freemium .fr-offerText > div > div {
        grid-template-columns: 60% !important;
    }
}

@media screen and (min-width: 992px) {
    .freemium .fr-offerText > div > div {
        grid-template-columns: 50% auto !important;
    }
}

@media screen and (min-width: 1200px) {
    .freemium .fr-offerText > div > div {
        grid-template-columns: 30% auto !important;
    }
}

.freemium .fr-offerText > div > div > span {
    width: 100%;
}

.freemium .fr-offerText > div > div > div {
    width: 100%;
}

@media screen and (min-width: 576px) {
    .freemium .fr-offerText > div > div > div {
        width: 167% !important;
    }
}

@media screen and (min-width: 992px) {
    .freemium .fr-offerText > div > div > a {
        padding-left: 0.5rem;
    }

    .freemium .fr-offerText > div > div > div {
        width: 200% !important;
    }
}

@media screen and (max-width: 991px) {
    .freemium .fr-offerText > div > div > a {
        padding-top: 0 !important;
        padding-bottom: 0.5rem;
    }
}

.fr-dimensions-fix-width {
    width: 100% !important;
}

@media screen and (min-width: 1200px) {
    .fr-dimensions-fix-width {
        width: 220% !important;
    }
}

@media screen and (min-width: 1600px) {
    .fr-dimensions-fix-width {
        width: 100% !important;
    }
}

.fr-bulkiness > div > div > div {
    grid-template-columns: calc(33.33% - 0.33em) calc(33.33% - 0.33em) calc(33.33% - 0.33em) !important;
}

.fr-currency > div > div {
    grid-template-columns: 40% 20% !important;
    column-gap: 0.5rem !important;
}

@media screen and (max-width: 768px) {
    .fr-currency > div > div {
        grid-template-columns: 7rem 4rem !important;
    }
}

.fr-currency span.ui-autocomplete input {
    width: 4rem !important;
    min-width: 0;
    width: 4rem !important;
}

.fr-nospace-h {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

@media screen and (max-width: 576px) {
    .min\:fr-nospace-h {
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 768px) {
    .md\:fr-nospace-h {
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}

.freemium .fr-input-width-fix input {
    width: 100% !important;
}

.freemium .button-dialog-box {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: end;
}

.freemium .ui-autocomplete-table thead {
    height: 1.5rem;
}

.freemium .ui-autocomplete-table tbody tr {
    height: 2rem;
}

.freemium .fr-dialog-table thead {
    height: 1.75rem;
}

.freemium .ui-autocomplete-table th,
.freemium .ui-autocomplete-table td,
.freemium .fr-dialog-table th,
.freemium .fr-dialog-table td {
    border: 1px solid var(--gray-500-main);
    padding: 0.25rem !important;
}

.freemium .ui-autocomplete-table th,
.freemium .fr-dialog-table th {
    background: var(--gray-300) linear-gradient(var(--gray-300), var(--gray-300));
    color: var(--gray-700);
}

.freemium .ui-autocomplete-table tr.ui-state-hover,
.freemium .ui-autocomplete-table tr.ui-state-highlight,
.freemium .fr-dialog-table .ui-datatable .ui-datatable-data > tr:hover {
    background: var(--gray-200) linear-gradient(var(--gray-200), var(--gray-200));
}

.freemium .ui-dialog,
.freemium .ui-dialog-content,
.freemium .ui-dialog-titlebar {
    background: var(--gray-00);
}

.freemium .fr-dialog .ui-dialog-titlebar,
.freemium .fr-dialog-table .ui-dialog-titlebar {
    padding: 0.75rem 1rem;
    font-size: 1.25em;
}

.freemium .fr-dialog .ui-dialog-content,
.freemium .fr-dialog-table .ui-dialog-content {
    padding: 1rem;
}

.freemium .fr-dialog .ui-dialog-footer,
.freemium .fr-dialog-table .ui-dialog-footer {
    padding: 1rem 1rem 1.25rem;
}

.freemium .fr-dialog-table {
    width: auto !important;
}

.freemium .fr-dialog-table button.ui-autocomplete-dropdown {
    background: var(--gray-00) linear-gradient(var(--gray-00), var(--gray-00));
}

.freemium .fr-dialog-table input {
    margin: auto !important;
    font-size: 0.75rem;
}

.freemium .fr-dialog {
    width: 40% !important;
    background-color: var(--gray-00);
}

@media screen and (max-width: 576px) {
    .freemium .fr-dialog {
        width: 90% !important;
    }
}

@media screen and (max-width: 768px) {
    .freemium .fr-dialog {
        width: 70% !important;
    }
}

.freemium .fr-dialog .ui-widget-content {
    border: 0 !important;
}

.freemium .fr-dialog .ui-dialog-footer {
    padding-top: 0 !important;
}

.freemium .fr-dialog .button-dialog-box,
.freemium .fr-dialog-table .button-dialog-box {
    padding-top: 1.5rem;
    border-top: var(--border-1);
    border-color: var(--gray-300);
}

.freemium .fr-dialog input {
    width: 10rem;
}

.freemium .fr-dialog a,
.freemium .fr-dialog a:hover,
.freemium .fr-dialog a:active,
.freemium .fr-dialog a:focus {
    z-index: 100;
    position: relative;
    padding: 1rem !important;
    margin: -1rem;
}

.freemium .fr-dialog .grid-item:last-child table.panelGridLayouter:first-child input {
    width: 2rem;
    margin-right: 0.25rem;
    margin-left: 0.25rem;
}

.freemium .fr-dialog .grid-item:last-child table.panelGridLayouter:first-child input:first-child {
    margin-left: 0 !important;
}

.freemium .fr-dialog .grid-container-3 {
    display: inline-block !important;
}

.freemium .fr-dialog .grid-container-3, .freemium .fr-dialog table {
    width: 100%;
}

.freemium .fr-dialog .ui-selectonemenu label {
    box-shadow: none !important;
}

.freemium .fr-dialog .ui-selectonemenu-trigger {
    background-color: none !important;
    font-weight: normal !important;
}

.freemium .fr-collapse.ui-panel {
    padding: 0;
    width: inherit;
    margin-top: -0.25rem;
    margin-bottom: 1rem !important;
    border: none;
    border-bottom: 1px solid var(--gray-200);
    border-radius: 3px 3px 0 0;
    display: block;
}

.freemium .fr-collapse .ui-widget-header,
.freemium .fr-collapse .ui-widget-header a {
    background: var(--gray-200) linear-gradient(var(--gray-200), var(--gray-200));
    border: none;
    cursor: pointer;
}

.freemium .fr-collapse .ui-widget-header a,
.freemium .fr-collapse .ui-widget-header a:focus,
.freemium .fr-collapse .ui-widget-header a:focus span.ui-icon {
    box-shadow: none !important;
    border: none !important;
}

.freemium .fr-collapse.ui-panel .ui-panel-titlebar {
    padding: 0.5rem 0.5rem 0.4rem;
}

.freemium .fr-collapse.ui-panel .ui-panel-content {
    padding: 1rem;
    background-color: var(--gray-50);
}

.freemium .fr-collapse .fr-input.fr-margin-bottom:last-child {
    margin-bottom: 0 !important;
}

.ruleHighlight {
    font-weight: bold;
    font-size: 1.2em;
}

.disabledRow_true {
    opacity: 0.5;
}

/* html {
    box-sizing: border-box;
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }  */
body .header--division {
    display: none;
}

.navTestMore .toggle, .navTestMore .navigation__toggle {
    display: none;
}

body.splittedViewMaster span.header--division {
    display: inline-block;
    height: 0.75rem;
    width: 1px;
    margin: 0 0.25rem;
}

body.splittedViewMaster span.header--division + span.header--division {
    display: none;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent {
    height: 100%;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .menuContainer--main {
    display: grid;
    height: inherit;
    overflow: hidden;
    grid-template-rows: auto 1fr auto;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .menuContainer--main.menuContainer--menuOpen {
    grid-template-columns: min-content auto;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .menuContainer--main.menuContainer--menuClose {
    grid-template-columns: auto;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .menuContainer--main:has(.systemMessageParent) {
    grid-template-rows: auto auto 1fr auto;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .menuContainer--main .administration {
    margin-top: 0;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .menuContainer--main .administration .administration {
    padding-bottom: 0;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .gridDetailSplitterPanel {
    height: 1rem;
    /*height:calc(1rem - 2px);*/
    margin-bottom: calc(-0.5rem - 2px);
    cursor: n-resize;
    margin-bottom: 0.25rem;
    margin-top: 1px;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .gridDetailSplitterPanel .gridDetailSplitter {
    width: 100%;
    display: grid;
    justify-items: center;
    align-items: center;
    position: relative;
    background-color: #ededed;
    border-style: solid;
    border-width: 1px 0;
    border-color: #d9d9d9;
    /*background-color: var(--gray-200);
  /*background-color: var(--ecovium-gray-100);
  /* border-color: var(--ecovium-gray-300);
  border-width: 2px;
  height: 2px; */
    -webkit-box-shadow: 0px -0.25rem 0.5rem rgba(0, 0, 0, 0.04);
    box-shadow: 0px -0.25rem 0.5rem rgba(0, 0, 0, 0.04);
    height: inherit;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .gridDetailSplitterPanel .gridDetailSplitter .gridDetailSplitter--handler {
    text-align: center;
    width: 3rem;
    /* margin-top: -0.5rem; */
    height: 1rem;
    margin-top: -1px;
    color: var(--ecovium-gray-700);
    background-color: var(--ecovium-gray-100);
    border-radius: 1rem;
    border: 1px solid;
    z-index: 10;
    border-color: var(--ecovium-gray-300);
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .gridDetailSplitterPanel .gridDetailSplitter .gridDetailSplitter--actions {
    display: none;
    z-index: 10;
    margin-top: calc(-1.5rem + 4px);
    /* place-self: start;
  margin-left: 2rem; */
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .gridDetailSplitterPanel .gridDetailSplitter .gridDetailSplitter--actions i {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    /* background-color: #ffffff; */
    background-color: transparent;
    border-radius: 100px;
    line-height: 1.5rem;
    border: inherit;
    border-color: inherit;
    text-align: center;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .gridDetailSplitterPanel:hover .gridDetailSplitter, body.splittedViewMaster #document.splittedViewMaster--documentContent .gridDetailSplitterPanel:active .gridDetailSplitter, body.splittedViewMaster #document.splittedViewMaster--documentContent .gridDetailSplitterPanel:focus .gridDetailSplitter {
    /*border-color: var(--ecovium-gray-400-subordinate);*/
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .gridDetailSplitterPanel:hover .gridDetailSplitter .gridDetailSplitter--handler, body.splittedViewMaster #document.splittedViewMaster--documentContent .gridDetailSplitterPanel:active .gridDetailSplitter .gridDetailSplitter--handler, body.splittedViewMaster #document.splittedViewMaster--documentContent .gridDetailSplitterPanel:focus .gridDetailSplitter .gridDetailSplitter--handler {
    border-color: var(--ecovium-gray-400-subordinate);
    /* border-color: inherit; */
    color: var(--ecovium-gray-900);
    width: 5rem;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .gridDetailSplitterPanel:hover .gridDetailSplitter .gridDetailSplitter--actions, body.splittedViewMaster #document.splittedViewMaster--documentContent .gridDetailSplitterPanel:active .gridDetailSplitter .gridDetailSplitter--actions, body.splittedViewMaster #document.splittedViewMaster--documentContent .gridDetailSplitterPanel:focus .gridDetailSplitter .gridDetailSplitter--actions {
    display: flex;
    column-gap: 1.5rem;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content {
    display: grid;
    grid-template-columns: 1fr;
    padding: 0rem;
    overflow-y: hidden;
    overflow-x: auto;
    height: 100%;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .min-w-1240 {
    min-width: inherit;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content.leftPanelMenu {
    width: 100%;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .searchPanel {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    container: searchPanel-container;
    container-type: size;
}

@container searchPanel-container (max-height: 1.5rem) {
    body.splittedViewMaster #document.splittedViewMaster--documentContent #content .searchPanel form {
        display: none;
    }
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .searchPanel.searchPanel__noScroll {
    overflow-y: hidden;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .searchPanel form {
    padding: 1rem;
    width: inherit;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST {
    /* border: solid mediumvioletred; */
    padding: 0;
    overflow: hidden;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST {
    display: grid;
    padding: 0 1rem 1rem;
    position: relative;
    height: 100%;
    width: 100%;
    overflow-y: hidden;
    grid-template-rows: 1fr;
    /* border: solid blue; */
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm {
    height: 100%;
    display: grid;
    height: inherit;
    overflow: hidden;
    grid-template-rows: 1fr;
    /* border: solid greenyellow; */
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm > div, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm > div {
    display: grid;
    height: inherit;
    overflow: hidden;
    /* border: solid salmon; */
    grid-template-rows: 1fr auto;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent {
    display: grid;
    grid-template-rows: auto 1fr;
    align-items: stretch;
    grid-row-gap: 0.5rem;
    height: inherit;
    overflow-y: hidden;
    border: 1px solid var(--surface-400);
    border-radius: var(--base-border-radius);
    -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.1);
    /* border: solid red; */
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent.form__minimized, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent.form__minimized {
    grid-row-gap: 0;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent.form__minimized .headerPanel, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent.form__minimized .headerPanel {
    border-bottom: none !important;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent > div, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent > div {
    display: grid;
    height: inherit;
    overflow: hidden;
    /* border: solid rosybrown ; */
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .headerPanel > div, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .headerPanel > div {
    display: flex;
    column-gap: 1rem;
    align-items: center;
    padding: 0.5rem 1rem;
    margin-left: 0;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .headerPanel .headerPanel--title, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .headerPanel .headerPanel--title {
    flex: 1;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .headerPanel .headerPanel--history, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .headerPanel .headerPanel--history {
    font-size: calc(1rem - 1px);
    font-weight: 400;
    margin-top: 1px;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .headerPanel .headerPanel--history i, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .headerPanel .headerPanel--history i {
    margin-right: 0.5rem;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .headerPanel .headerPanel--actions, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .headerPanel .headerPanel--actions {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .headerPanel .headerPanel--actions a, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .headerPanel .headerPanel--actions a {
    width: 1rem;
    line-height: 1rem;
    text-decoration: none;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel {
    display: grid;
    grid-template-rows: 1fr;
    height: -webkit-fill-available;
    height: inherit;
    overflow-y: hidden;
    /* border: solid green; */
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > div, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > div {
    display: grid;
    height: inherit;
    overflow: hidden;
    /* border: solid aqua; */
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child {
    display: grid;
    grid-template-rows: 1fr auto 0;
    height: inherit;
    overflow-y: hidden;
    /* border: solid slateblue; */
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table {
    display: contents;
    height: inherit;
    overflow: auto;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table .freightDetailPartialButtons, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table .freightDetailPartialButtons {
    display: flex;
    pad: 0.5rem;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table > tbody, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table > tbody {
    display: contents;
    overflow: hidden;
    height: 100%;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table > tbody > tr, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table > tbody > tr {
    display: grid;
    overflow: hidden;
    height: inherit;
    grid-template-columns: auto 1fr;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table > tbody > tr td.ftoRight, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table > tbody > tr td.ftoRight {
    display: contents;
    overflow: hidden;
    height: inherit;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table > tbody > tr td.ftoRight > .ui-panel, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table > tbody > tr td.ftoRight > .ui-panel {
    display: flex;
    overflow: hidden;
    height: inherit;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table > tbody > tr td.ftoRight > .ui-panel > .ui-panel-content, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table > tbody > tr td.ftoRight > .ui-panel > .ui-panel-content {
    display: grid;
    overflow: hidden;
    height: inherit;
    grid-template-rows: 1fr auto;
    width: 100%;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table > tbody > tr td.ftoRight > .ui-panel > .ui-panel-content .freightDetailPartialButtons, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table > tbody > tr td.ftoRight > .ui-panel > .ui-panel-content .freightDetailPartialButtons {
    padding: 0.5rem;
    border-top: 1px solid var(--surface-400);
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table > tbody > tr td.ftoRight > .ui-panel > .ui-panel-content > .ui-tabs, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table > tbody > tr td.ftoRight > .ui-panel > .ui-panel-content > .ui-tabs {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: inherit;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table > tbody > tr td.ftoRight > .ui-panel > .ui-panel-content > .ui-tabs > .ui-tabs-panels, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table > tbody > tr td.ftoRight > .ui-panel > .ui-panel-content > .ui-tabs > .ui-tabs-panels {
    display: flex;
    height: inherit;
    overflow: auto;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table > tbody > tr td.ftoLeft .ui-datagrid-content, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child table.panelGridLayouter--order--table > tbody > tr td.ftoLeft .ui-datagrid-content {
    margin: 1px;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .mainForm--pre-footer, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .mainForm--pre-footer {
    padding: 0.5rem;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .mainForm--pre-footer .ui-selectbooleancheckbox.ui-chkbox,
body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .mainForm--pre-footer span div, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .mainForm--pre-footer .ui-selectbooleancheckbox.ui-chkbox,
body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .mainForm--pre-footer span div {
    margin: 0 !important;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .order--footer--sticky, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .order--footer--sticky {
    position: unset;
    bottom: auto;
    background-color: inherit;
    border-style: none;
    border-width: 0;
    border-radius: unset;
    padding: inherit;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .freightTrafficOrder--bg, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .freightTrafficOrder--bg {
    background: inherit;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child > div, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child > div {
    display: grid;
    height: inherit;
    overflow: hidden;
    grid-template-rows: auto 1fr 0 0 0 0 0 0;
    /* border: solid fuchsia; */
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .multiDetailGrid, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .multiDetailGrid {
    grid-template-rows: 1fr;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .detailTabsGrid, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .detailTabsGrid {
    display: grid;
    grid-template-rows: max-content 1fr;
    align-items: stretch;
    height: inherit;
    overflow-y: hidden;
    /* border: solid #cd995a; */
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .detailTabsGrid .ui-tabs-panels:first-child, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .detailTabsGrid .ui-tabs-panels:first-child {
    align-self: stretch;
    display: grid;
    height: inherit;
    overflow-y: auto;
    overflow-x: hidden;
    /* border: solid firebrick; */
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .detailTabsGrid .ui-tabs-panels:first-child .ui-tab-panel, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .detailTabsGrid .ui-tabs-panels:first-child .ui-tab-panel {
    display: grid;
    height: inherit;
    /* border: solid orange; */
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .mainForm--footer, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .mainForm--footer {
    align-self: end;
    background-color: var(--white);
    border-radius: 0 0 var(--base-border-radius) var(--base-border-radius);
    -webkit-box-shadow: 0px -4px 6px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -4px 6px -1px rgba(0, 0, 0, 0.1);
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .mainForm--footer .mainForm--footer--saveButtons, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .detailForm .form--mainContent .contentPanel > .ui-panel-content:first-child .mainForm--footer .mainForm--footer--saveButtons {
    padding: 0.75rem;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .ui-tabs .ui-tabs-panels, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .ui-tabs .ui-tabs-panels {
    overflow-y: auto;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .ui-tabs .ui-tabs-navscroller, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .ui-tabs .ui-tabs-navscroller {
    padding-left: 1rem;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn {
    background-color: var(--main-color-2-250);
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left {
    border-radius: 0 var(--base-border-radius) var(--base-border-radius) 0;
    box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.8784313725);
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right, body.splittedViewMaster #document.splittedViewMaster--documentContent #content .panel--detail-TEST .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right {
    border-radius: var(--base-border-radius) 0 0 var(--base-border-radius);
    box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.8784313725);
}

body.splittedViewMaster #document.splittedViewMaster--documentContent #content.leftPanelMenu {
    width: 100%;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .content-rows {
    grid-template-rows: 1fr min-content min-content min-content 1fr;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .content-rows-detail {
    grid-template-rows: 1fr min-content min-content min-content;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .content-columns {
    grid-column: 2;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .content-single-column {
    grid-column: 1;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .mainForm--content--grid {
    display: flex;
    column-gap: 1rem;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .mainForm--content--grid .mainForm--content--column {
    flex-grow: 1;
    padding: 1rem;
    border: 1px solid #dee2e6;
    background-color: rgba(255, 255, 255, 0.3764705882);
    border-radius: var(--base-border-radius);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .multiDetailGrid, body.splittedViewMaster #document.splittedViewMaster--documentContent .multiDetailGrid--content {
    display: grid;
    height: inherit;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .multiDetailGrid {
    /* border: solid teal; */
    overflow: hidden;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .multiDetailGrid--content {
    grid-template-rows: 1fr auto;
    /* border: solid rebeccapurple; */
    overflow-y: hidden; /*necesario TEMPORALMENTE es necesario por ahora porque los botones ocupan mucho y forzan la vista, y se pierde el overflow vertical  */
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .multiDetailGrid--content .ui-tabs:first-child {
    display: grid;
    grid-template-rows: max-content 1fr;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .systemMessageParent {
    padding: 1rem;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: var(--surface-400);
}

body.splittedViewMaster #document.splittedViewMaster--documentContent div.ui-panel.contentPanel .ui-panel-content {
    padding: 0;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .ui-tabs .ui-tabs-panels {
    border: 0 none;
    background: none;
}

body.splittedViewMaster #document.splittedViewMaster--documentContent .ui-tabs .ui-tabs-panels .ui-tabs-panel {
    border: 0 none;
    background: none;
}

body.splittedViewMaster .ui-widget-content.contentPanel .ui-widget-content {
    border-radius: 0;
}

body.splittedViewMaster .navTestMore {
    width: 100%;
    display: flex;
    margin: 0 auto;
}

body.splittedViewMaster .navTestMore .toggle, body.splittedViewMaster .navTestMore .navigation__toggle {
    display: unset;
}

body.splittedViewMaster .navTestMore .ui-tabs {
    width: inherit;
}

body.splittedViewMaster .navTestMore .ui-tabs .ui-tabs-nav {
    height: calc(3rem + 1px);
    overflow: hidden;
    padding-right: 6rem;
    width: 100%;
    list-style: none;
}

body.splittedViewMaster .navTestMore .navigation__toggle {
    flex-shrink: 0;
    margin-left: -6rem;
    height: 3rem;
    width: 6rem;
    padding: 0 1rem;
    background: #fff;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

body.splittedViewMaster .navTestMore .navigation__toggle .navigation__link {
    padding-right: 2rem;
    text-align: right;
    position: relative;
    display: block;
    line-height: 3rem;
    text-decoration: none;
    cursor: pointer;
}

body.splittedViewMaster .navTestMore .navigation__toggle .navigation__link:after {
    content: "";
    position: absolute;
    top: 1.5rem;
    width: 0;
    height: 0;
    right: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #6c757d transparent transparent transparent;
}

body.splittedViewMaster .navTestMore .toggle:checked ~ .ui-tabs .ui-tabs-nav {
    height: auto;
}

body.splittedViewMaster .navTestMore .toggle:checked ~ .navigation__toggle .navigation__link:after {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #6c757d transparent;
}

body.splittedViewMaster .navTestMore .toggle {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

@media screen and (max-width: 400px) {
    body.splittedViewMaster .navTestMore .ui-tabs-nav li {
        flex-basis: 100%;
    }
}

body.splittedViewMaster .borderauOrder--topMessage {
    margin-top: unset;
    margin-bottom: unset;
    font-size: 1.2rem;
}

body .new--searchUI .search--division {
    display: none;
}

body .new--searchUI .aqsInput {
    width: 198px;
    padding: 4px;
}

body.splittedViewMaster .new--searchUI .search--division {
    display: block;
}

body.splittedViewMaster .new--searchUI.grid--buttons__basic,
body.splittedViewMaster .new--searchUI .grid--buttons__basic {
    column-gap: 0.75rem;
}

body.splittedViewMaster .new--searchUI .search--division {
    height: 1.25rem; /* Altura del "borde" */
    width: 1px; /* Grosor del "borde" */
    background-color: rgba(97, 97, 97, 0.6901960784); /* Color del "borde" */
    margin: 0.3rem 0;
}

body.splittedViewMaster .new--searchUI button,
body.splittedViewMaster .new--searchUI button.ui-state-default,
body.splittedViewMaster .new--searchUI .ui-button.ui-state-default,
body.splittedViewMaster .new--searchUI button.ui-state-focus {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: flex;
    align-items: baseline;
    padding: 0 0.5rem;
    height: calc(2rem + 1px);
}

body.splittedViewMaster .new--searchUI button .ui-icon,
body.splittedViewMaster .new--searchUI button.ui-state-default .ui-icon,
body.splittedViewMaster .new--searchUI .ui-button.ui-state-default .ui-icon,
body.splittedViewMaster .new--searchUI button.ui-state-focus .ui-icon {
    position: static;
    margin: auto 0.3rem auto auto;
    width: auto;
    align-items: center;
}

body.splittedViewMaster .new--searchUI button .ui-button-icon-only,
body.splittedViewMaster .new--searchUI button.ui-state-default .ui-button-icon-only,
body.splittedViewMaster .new--searchUI .ui-button.ui-state-default .ui-button-icon-only,
body.splittedViewMaster .new--searchUI button.ui-state-focus .ui-button-icon-only {
    margin: auto;
}

body.splittedViewMaster .new--searchUI button .ui-button-text,
body.splittedViewMaster .new--searchUI button.ui-state-default .ui-button-text,
body.splittedViewMaster .new--searchUI .ui-button.ui-state-default .ui-button-text,
body.splittedViewMaster .new--searchUI button.ui-state-focus .ui-button-text {
    padding: 0;
    margin: auto;
}

body.splittedViewMaster .new--searchUI button.ui-state-hover,
body.splittedViewMaster .new--searchUI button.ui-state-default.ui-state-hover,
body.splittedViewMaster .new--searchUI .ui-button.ui-state-default.ui-state-hover,
body.splittedViewMaster .new--searchUI button.ui-state-focus.ui-state-hover {
    background-color: var(--ecovium-500-10) !important;
}

body.splittedViewMaster .new--searchUI button.ui-state-hover.button--alert,
body.splittedViewMaster .new--searchUI button.ui-state-default.ui-state-hover.button--alert,
body.splittedViewMaster .new--searchUI .ui-button.ui-state-default.ui-state-hover.button--alert,
body.splittedViewMaster .new--searchUI button.ui-state-focus.ui-state-hover.button--alert {
    background-color: var(--red-100) !important;
}

body.splittedViewMaster .new--searchUI .button--highlight button, body.splittedViewMaster .new--searchUI .button--highlightbutton,
body.splittedViewMaster .new--searchUI .button--highlight button.ui-state-default,
body.splittedViewMaster .new--searchUI .button--highlight .ui-button.ui-state-default,
body.splittedViewMaster .new--searchUI .button--highlight button.ui-state-focus {
    background-color: var(--white) !important;
}

body.splittedViewMaster .new--searchUI .button--highlight button .ui-icon, body.splittedViewMaster .new--searchUI .button--highlight button .ui-button-text, body.splittedViewMaster .new--searchUI .button--highlightbutton .ui-icon, body.splittedViewMaster .new--searchUI .button--highlightbutton .ui-button-text,
body.splittedViewMaster .new--searchUI .button--highlight button.ui-state-default .ui-icon,
body.splittedViewMaster .new--searchUI .button--highlight button.ui-state-default .ui-button-text,
body.splittedViewMaster .new--searchUI .button--highlight .ui-button.ui-state-default .ui-icon,
body.splittedViewMaster .new--searchUI .button--highlight .ui-button.ui-state-default .ui-button-text,
body.splittedViewMaster .new--searchUI .button--highlight button.ui-state-focus .ui-icon,
body.splittedViewMaster .new--searchUI .button--highlight button.ui-state-focus .ui-button-text {
    color: var(--ecovium-500-main);
}

body.splittedViewMaster .new--searchUI .button--highlight button.ui-state-hover, body.splittedViewMaster .new--searchUI .button--highlightbutton.ui-state-hover,
body.splittedViewMaster .new--searchUI .button--highlight button.ui-state-default.ui-state-hover,
body.splittedViewMaster .new--searchUI .button--highlight .ui-button.ui-state-default.ui-state-hover,
body.splittedViewMaster .new--searchUI .button--highlight button.ui-state-focus.ui-state-hover {
    background-color: var(--ecovium-500-10) !important;
}

body.splittedViewMaster .new--searchUI .ui-selectbooleanbutton.ui-state-active {
    background-color: var(--ecovium-500-10) !important;
    color: var(--ecovium-500-main) !important;
    border: none;
}

body.splittedViewMaster .new--searchUI .ui-selectbooleanbutton.ui-state-active .ui-icon {
    color: inherit;
}

body.splittedViewMaster .new--searchUI .ui-selectbooleanbutton.ui-state-active.boolean--onoff {
    background-color: transparent !important;
    color: inherit !important;
    padding-left: 0;
}

body.splittedViewMaster .new--searchUI .ui-selectbooleanbutton.ui-state-active.boolean--onoff .ui-icon {
    background-color: var(--ecovium-500-10) !important;
    color: var(--ecovium-500-main) !important;
    margin: calc(0.2rem + 1px) 0.2rem;
    padding: 0.3rem;
    border-radius: var(--base-border-radius);
}

body.splittedViewMaster .new--searchUI .ui-buttonset button > button {
    padding: 0;
}

body.splittedViewMaster .new--searchUI .ui-buttonset .ui-splitbutton-menubutton {
    width: auto;
    padding: 0 !important;
}

body.splittedViewMaster .new--searchUI .ui-buttonset .ui-splitbutton-menubutton .ui-icon {
    margin: auto !important;
    font-size: 0.75rem;
    margin: 0.75rem auto !important;
    font-weight: 800;
}

body.splittedViewMaster .new--searchUI .ui-buttonset .ui-splitbutton-menubutton::before {
    content: "";
    height: 1rem; /* Altura del "borde" */
    width: 1px; /* Grosor del "borde" */
    background-color: rgba(97, 97, 97, 0.5019607843); /* Color del "borde" */
    margin: auto;
}

body.splittedViewMaster .new--searchUI .ui-buttonset .ui-splitbutton-menubutton .ui-icon {
    padding: 0 0.35rem;
}

body.splittedViewMaster .new--searchUI .ui-splitbutton {
    display: flex;
}

body.splittedViewMaster .new--searchUI .ui-splitbutton.ui-buttonset {
    margin-right: 0;
}

body.splittedViewMaster .new--searchUI body .ui-button.ui-button-text-icon-left .ui-button-text {
    padding: 0.3rem 0.5rem 0.3rem 1.5rem;
}

body.splittedViewMaster .new--searchUI body .ui-button.ui-button-text-icon-left .ui-icon {
    margin: -0.4rem -0.5rem;
    width: 1.5rem;
}

body.splittedViewMaster .new--searchUI .aqsInput,
body.splittedViewMaster .new--searchUI .search--plain-input {
    min-width: 312px;
    border-width: 0 0 2px 0 !important;
    border-radius: 0;
    background-color: var(--ecovium-gray-50);
}

body.splittedViewMaster .new--searchUI input.ui-inputfield.ui-inputtext.ui-widget.ui-state-focus.aqsInput, body.splittedViewMaster .new--searchUI input.ui-inputfield.ui-inputtext.ui-widget.ui-state-focus.search--plain-input, body.splittedViewMaster .new--searchUI button.ui-button.ui-state-focus.aqsInput, body.splittedViewMaster .new--searchUI button.ui-button.ui-state-focus.search--plain-input, body.splittedViewMaster .new--searchUI input.ui-state-focus.aqsInput, body.splittedViewMaster .new--searchUI input.ui-state-focus.search--plain-input, body.splittedViewMaster .new--searchUI input.ui-inputfield.ui-state-focus.aqsInput, body.splittedViewMaster .new--searchUI input.ui-inputfield.ui-state-focus.search--plain-input {
    border-width: 0 0 2px 0 !important;
}

body.splittedViewMaster .new--searchUI .filter--alert {
    padding: 0.3rem 0;
    font-weight: 700;
    color: var(--red-500-main);
    margin-right: -0.75rem;
}

body.splittedViewMaster .new--searchUI .filter--alert i {
    font-size: 0.9rem;
    padding: 0 1px 0 0;
    color: inherit;
}

body.splittedViewMaster .new--searchUI .search--btn {
    margin-left: -87px;
    margin-right: 51px;
}

body.splittedViewMaster .new--searchUI .search--temp-input-fix + .search--btn {
    margin-left: -33px;
    margin-right: 0px;
}

body.splittedViewMaster .new--searchUI .search--aqs-btn {
    margin-left: -53px;
}

body.splittedViewMaster .new--searchUI .search--aqs-btn::before {
    content: "";
    height: 1.25rem; /* Altura del "borde" */
    width: 1px; /* Grosor del "borde" */
    margin: auto;
    margin-right: 6px;
    border: 1px solid rgba(97, 97, 97, 0.6901960784);
    border-width: 0 1px 0 0;
}

body.splittedViewMaster .new--searchUI .search--btn {
    width: 2rem;
}

body, body .ui-widget {
    font-family: var(--font-family);
}

h1, h2, h3, h4,
.h1, .h2, .h3, .h4,
.startHeaderText,
.loginForm button .ui-button-text,
.loginPrimaryButton .ui-button-text,
.loginSecondaryButton,
button.loginSecondaryButton,
button.loginSecondaryButton .ui-button-text,
a.loginSecondaryButton {
    font-family: var(--font-family-alt);
}

.pi {
    font-family: "primeicons";
}

.ui-widget-header.headerPanel .ui-widget-content {
    border-radius: var(--base-border-radius);
}

.ui-widget-header.headerPanel .ui-widget-content.ui-dialog {
    border-radius: calc(var(--base-border-radius) * 2);
}

.ui-widget-content.contentPanel .ui-widget-content {
    border-radius: var(--base-border-radius);
}

.ui-widget-content.contentPanel .ui-widget-content.ui-dialog {
    border-radius: calc(var(--base-border-radius) * 2);
}

.ui-dialog {
    border-radius: calc(var(--base-border-radius) * 2);
}

body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer {
    margin-bottom: 0.25rem;
}

body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list,
body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item {
    padding: 0;
}

body .ui-accordion .ui-accordion-content {
    border: 1px solid var(--surface-400);
}

body .ui-tree {
    padding: 0;
}

body .ui-tree .ui-tree-container {
    padding: 0 calc(var(--inline-spacing) * 2);
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler,
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon {
    margin: 0;
    width: auto;
    padding-right: calc(var(--inline-spacing) * 2);
}

body .ui-tree .ui-treenode-children {
    margin: 0;
    padding-left: calc(var(--inline-spacing) * 4);
}

body .ui-datagrid .ui-datagrid-content {
    padding: 0;
}

body .ui-panel .ui-panel-content {
    background: transparent;
}

body .ui-panel.ui-state-highlight .ui-panel-content {
    background: none;
}

body .ui-panel .ui-panel-title {
    margin: 0 !important;
}

body .ui-panel .ui-panel-titlebar-icon,
body .ui-panel .ui-panel-titlebar-icon:hover,
body .ui-panel .ui-panel-titlebar-icon:focus {
    margin-top: 0 !important;
}

body .ui-panel .ui-panel-titlebar + .ui-panel-content {
    border: 1px solid var(--surface-400);
    border-top: 0 none;
    background: var(--white);
    border-radius: 0px 0px var(--base-border-radius) var(--base-border-radius);
}

body .ui-datatable .ui-panel .ui-widget-content {
    border: 0 none !important;
}

body .ui-datatable .ui-panel .ui-panel-titlebar + .ui-panel-content {
    background: transparent;
    border: 0 none;
}

body .selectModeButtons .ui-panel-titlebar + .ui-panel-content {
    border: 0 none;
}

body .ui-panelgrid .ui-panelgrid-cell {
    border: 1px solid var(--surface-300);
    padding: 0.3rem 0.5rem;
}

body .ui-inputfield.ui-state-error {
    border-bottom-width: 3px;
}

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

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
    padding-right: 0.5rem;
}

body .ui-selectcheckboxmenu {
    width: 100%;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
    padding: 0.25rem 2.25rem 0.1rem 0.5rem;
    border: 0 none !important;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield.ui-state-hover {
    border: 0 none !important;
}

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

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon {
    margin-top: -0.75rem;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    border-left: 1px solid #cccdd1 !important;
}

body .ui-selectonemenu-label,
body .ui-selectonemenu label.ui-selectonemenu-label {
    min-height: 1rem;
    max-height: 1.7rem;
    padding: 0.3rem 2.5rem 0.5rem 0.5rem;
}

body .ui-fluid .ui-selectonemenu-label {
    min-height: calc(1.5rem + 3px);
}

body .ui-inputfield {
    min-height: 2.15rem;
}

body .ui-selectonemenu {
    height: 2.15rem;
}

body .ui-calendar.ui-trigger-calendar {
    height: 2.15rem;
}

body .ui-calendar .ui-button,
body .ui-calendar .ui-button.ui-button-icon-only {
    height: 2.15rem;
}

body .ui-autocomplete .ui-autocomplete-dropdown {
    height: 2.15rem;
}

body .ui-selectonelistbox, body .ui-selectmanymenu {
    height: fit-content !important;
}

body .orderAddressPanel {
    height: 7rem !important;
}

body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link {
    padding: 0.25rem 1rem;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper,
body .ui-selectonemenu-panel .ui-selectonemenu-list {
    border-radius: var(--base-border-radius);
}

body .ui-spinner:hover .ui-inputfield, body .ui-spinner:hover button, body .ui-spinner:hover a.ui-button,
body .ui-autocomplete-multiple:hover .ui-inputfield,
body .ui-autocomplete-multiple:hover button,
body .ui-autocomplete-multiple:hover a.ui-button,
body .ui-calendar:hover .ui-inputfield,
body .ui-calendar:hover button,
body .ui-calendar:hover a.ui-button {
    border: 1px solid var(--ecovium-500-main);
}

body .ui-spinner .ui-spinner-button + .ui-spinner-button {
    border-top: 0px !important;
}

body .ui-inputfield.ui-state-hover {
    border: 1px solid var(--ecovium-500-main) !important;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container {
    min-width: 14rem;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield.ui-state-hover {
    border: none;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    align-items: flex-start;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    margin-top: 0.3rem;
}

body .ui-button {
    border: 1px solid var(--surface-400);
}

body .ui-button.ui-state-hover {
    border: 1px solid var(--ecovium-500-main);
}

body button.ui-autocomplete-dropdown,
body button.ui-datepicker-trigger {
    border: 1px solid var(--surface-400);
}

body .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
    border-left: 0 !important;
}

body .ui-datatable-footer .ui-button {
    border: 1px solid transparent !important;
}

body .ui-datatable-footer .ui-button.ui-state-hover, body .ui-datatable-footer .ui-button.ui-state-focus, body .ui-datatable-footer .ui-button.ui-state-active {
    border: 1px solid var(--surface-400) !important;
}

body .ui-datatable-footer .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
    border-left: 1px solid var(--surface-300) !important;
}

body input .ui-widget-content .ui-state-default {
    border: 1px solid var(--surface-400) !important;
}

body input.ui-widget-header, body input.ui-statedefault {
    border: 1px solid var(--surface-400) !important;
}

body input .ui-selectonemenu,
body input .ui-inputfield,
body input .ui-selectonemenu.ui-statedefault,
body input .ui-chkbox .ui-state-default,
body input .ui-chkbox .ui-widget-content .ui-state-default,
body input .ui-autocomplete-dropdown.ui-button.ui-statedefault,
body input .ui-datepicker-trigger.ui-butto.ui-state-default {
    border: 1px solid var(--surface-400) !important;
}

body .ui-chkbox .ui-chkbox-box {
    /*ICON approach
  .ui-chkbox-icon {
    font-family: "Font Awesome 5 Free" !important;
    font-size: 1.75rem;
    font-weight: bold;
    left: 0;
    top: 0;
    margin-left: -1px;
    margin-top: -0.3rem;
    font-weight: 300;

    &:before {
      content: "\f0c8" !important;
      font-family: "Font Awesome 5 Free" !important;
      font-weight: 300;
    }
    &.ui-icon-check:before {
      content: "\f14a" !important;
      font-family: "Font Awesome 5 Free" !important;
    }
    &.ui-icon-closethick:before {
      /*content: "\f2d3" !important;*/
    /*
    content: "\f00d" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-size: 1rem;
    margin-top: 0.5rem;
    margin-left:0.5rem;
    display: block;
  }
  &.ui-icon-blank:before {
    content: "\f0c8" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 300;
  }
}*/
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon,
body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check,
body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-blank,
body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick {
    font-size: calc(1rem - 2px);
    font-weight: bold;
    left: auto;
    top: auto;
    margin-left: -0.4rem;
    margin-top: 0.3rem;
}

body .ui-panel .ui-panel-titlebar {
    border: 1px solid var(--surface-400) !important;
}

body .vis-timeline .vis-item {
    border: 1px solid var(--surface-400) !important;
    background-color: var(--ecovium-gray-300) !important;
}

body .vis-timeline .vis-item.vis-selected {
    border: 1px solid var(--surface-400) !important;
    background-color: var(--ecovium-50) !important;
}

body .ui-tree {
    border: 1px solid var(--surface-400) !important;
}

body .ui-autocomplete-panel .ui-autocomplete-table th, body .ui-autocomplete-panel .ui-autocomplete-table td {
    border: 1px solid var(--surface-400) !important;
}

body .ui-menu.ui-shadow,
body .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper,
body .ui-datepicker.ui-input-overlay {
    border: 1px solid var(--surface-d) !important;
}

body .ui-selectonelistbox .ui-selectlistbox-listcontainer,
body .ui-selectmanymenu .ui-selectlistbox-listcontainer {
    padding: 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-top: 1px solid var(--surface-400) !important;
}

body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item:first-child,
body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item:first-child {
    border-top: none !important;
    border-radius: var(--base-border-radius) var(--base-border-radius) 0 0;
}

body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item:last-child,
body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item:last-child {
    border-radius: 0 0 var(--base-border-radius) var(--base-border-radius);
}

body .ui-datatable .ui-datatable-footer,
body .ui-datatable .ui-widget-content,
body .ui-datatable .ui-datatable-data,
body .ui-datatable th {
    border: 1px solid var(--surface-400) !important;
}

body .ui-datatable .ui-datatable-footer {
    border-top-color: transparent !important;
}

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

body .ui-datatable .ui-paginator.ui-paginator-top {
    border-top: 1px solid var(--surface-400) !important;
    border-left: 1px solid var(--surface-400) !important;
    border-right: 1px solid var(--surface-400) !important;
    border-radius: 3px 3px 0 0;
}

body .ui-datatable .ui-paginator.ui-paginator-bottom {
    border-bottom: 1px solid var(--surface-400) !important;
    border-left: 1px solid var(--surface-400) !important;
    border-right: 1px solid var(--surface-400) !important;
}

body .ui-picklist .ui-picklist-list {
    border: 1px solid var(--surface-400) !important;
}

body .ui-paginator .ui-paginator-first,
body .ui-paginator .ui-paginator-prev,
body .ui-paginator .ui-paginator-next,
body .ui-paginator .ui-paginator-last,
body .ui-paginator .ui-paginator-pages {
    margin: 0.25rem 0;
    border-radius: 100px;
}

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,
body .ui-paginator .ui-paginator-pages:before {
    top: 0px;
}

body .ui-paginator .ui-paginator-pages {
    margin: 0;
}

body .ui-paginator .ui-paginator-rpp-options {
    border: 1px solid #b7bfc7;
    min-width: 2rem;
    height: 2rem;
    border-radius: var(--base-border-radius);
    padding: 0 0.25rem 0 0.25rem;
    vertical-align: unset;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page {
    line-height: 2rem;
    border-radius: inherit;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover {
    color: #000;
}

body .ui-dialog .ui-dialog-titlebar {
    padding: 0.5rem 0.5rem 0.5rem 1rem;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    float: left;
    margin: 0.3em 16px 0.1em 0;
}

body .ui-dialog .ui-dialog-content {
    padding: 1rem;
}

body .ui-dialog .ui-dialog-content table td {
    padding-bottom: 0.5rem;
}

body .ui-dialog .ui-dialog-content table td table td {
    padding-bottom: 0;
}

body .ui-dialog .ui-dialog-content .ui-panel-content {
    padding: 0 !important;
}

body .ui-dialog .ui-dialog-footer {
    padding: 0.75rem;
}

body .ui-dialog .ui-dialog-footer button.ui-button {
    margin-right: 0.5rem;
    padding: 0.25rem;
    font-size: 1.2rem;
}

body .ui-dialog .ui-dialog-footer button.ui-button.ui-button-text-icon-left .ui-icon {
    left: 0.8rem;
}

body .ui-dialog .ui-dialog-footer button.ui-button.ui-button-text-icon-right .ui-icon {
    right: 0.8rem;
}

body .ui-dialog .ui-dialog-footer button.ui-button.ui-button-icon-only {
    width: 2rem;
    padding: 0;
}

body .ui-dialog .ui-dialog-footer button.ui-button .ui-icon {
    margin-top: -0.45rem;
}

body .ui-dialog .ui-panel .ui-panel-content {
    border: 0px solid transparent;
}

body .ui-dialog .ui-divider.ui-divider-horizontal {
    margin: 1rem 0 !important;
}

body .ui-dialog .ui-divider:before {
    border: 1px solid var(--ecovium-gray-200);
    border-top: 0 none;
    width: 100%;
}

body .ui-dialog .dialogSpacer {
    width: 100%;
    height: 1.5rem;
}

body .ui-dialog.editDocumentDialog .ui-dialog-content,
body .ui-dialog.editDocumentDialog .ui-dialog-content > .ui-outputpanel {
    min-width: 34rem;
    min-height: 30rem;
}

body .ui-dialog .dialogFooter {
    margin-top: 1.5rem;
}

body .ui-dialog .dialogFooter .ui-button {
    margin-right: 0.5rem;
}

body .ui-dialog .dialogFooter .ui-button:first-of-type {
    margin-right: 0;
}

body .ui-dialog .ui-button.ui-button-primary,
body .ui-dialog .ui-splitbutton.ui-button-primary > .ui-button {
    background: var(--ecovium-500-main) !important;
    color: #ffffff;
    border: 1px solid var(--ecovium-500-main) !important;
}

body .ui-messages > div {
    display: flex;
    padding: 1rem;
    margin: 0.5rem 0 0.5rem;
}

body .ui-messages .ui-messages-info .ui-messages-info-icon,
body .ui-messages .ui-messages-warn .ui-messages-warn-icon,
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 {
    margin: -0.25rem 0.5rem -0.2rem 0;
    display: block;
}

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-bottom: 2px;
}

body .ui-messages ul .ui-messages-info-summary :last-of-type,
body .ui-messages ul .ui-messages-warn-summary :last-of-type,
body .ui-messages ul .ui-messages-error-summary :last-of-type,
body .ui-messages ul .ui-messages-fatal-summary :last-of-type {
    margin-bottom: 0;
}

body .ui-messages-dialog {
    padding: 5px 5px 5px 5px;
    margin: 0;
}

body .ui-datalist .ui-datalist-content {
    padding: 0 calc(var(--inline-spacing) * 2);
}

body .dashBoardBody .dash {
    background-color: var(--surface-a);
}

body .ui-panelmenu h3.ui-panelmenu-header a {
    transition: background-color 0.1s, color 0.1s, border-color 0.1s, box-shadow 0.1s;
    font-family: var(--font-family-alt);
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    padding: 0.2em 0.4rem 0.4rem;
    margin-bottom: 0.1rem;
}

input.ui-inputfield.ui-inputtext.ui-widget .ui-state-focus,
button.ui-button .ui-state-focus,
input .ui-state-focus,
input.ui-inputfield .ui-state-focus {
    box-shadow: none !important;
    border: 1px solid var(--ecovium-500-main) !important;
}

input.ui-inputfield.ui-inputtext.ui-widget.ui-state-focus,
button.ui-button.ui-state-focus,
input.ui-state-focus,
input.ui-inputfield.ui-state-focus {
    box-shadow: none !important;
    border: 1px solid var(--ecovium-500-main) !important;
}

body .ui-datepicker .ui-datepicker-calendar td {
    padding: 0.25rem;
}

body .ui-datepicker .ui-datepicker-calendar td a {
    border: 1px solid transparent !important;
}

body .ui-orderlist {
    border: 1px solid var(--surface-400);
    background-color: var(--white);
    padding: 0;
    max-width: 42rem;
    min-width: 15rem;
    border-radius: var(--base-border-radius);
}

body .ui-orderlist .ui-orderlist-item.ui-state-hover {
    cursor: grab;
}

body .ui-orderlist .ui-orderlist-item.ui-sortable-helper {
    cursor: grabbing;
}

body .ui-orderlist .ui-orderlist-list {
    height: auto;
}

body .ui-orderlist .ui-orderlist-list .ui-orderlist-item {
    padding: 0;
    border-bottom: 1px solid var(--surface-300);
}

body .ui-orderlist .ui-g > div.ui-orderlist-controls {
    min-width: 2rem;
    max-width: 2rem;
    margin: 1rem 2rem 1rem 1rem;
    justify-content: flex-start;
    padding: 0;
}

@media screen and (min-width: 600px) {
    body .ui-orderlist .ui-g > div.ui-orderlist-controls {
        width: auto;
    }
}

body .ui-orderlist .ui-g > div.ui-orderlist-controls + .ui-g-12 {
    width: calc(100% - 5rem);
}

body .ui-orderlist .ui-button {
    max-width: 2rem;
    min-width: 2rem;
    height: 2rem;
}

body .ui-orderlist .ui-orderlist-caption {
    background-color: transparent;
    border: none;
    padding: 0.5rem;
}

.newPasswordContent label,
.newPasswordInputSection,
.newPasswordInputSection .ui-password input {
    width: 100%;
}

.newPasswordInputSection .ui-password {
    width: calc(100% - 1.75rem);
}

.newPasswordContent {
    width: 100%;
    min-width: 24rem;
    max-width: 32rem;
}

.newPasswordContent.passwordMobile {
    min-width: auto;
    margin: 0;
}

.newPasswordContent .ui-commandlink {
    text-decoration: none;
}

.newPasswordContent ul.newPasswordList {
    text-decoration: none;
    padding-left: 2rem;
    white-space: normal;
}

.newPasswordContent ul.newPasswordList li {
    margin-bottom: 0.5rem;
}

.newPasswordContent ul.newPasswordList li::marker {
    color: var(--negative);
    font-size: 1.55rem;
    line-height: 1rem;
}

.newPasswordContent ul.newPasswordList li.active::marker {
    color: var(--positive);
}

body .internalPanelMenu.ui-overlaypanel {
    border: none;
    padding: 0.5rem 0;
}

body .internalPanelMenu .internalPanelHeight {
    max-height: 32em;
    overflow-y: auto;
    min-width: 20em;
}

body .internalPanelMenu .ui-overlaypanel-content {
    padding: 0;
    border: none;
}

body .internalPanelMenu .ui-panelmenu h3 {
    display: none;
    font-size: 13px !important;
}

body .internalPanelMenu .ui-panelmenu h3.ui-panelmenu-header {
    padding: 0.5rem 0.75rem 0.25rem 0.75rem;
}

body .internalPanelMenu .ui-panelmenu a.ui-menuitem-link {
    font-size: 1rem !important;
}

body .internalPanelMenu .ui-panelmenu .ui-menuitem-link {
    line-height: 15px;
}

body .internalPanelMenu .ui-panelmenu .ui-panelmenu-content {
    padding: 0;
}

body .internalPanelMenu .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link {
    padding: 0.25rem 0.75rem;
}

body .internalPanelMenu .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon {
    margin-right: 0.5rem;
}

/*# sourceMappingURL=theme.css.map */

/*# sourceMappingURL=defaultTheme.css.map */

body .ui-selectonebutton.ui-state-error .ui-button {
    border-color: #b7bfc7 #b7bfc7 #e4677e #b7bfc7;
}