@import 'eicui-glyphs-2.0.css';

:root,:after,:before {
    --eicui-base-color-grey-100: #404040;
    --eicui-base-color-grey-100-rgb: #404040;
    --eicui-base-color-grey-100-contrast: #fff;
    --eicui-base-color-grey-100-contrast-rgb: #fff;
    --eicui-base-color-grey-90: #535353;
    --eicui-base-color-grey-90-rgb: #535353;
    --eicui-base-color-grey-90-contrast: #fff;
    --eicui-base-color-grey-90-contrast-rgb: #fff;
    --eicui-base-color-grey-80: #666;
    --eicui-base-color-grey-80-rgb: #666;
    --eicui-base-color-grey-80-contrast: #fff;
    --eicui-base-color-grey-80-contrast-rgb: #fff;
    --eicui-base-color-grey-75: #707070;
    --eicui-base-color-grey-75-rgb: #707070;
    --eicui-base-color-grey-75-contrast: #fff;
    --eicui-base-color-grey-75-contrast-rgb: #fff;
    --eicui-base-color-grey-50: #a0a0a0;
    --eicui-base-color-grey-50-rgb: #a0a0a0;
    --eicui-base-color-grey-50-contrast: #404040;
    --eicui-base-color-grey-50-contrast-rgb: #404040;
    --eicui-base-color-grey-35: #bcbcbc;
    --eicui-base-color-grey-35-rgb: #bcbcbc;
    --eicui-base-color-grey-35-contrast: #404040;
    --eicui-base-color-grey-35-contrast-rgb: #404040;
    --eicui-base-color-grey-25: #cfcfcf;
    --eicui-base-color-grey-25-rgb: #cfcfcf;
    --eicui-base-color-grey-25-contrast: #404040;
    --eicui-base-color-grey-25-contrast-rgb: #404040;
    --eicui-base-color-grey-20: #d9d9d9;
    --eicui-base-color-grey-20-rgb: #d9d9d9;
    --eicui-base-color-grey-20-contrast: #404040;
    --eicui-base-color-grey-20-contrast-rgb: #404040;
    --eicui-base-color-grey-15: #e2e2e2;
    --eicui-base-color-grey-15-rgb: #e2e2e2;
    --eicui-base-color-grey-15-contrast: #404040;
    --eicui-base-color-grey-15-contrast-rgb: #404040;
    --eicui-base-color-grey-10: #ececec;
    --eicui-base-color-grey-10-rgb: #ececec;
    --eicui-base-color-grey-10-contrast: #404040;
    --eicui-base-color-grey-10-contrast-rgb: #404040;
    --eicui-base-color-grey-5: #f5f5f5;
    --eicui-base-color-grey-5-rgb: #f5f5f5;
    --eicui-base-color-grey-5-contrast: #404040;
    --eicui-base-color-grey-5-contrast-rgb: #404040;
    --eicui-base-color-grey-2: #fbfbfb;
    --eicui-base-color-grey-2-rgb: #fbfbfb;
    --eicui-base-color-grey-2-contrast: #404040;
    --eicui-base-color-grey-2-contrast-rgb: #404040;
    --eicui-base-color-primary-140: #002959;
    --eicui-base-color-primary-140-rgb: #002959;
    --eicui-base-color-primary-140-contrast: #fff;
    --eicui-base-color-primary-140-contrast-rgb: #fff;
    --eicui-base-color-primary-130: #003068;
    --eicui-base-color-primary-130-rgb: #003068;
    --eicui-base-color-primary-130-contrast: #fff;
    --eicui-base-color-primary-130-contrast-rgb: #fff;
    --eicui-base-color-primary-120: #003676;
    --eicui-base-color-primary-120-rgb: #003676;
    --eicui-base-color-primary-120-contrast: #fff;
    --eicui-base-color-primary-120-contrast-rgb: #fff;
    --eicui-base-color-primary-110: #003d85;
    --eicui-base-color-primary-110-rgb: #003d85;
    --eicui-base-color-primary-110-contrast: #fff;
    --eicui-base-color-primary-110-contrast-rgb: #fff;
    --eicui-base-color-primary-100: #004494;
    --eicui-base-color-primary-100-rgb: #004494;
    --eicui-base-color-primary-100-contrast: #fff;
    --eicui-base-color-primary-100-contrast-rgb: #fff;
    --eicui-base-color-primary-75: #4073af;
    --eicui-base-color-primary-75-rgb: #4073af;
    --eicui-base-color-primary-75-contrast: #fff;
    --eicui-base-color-primary-75-contrast-rgb: #fff;
    --eicui-base-color-primary-50: #80a2ca;
    --eicui-base-color-primary-50-rgb: #80a2ca;
    --eicui-base-color-primary-50-contrast: #404040;
    --eicui-base-color-primary-50-contrast-rgb: #404040;
    --eicui-base-color-primary-25: #bfd0e4;
    --eicui-base-color-primary-25-rgb: #bfd0e4;
    --eicui-base-color-primary-25-contrast: #404040;
    --eicui-base-color-primary-25-contrast-rgb: #404040;
    --eicui-base-color-primary-10: #e6ecf4;
    --eicui-base-color-primary-10-rgb: #e6ecf4;
    --eicui-base-color-primary-10-contrast: #404040;
    --eicui-base-color-primary-10-contrast-rgb: #404040;
    --eicui-base-color-primary-5: #f2f6fa;
    --eicui-base-color-primary-5-rgb: #f2f6fa;
    --eicui-base-color-primary-5-contrast: #404040;
    --eicui-base-color-primary-5-contrast-rgb: #404040;
    --eicui-base-color-accent-140: #99800e;
    --eicui-base-color-accent-140-rgb: #99800e;
    --eicui-base-color-accent-140-contrast: #404040;
    --eicui-base-color-accent-140-contrast-rgb: #404040;
    --eicui-base-color-accent-130: #b39610;
    --eicui-base-color-accent-130-rgb: #b39610;
    --eicui-base-color-accent-130-contrast: #404040;
    --eicui-base-color-accent-130-contrast-rgb: #404040;
    --eicui-base-color-accent-120: #f8ae21;
    --eicui-base-color-accent-120-rgb: #f8ae21;
    --eicui-base-color-accent-120-contrast: #404040;
    --eicui-base-color-accent-120-contrast-rgb: #404040;
    --eicui-base-color-accent-110: #fbc11d;
    --eicui-base-color-accent-110-rgb: #fbc11d;
    --eicui-base-color-accent-110-contrast: #404040;
    --eicui-base-color-accent-110-contrast-rgb: #404040;
    --eicui-base-color-accent-100: #ffd617;
    --eicui-base-color-accent-100-rgb: #ffd617;
    --eicui-base-color-accent-100-contrast: #404040;
    --eicui-base-color-accent-100-contrast-rgb: #404040;
    --eicui-base-color-accent-75: #ffde39;
    --eicui-base-color-accent-75-rgb: #ffde39;
    --eicui-base-color-accent-75-contrast: #404040;
    --eicui-base-color-accent-75-contrast-rgb: #404040;
    --eicui-base-color-accent-50: #ffe879;
    --eicui-base-color-accent-50-rgb: #ffe879;
    --eicui-base-color-accent-50-contrast: #404040;
    --eicui-base-color-accent-50-contrast-rgb: #404040;
    --eicui-base-color-accent-25: #fff4bb;
    --eicui-base-color-accent-25-rgb: #fff4bb;
    --eicui-base-color-accent-25-contrast: #404040;
    --eicui-base-color-accent-25-contrast-rgb: #404040;
    --eicui-base-color-accent-10: #fffbe8;
    --eicui-base-color-accent-10-rgb: #fffbe8;
    --eicui-base-color-accent-10-contrast: #404040;
    --eicui-base-color-accent-10-contrast-rgb: #404040;
    --eicui-base-color-accent-5: #fffdf3;
    --eicui-base-color-accent-5-rgb: #fffdf3;
    --eicui-base-color-accent-5-contrast: #404040;
    --eicui-base-color-accent-5-contrast-rgb: #404040;
    --eicui-base-color-info-140: #00436c;
    --eicui-base-color-info-140-rgb: #00436c;
    --eicui-base-color-info-140-contrast: #fff;
    --eicui-base-color-info-140-contrast-rgb: #fff;
    --eicui-base-color-info-130: #004e7e;
    --eicui-base-color-info-130-rgb: #004e7e;
    --eicui-base-color-info-130-contrast: #fff;
    --eicui-base-color-info-130-contrast-rgb: #fff;
    --eicui-base-color-info-120: #005990;
    --eicui-base-color-info-120-rgb: #005990;
    --eicui-base-color-info-120-contrast: #fff;
    --eicui-base-color-info-120-contrast-rgb: #fff;
    --eicui-base-color-info-110: #0064a2;
    --eicui-base-color-info-110-rgb: #0064a2;
    --eicui-base-color-info-110-contrast: #fff;
    --eicui-base-color-info-110-contrast-rgb: #fff;
    --eicui-base-color-info-100: #006fb4;
    --eicui-base-color-info-100-rgb: #006fb4;
    --eicui-base-color-info-100-contrast: #fff;
    --eicui-base-color-info-100-contrast-rgb: #fff;
    --eicui-base-color-info-75: #4093c7;
    --eicui-base-color-info-75-rgb: #4093c7;
    --eicui-base-color-info-75-contrast: #fff;
    --eicui-base-color-info-75-contrast-rgb: #fff;
    --eicui-base-color-info-50: #80b7da;
    --eicui-base-color-info-50-rgb: #80b7da;
    --eicui-base-color-info-50-contrast: #404040;
    --eicui-base-color-info-50-contrast-rgb: #404040;
    --eicui-base-color-info-25: #bfdbec;
    --eicui-base-color-info-25-rgb: #bfdbec;
    --eicui-base-color-info-25-contrast: #404040;
    --eicui-base-color-info-25-contrast-rgb: #404040;
    --eicui-base-color-info-10: #e6f1f8;
    --eicui-base-color-info-10-rgb: #e6f1f8;
    --eicui-base-color-info-10-contrast: #404040;
    --eicui-base-color-info-10-contrast-rgb: #404040;
    --eicui-base-color-info-5: #f2f8fb;
    --eicui-base-color-info-5-rgb: #f2f8fb;
    --eicui-base-color-info-5-contrast: #404040;
    --eicui-base-color-info-5-contrast-rgb: #404040;
    --eicui-base-color-success-140: #2a4922;
    --eicui-base-color-success-140-rgb: #2a4922;
    --eicui-base-color-success-140-contrast: #fff;
    --eicui-base-color-success-140-contrast-rgb: #fff;
    --eicui-base-color-success-130: #315528;
    --eicui-base-color-success-130-rgb: #315528;
    --eicui-base-color-success-130-contrast: #fff;
    --eicui-base-color-success-130-contrast-rgb: #fff;
    --eicui-base-color-success-120: #38622e;
    --eicui-base-color-success-120-rgb: #38622e;
    --eicui-base-color-success-120-contrast: #fff;
    --eicui-base-color-success-120-contrast-rgb: #fff;
    --eicui-base-color-success-110: #3f6e33;
    --eicui-base-color-success-110-rgb: #3f6e33;
    --eicui-base-color-success-110-contrast: #fff;
    --eicui-base-color-success-110-contrast-rgb: #fff;
    --eicui-base-color-success-100: #467a39;
    --eicui-base-color-success-100-rgb: #467a39;
    --eicui-base-color-success-100-contrast: #fff;
    --eicui-base-color-success-100-contrast-rgb: #fff;
    --eicui-base-color-success-75: #749b6b;
    --eicui-base-color-success-75-rgb: #749b6b;
    --eicui-base-color-success-75-contrast: #404040;
    --eicui-base-color-success-75-contrast-rgb: #404040;
    --eicui-base-color-success-50: #a3bd9c;
    --eicui-base-color-success-50-rgb: #a3bd9c;
    --eicui-base-color-success-50-contrast: #404040;
    --eicui-base-color-success-50-contrast-rgb: #404040;
    --eicui-base-color-success-25: #d1dece;
    --eicui-base-color-success-25-rgb: #d1dece;
    --eicui-base-color-success-25-contrast: #404040;
    --eicui-base-color-success-25-contrast-rgb: #404040;
    --eicui-base-color-success-10: #edf2eb;
    --eicui-base-color-success-10-rgb: #edf2eb;
    --eicui-base-color-success-10-contrast: #404040;
    --eicui-base-color-success-10-contrast-rgb: #404040;
    --eicui-base-color-success-5: #f6f8f5;
    --eicui-base-color-success-5-rgb: #f6f8f5;
    --eicui-base-color-success-5-contrast: #404040;
    --eicui-base-color-success-5-contrast-rgb: #404040;
    --eicui-base-color-warning-140: #915917;
    --eicui-base-color-warning-140-rgb: #915917;
    --eicui-base-color-warning-140-contrast: #fff;
    --eicui-base-color-warning-140-contrast-rgb: #fff;
    --eicui-base-color-warning-130: #a9681b;
    --eicui-base-color-warning-130-rgb: #a9681b;
    --eicui-base-color-warning-130-contrast: #fff;
    --eicui-base-color-warning-130-contrast-rgb: #fff;
    --eicui-base-color-warning-120: #c2771f;
    --eicui-base-color-warning-120-rgb: #c2771f;
    --eicui-base-color-warning-120-contrast: #404040;
    --eicui-base-color-warning-120-contrast-rgb: #404040;
    --eicui-base-color-warning-110: #da8623;
    --eicui-base-color-warning-110-rgb: #da8623;
    --eicui-base-color-warning-110-contrast: #404040;
    --eicui-base-color-warning-110-contrast-rgb: #404040;
    --eicui-base-color-warning-100: #f29527;
    --eicui-base-color-warning-100-rgb: #f29527;
    --eicui-base-color-warning-100-contrast: #404040;
    --eicui-base-color-warning-100-contrast-rgb: #404040;
    --eicui-base-color-warning-75: #f5b05d;
    --eicui-base-color-warning-75-rgb: #f5b05d;
    --eicui-base-color-warning-75-contrast: #404040;
    --eicui-base-color-warning-75-contrast-rgb: #404040;
    --eicui-base-color-warning-50: #f9ca93;
    --eicui-base-color-warning-50-rgb: #f9ca93;
    --eicui-base-color-warning-50-contrast: #404040;
    --eicui-base-color-warning-50-contrast-rgb: #404040;
    --eicui-base-color-warning-25: #fce5c9;
    --eicui-base-color-warning-25-rgb: #fce5c9;
    --eicui-base-color-warning-25-contrast: #404040;
    --eicui-base-color-warning-25-contrast-rgb: #404040;
    --eicui-base-color-warning-10: #fef4e9;
    --eicui-base-color-warning-10-rgb: #fef4e9;
    --eicui-base-color-warning-10-contrast: #404040;
    --eicui-base-color-warning-10-contrast-rgb: #404040;
    --eicui-base-color-warning-5: #fefaf4;
    --eicui-base-color-warning-5-rgb: #fefaf4;
    --eicui-base-color-warning-5-contrast: #404040;
    --eicui-base-color-warning-5-contrast-rgb: #404040;
    --eicui-base-color-danger-140: #83141d;
    --eicui-base-color-danger-140-rgb: #83141d;
    --eicui-base-color-danger-140-contrast: #fff;
    --eicui-base-color-danger-140-contrast-rgb: #fff;
    --eicui-base-color-danger-130: #991722;
    --eicui-base-color-danger-130-rgb: #991722;
    --eicui-base-color-danger-130-contrast: #fff;
    --eicui-base-color-danger-130-contrast-rgb: #fff;
    --eicui-base-color-danger-120: #ae1a27;
    --eicui-base-color-danger-120-rgb: #ae1a27;
    --eicui-base-color-danger-120-contrast: #fff;
    --eicui-base-color-danger-120-contrast-rgb: #fff;
    --eicui-base-color-danger-110: #c41e2c;
    --eicui-base-color-danger-110-rgb: #c41e2c;
    --eicui-base-color-danger-110-contrast: #fff;
    --eicui-base-color-danger-110-contrast-rgb: #fff;
    --eicui-base-color-danger-100: #da2131;
    --eicui-base-color-danger-100-rgb: #da2131;
    --eicui-base-color-danger-100-contrast: #fff;
    --eicui-base-color-danger-100-contrast-rgb: #fff;
    --eicui-base-color-danger-75: #e35965;
    --eicui-base-color-danger-75-rgb: #e35965;
    --eicui-base-color-danger-75-contrast: #404040;
    --eicui-base-color-danger-75-contrast-rgb: #404040;
    --eicui-base-color-danger-50: #ed9098;
    --eicui-base-color-danger-50-rgb: #ed9098;
    --eicui-base-color-danger-50-contrast: #404040;
    --eicui-base-color-danger-50-contrast-rgb: #404040;
    --eicui-base-color-danger-25: #f6c8cc;
    --eicui-base-color-danger-25-rgb: #f6c8cc;
    --eicui-base-color-danger-25-contrast: #404040;
    --eicui-base-color-danger-25-contrast-rgb: #404040;
    --eicui-base-color-danger-10: #fbe9ea;
    --eicui-base-color-danger-10-rgb: #fbe9ea;
    --eicui-base-color-danger-10-contrast: #404040;
    --eicui-base-color-danger-10-contrast-rgb: #404040;
    --eicui-base-color-danger-5: #fdf4f5;
    --eicui-base-color-danger-5-rgb: #fdf4f5;
    --eicui-base-color-danger-5-contrast: #404040;
    --eicui-base-color-danger-5-contrast-rgb: #404040;
    --eicui-base-color-grey: #a0a0a0;
    --eicui-base-color-primary: #004494;
    --eicui-base-color-accent: #ffd617;
    --eicui-base-color-info: #006fb4;
    --eicui-base-color-success: #467a39;
    --eicui-base-color-warning: #f29527;
    --eicui-base-color-danger: #da2131;
    --eicui-base-color-text: var(--eicui-base-color-grey-100);
    --eicui-base-color-link: var(--eicui-base-color-primary-100);
    --eicui-base-color-black: #000;
    --eicui-base-color-white: #fff;
    --eicui-base-color: var(--eicui-base-color-grey-100);
    --eicui-base-font-size: 16px;
    --eicui-base-font-size-6xl: 2.625rem;
    --eicui-base-font-size-5xl: 2.25rem;
    --eicui-base-font-size-4xl: 2rem;
    --eicui-base-font-size-3xl: 1.75rem;
    --eicui-base-font-size-2xl: 1.5rem;
    --eicui-base-font-size-xl: 1.25rem;
    --eicui-base-font-size-l: 1.125rem;
    --eicui-base-font-size-m: 1rem;
    --eicui-base-font-size-s: 0.875rem;
    --eicui-base-font-size-xs: 0.75rem;
    --eicui-base-font-size-2xs: 0.625rem;
    --eicui-base-font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    --eicui-base-font-family-icons: eui-icons,sans-serif;
    --eicui-base-font-family-monospace: Consolas,Liberation Mono,Courier New,monospace;
    --eicui-base-icon-size: 1.5rem;
    --eicui-base-icon-size-2xs: 0.75rem;
    --eicui-base-icon-size-xs: 1rem;
    --eicui-base-icon-size-s: 1.25rem;
    --eicui-base-icon-size-m: 1.5rem;
    --eicui-base-icon-size-l: 2rem;
    --eicui-base-icon-size-xl: 2.5rem;
    --eicui-base-icon-size-2xl: 3.25rem;
    --eicui-base-icon-size-3xl: 4.5rem;
    --eicui-base-icon-size-4xl: 6.25rem;
    --eicui-base-spacing-none: 0;
    --eicui-base-spacing-2xs: 0.25rem;
    --eicui-base-spacing-xs: 0.5rem;
    --eicui-base-spacing-s: 0.75rem;
    --eicui-base-spacing-m: 1rem;
    --eicui-base-spacing-l: 1.5rem;
    --eicui-base-spacing-xl: 2rem;
    --eicui-base-spacing-2xl: 2.5rem;
    --eicui-base-spacing-3xl: 3rem;
    --eicui-base-spacing-4xl: 4rem;
    --eicui-base-shadow-1: 0 2px 1px -1px rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 1px 3px 0 rgba(0,0,0,0.12);
    --eicui-base-shadow-2: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);
    --eicui-base-shadow-3: 0 3px 1px -2px rgba(0,0,0,0.2),0 3px 4px 0 rgba(0,0,0,0.14),0 1px 8px 0 rgba(0,0,0,0.12);
    --eicui-base-shadow-4: 0 2px 4px -1px rgba(0,0,0,0.2),0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12);
    --eicui-base-shadow-6: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
    --eicui-base-shadow-8: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
    --eicui-base-shadow-9: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);
    --eicui-base-shadow-12: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);
    --eicui-base-shadow-16: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);
    --eicui-base-shadow-24: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);
    --eicui-base-shadow-z-depth-0: 0 1px 0 rgba(0,0,0,0.08),0 1px 1px rgba(0,0,0,0.08);
    --eicui-base-shadow-z-depth-1: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    --eicui-base-shadow-z-depth-2: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);
    --eicui-base-shadow-z-depth-3: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);
    --eicui-base-shadow-z-depth-4: 0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);
    --eicui-base-shadow-z-depth-5: 0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22);
    --eicui-base-z-index-auto: auto;
    --eicui-base-z-index-zero: 0;
    --eicui-base-z-index-root: 1;
    --eicui-base-z-index-input-maxlength: 2;
    --eicui-base-z-index-header: 5;
    --eicui-base-z-index-top-message: 8;
    --eicui-base-z-index-nav: 10;
    --eicui-base-z-index-clearable-icon: 11;
    --eicui-base-z-index-loading-indicator: 20;
    --eicui-base-z-index-sticky: 1040;
    --eicui-base-z-index-sidebar: 1044;
    --eicui-base-z-index-overlay: 1045;
    --eicui-base-z-index-btn-floating: 1046;
    --eicui-base-z-index-highlighted: 1047;
    --eicui-base-z-index-footer-action-bar: 1048;
    --eicui-base-z-index-modal-backdrop: 1049;
    --eicui-base-z-index-modal: 1050;
    --eicui-base-z-index-menu: 1060;
    --eicui-base-z-index-tooltip: 1070;
    --eicui-base-z-index-max: 9999;
    --eicui-base-z-index-growl-message: 99999;
    --eicui-base-line-height: 1.25;
    --eicui-base-scale-factor: 1;
    --eicui-base-disabled-opacity: 0.45;
    --eicui-base-border-radius: 3px;
    --eicui-base-border: 1px solid var(--eicui-color-grey-lighter);
    --eicui-base-border-light: 1px solid var(--eicui-color-grey-light);
    --eicui-base-border-lighter: 1px solid var(--eicui-color-grey-lighter);
    --eicui-base-border-lightest: 1px solid var(--eicui-color-grey-lightest);
    --eicui-base-animation-linear-out-slow-in-timing-function: cubic-bezier(0,0,0.2,1);
    --eicui-base-animation-fast-out-slow-in-timing-function: cubic-bezier(0.4,0,0.2,1);
    --eicui-base-animation-fast-out-linear-in-timing-function: cubic-bezier(0.4,0,1,1);
    --eicui-base-animation-ease-timing-function: cubic-bezier(0.25,0.1,0.25,1);
    --eicui-base-animation-ease-in-out-timing-function: ease-in-out;
    --eicui-base-animation-duration-fast: 0.25s;
    --eicui-base-animation-duration-medium: 0.5s;
    --eicui-base-animation-duration-slow: 1s;
    --eicui-base-animation-duration-base: 500ms;
    --eicui-base-animation-duration: var(--eicui-base-animation-duration-base);
    --eicui-base-animation-transition-base: all 0.2s var(--eicui-base-animation-linear-out-slow-in-timing-function);
    --eicui-base-animation-transition-ease: all 0.2s var(--eicui-base-animation-ease-timing-function);
    --eicui-base-animation-transition-ease-in-out: all 0.2s var(--eicui-base-animation-ease-in-out-timing-function);
    --eicui-base-animation-transition-ease-in-out-1s: all 1s var(--eicui-base-animation-ease-in-out-timing-function);
    --eicui-base-animation-delay: 0s;
    --eicui-base-animation-direction: normal;
    --eicui-base-animation-fill-mode: forwards;
    --eicui-base-animation-background-color: var(--eicui-base-color-primary-50);
    --eicui-base-color-accessible-focus: var(--eicui-base-color-accent-110);
    --eicui-app-header-height-default: 0px;
    --eicui-app-header-height: 0px;
    --eicui-app-header-height-active: 90px;
    --eicui-app-header-height-shrink: 0px;
    --eicui-app-top-message-height-default: 0px;
    --eicui-app-top-message-height: 0px;
    --eicui-app-top-message-height-active: 42px;
    --eicui-app-toolbar-height-default: 0px;
    --eicui-app-toolbar-height: 0px;
    --eicui-app-toolbar-height-active: 55px;
    --eicui-app-sidebar-width-default: 0px;
    --eicui-app-sidebar-width: 0px;
    --eicui-app-sidebar-width-active: 300px;
    --eicui-app-sidebar-width-close-default: 0px;
    --eicui-app-sidebar-width-close: 0px;
    --eicui-app-sidebar-width-close-active: 64px;
    --eicui-app-sidebar-header-height: 0px;
    --eicui-app-sidebar-header-height-default: 0px;
    --eicui-app-sidebar-header-height-active: 48px;
    --eicui-app-sidebar-footer-height: 0px;
    --eicui-app-sidebar-footer-height-default: 0px;
    --eicui-app-sidebar-footer-height-active: 24px;
    --eicui-page-header-with-subtitle-height: 4rem;
    --eicui-page-header-without-subtitle-height: 2rem;
    --eicui-page-column--size-s: 50px;
    --eicui-page-column--size-m: 150px;
    --eicui-page-column--size-l: 200px;
    --eicui-page-column--size-xl: 250px;
    --eicui-page-column--size-xxl: 300px;
    --eicui-page-column--size-xxxl: 350px;
    --eicui-page-column-footer-height: 3.5rem;
    --eicui-border-state-width: 6px;
    --eicui-app-header-bg-color: var(--eicui-base-color-white);
    --eicui-app-header-title-color: var(--eicui-base-color-grey-100);
    --eicui-app-header-subtitle-color: var(--eicui-base-color-grey-75);
    --eicui-app-toolbar-color: var(--eicui-base-color-white);
    --eicui-app-toolbar-bg-color: var(--eicui-base-color-primary-100);
    --eicui-app-toolbar-border-bottom-color: var(--eicui-base-color-primary-25);
    --eicui-app-sidebar-bg-color: var(--eicui-base-color-grey-2);
    --eicui-app-sidebar-border-right-color: #f2f4f9;
    --eicui-app-body-bg-color: var(--eicui-base-color-grey-5);
    --eicui-app-main-bg-color: var(--eicui-base-color-grey-2);
    --eicui-app-footer-color: var(--eicui-base-color-font);
    --eicui-app-footer-bg-color: var(--eicui-base-color-grey-2);
    --eicui-app-footer-border-top-color: #e8ebf1;    
}

:focus { outline: 0; }

.eui-u-font-size-6xl { font-size: 2.625rem!important; }
.eui-u-font-size-5xl { font-size: 2.25rem!important; }
.eui-u-font-size-4xl { font-size: 2rem!important; }
.eui-u-font-size-3xl { font-size: 1.75rem!important; }
.eui-u-font-size-2xl { font-size: 1.5rem!important; }
.eui-u-font-size-xl { font-size: 1.25rem!important; }
.eui-u-font-size-l { font-size: 1.125rem!important; }
.eui-u-font-size-m { font-size: 1rem!important; }
.eui-u-font-size-s { font-size: .875rem!important; }
.eui-u-font-size-xs { font-size: .75rem!important; }
.eui-u-font-size-2xs { font-size: .625rem!important; }

.eui-u-font-6xl { font: normal normal 400 2.625rem/3.25rem arial,sans-serif!important; }
.eui-u-font-5xl { font: normal normal 400 2.25rem/2.75rem arial,sans-serif!important; }
.eui-u-font-4xl { font: normal normal 400 2rem/2.5rem arial,sans-serif!important; }
.eui-u-font-3xl { font: normal normal 400 1.75rem/2rem arial,sans-serif!important; }
.eui-u-font-2xl { font: normal normal 400 1.5rem/1.75rem arial,sans-serif!important; }
.eui-u-font-xl { font: normal normal 400 1.25rem/1.5rem arial,sans-serif!important; }
.eui-u-font-l { font: normal normal 400 1.125rem/1.5rem arial,sans-serif!important; }
.eui-u-font-m { font: normal normal 400 1rem/1.25rem arial,sans-serif!important; }
.eui-u-font-s { font: normal normal 400 .875rem/1rem arial,sans-serif!important; }
.eui-u-font-xs { font: normal normal 400 .75rem/1rem arial,sans-serif!important; }
.eui-u-font-2xs { font: normal normal 400 .625rem/1rem arial,sans-serif!important; }

.eui-u-font-regular { font-style: normal!important; font-weight: 400!important; }
.eui-u-font-bold { font-style: normal!important; font-weight: 700!important; }
.eui-u-font-bold-italic { font-style: italic!important; font-weight: 700!important; }
.eui-u-font-italic { font-style: italic!important; font-weight: 400!important; }
.eui-u-font-light { font-style: normal!important; font-weight: 300!important; }

.eui-u-text-left { text-align: left!important; }
.eui-u-text-right { text-align: right!important; }
.eui-u-text-center { text-align: center!important; }
.eui-u-text-justify { text-align: justify!important; }
.eui-u-text-nowrap,.eui-u-text-truncate { white-space: nowrap!important; }
.eui-u-text-truncate { overflow: hidden!important; text-overflow: ellipsis!important; }

.eui-u-text-overline { text-decoration: overline!important; }
.eui-u-text-underline { text-decoration: underline!important; }
.eui-u-text-line-through { text-decoration: line-through!important; }
.eui-u-text-lowercase { text-transform: lowercase!important; }
.eui-u-text-uppercase { text-transform: uppercase!important; }
.eui-u-text-capitalize { text-transform: capitalize!important; }

/** 
* Preloader adapted from Anastasiya Kuligina 
* @see https://codepen.io/WebSonata/pen/bRaONB
*/
@keyframes spin {
  0% { transform: rotate(0deg) ; }
  100% { transform: rotate(360deg) ; }
}

.preloader {
    display: grid;
    align-content: center;
    justify-content: center;
}
.loader {
    display: block;
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 3px solid transparent !important;
    border-top-color: #9370DB !important;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin-left: 0;
    margin-right: 0;
}
.loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #BA55D3;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
.loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FF00FF;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}


body[eicapp] {
    --eicui-body-bg-color: var(--eicui-app-body-bg-color);
    --eicui-body-color: var(--eicui-base-color);
    --eicui-body-font-family: var(--eicui-base-font-family);
    --eicui-body-font-size: var(--eicui-base-font-size);
    --eicui-body-line-height: var(--eicui-base-line-height);
    background: radial-gradient(#263c20, #282828 );
    color: var(--eicui-body-color);
    font-family: var(--eicui-body-font-family);
    font-feature-settings: "liga";
    font-size: var(--eicui-body-font-size);
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: 400;
    line-height: var(--eicui-body-line-height);
    margin: 0;
    text-align: left;
    text-rendering: optimizeLegibility;
}

[eicapp] .center { text-align: center; }

[eicapp] p { padding: var(--eicui-base-spacing-m) 0 !important; }

[eicapp] [eicapptoolbar] {
    background: #1d261d;
    align-items: center;
    color: var(--eicui-app-toolbar-color);
    width: 100%;
    height: var(--eicui-app-toolbar-height-active);
    transition: top .1s ease,left .1s ease-in,width .1s ease-in;
    z-index: var(--eicui-base-z-index-nav);
    padding: var(--eicui-base-spacing-m) var(--eicui-base-spacing-m) var(--eicui-base-spacing-m) var(--eicui-base-spacing-2xs);
    box-sizing: border-box;
}

[eicapp] [eicapptoolbar] img.logo{
    height: var(--eicui-app-toolbar-height-active); 
    position: absolute;
    right: 0px;
}
[eicapp] [eicapptoolbar] .app-menu {
    margin: 0 var(--eicui-base-spacing-xs) 0 0;
    border: none;
    background: none;
    color: white;
}
[eicapp] [eicapptoolbar] .app-menu:active,
[eicapp] [eicapptoolbar] .app-menu:focus {
    box-shadow: none;
}

[eicapp] [eicapptoolbar] .eu-logo {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='365pt' height='123pt' viewBox='0 0 365 123' version='1.1'%3E%3Cdefs%3E%3CclipPath id='clip1'%3E%3Cpath d='M 185 0.542969 L 364.378906 0.542969 L 364.378906 123 L 185 123 Z M 185 0.542969 '/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='surface1'%3E%3Cg clip-path='url(%23clip1)' clip-rule='nonzero'%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(100%25 100%25 100%25)%3Bfill-opacity:1%3B' d='M 185.230469 123 L 364.378906 123 L 364.378906 0.542969 L 185.230469 0.542969 L 185.230469 123 '/%3E%3C/g%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 14.964844 12.167969 L 29.9375 12.167969 L 29.9375 14.921875 L 17.992188 14.921875 L 17.992188 23.078125 L 27.804688 23.078125 L 27.804688 25.832031 L 17.992188 25.832031 L 17.992188 33.855469 L 30.660156 33.855469 L 30.660156 36.609375 L 14.964844 36.609375 L 14.964844 12.167969 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 48.667969 19.84375 L 48.667969 36.609375 L 45.878906 36.609375 L 45.878906 33.820312 L 45.84375 33.820312 C 44.503906 35.746094 42.507812 36.8125 40.335938 36.8125 C 36.480469 36.8125 34.039062 34.609375 34.039062 29.828125 L 34.039062 19.84375 L 36.828125 19.84375 L 36.828125 29.035156 C 36.828125 32.855469 38.238281 34.265625 40.921875 34.265625 C 43.574219 34.265625 45.878906 31.960938 45.878906 27.96875 L 45.878906 19.84375 L 48.667969 19.84375 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 62.65625 19.671875 L 62.65625 22.769531 C 62.28125 22.734375 61.832031 22.699219 61.554688 22.699219 C 58.390625 22.699219 56.460938 25.144531 56.460938 28.519531 L 56.460938 36.609375 L 53.671875 36.609375 L 53.671875 19.84375 L 56.460938 19.84375 L 56.460938 22.804688 L 56.496094 22.804688 C 57.734375 20.808594 59.699219 19.636719 61.96875 19.636719 C 62.246094 19.636719 62.484375 19.636719 62.65625 19.671875 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 78.949219 28.242188 C 78.949219 24.664062 76.402344 22.21875 73.164062 22.21875 C 69.65625 22.21875 67.3125 24.902344 67.3125 28.242188 C 67.3125 31.582031 69.6875 34.265625 73.164062 34.265625 C 76.402344 34.265625 78.949219 31.789062 78.949219 28.242188 Z M 64.492188 28.242188 C 64.492188 23.421875 67.933594 19.636719 73.164062 19.636719 C 78.089844 19.636719 81.773438 23.148438 81.773438 28.242188 C 81.773438 33.335938 78.089844 36.8125 73.164062 36.8125 C 67.933594 36.8125 64.492188 33.0625 64.492188 28.242188 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 99.84375 28.34375 C 99.84375 24.628906 97.363281 22.21875 94.164062 22.21875 C 90.996094 22.21875 88.621094 24.902344 88.621094 28.34375 C 88.621094 31.890625 91.238281 34.265625 94.199219 34.265625 C 97.605469 34.265625 99.84375 31.71875 99.84375 28.34375 Z M 102.667969 28.34375 C 102.667969 33.476562 99.085938 36.8125 94.472656 36.8125 C 92.097656 36.8125 90.101562 35.816406 88.757812 34.128906 L 88.691406 34.128906 L 88.691406 43.421875 L 85.9375 43.421875 L 85.9375 19.84375 L 88.726562 19.84375 L 88.726562 22.320312 L 88.757812 22.320312 C 90.171875 20.566406 92.234375 19.636719 94.472656 19.636719 C 99.222656 19.636719 102.667969 23.386719 102.667969 28.34375 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 108.738281 26.796875 L 118.859375 26.796875 C 118.410156 24.042969 116.65625 22.21875 113.972656 22.21875 C 111.355469 22.21875 109.257812 23.9375 108.738281 26.796875 Z M 121.546875 29.101562 L 108.636719 29.101562 C 109.015625 32.234375 111.21875 34.265625 114.246094 34.265625 C 116.347656 34.265625 117.929688 33.304688 118.964844 31.996094 L 120.925781 33.679688 C 119.480469 35.539062 117.207031 36.8125 114.144531 36.8125 C 109.394531 36.8125 105.8125 33.335938 105.8125 28.242188 C 105.8125 23.183594 109.289062 19.636719 113.835938 19.636719 C 118.515625 19.636719 121.613281 23.148438 121.613281 27.96875 C 121.613281 28.414062 121.546875 29 121.546875 29.101562 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 138.789062 28.34375 C 138.789062 24.902344 136.414062 22.21875 133.179688 22.21875 C 130.011719 22.21875 127.5 24.628906 127.5 28.34375 C 127.5 31.71875 129.738281 34.265625 133.144531 34.265625 C 136.175781 34.265625 138.789062 31.890625 138.789062 28.34375 Z M 141.476562 19.84375 L 141.476562 36.609375 L 138.789062 36.609375 L 138.789062 33.957031 L 138.757812 33.957031 C 137.414062 35.746094 135.347656 36.8125 132.902344 36.8125 C 128.257812 36.8125 124.675781 33.476562 124.675781 28.34375 C 124.675781 23.386719 128.121094 19.636719 132.871094 19.636719 C 135.175781 19.636719 137.242188 20.601562 138.652344 22.355469 L 138.6875 22.355469 L 138.6875 19.84375 L 141.476562 19.84375 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 161.421875 26.660156 L 161.421875 36.609375 L 158.632812 36.609375 L 158.632812 27.449219 C 158.632812 23.527344 156.980469 22.21875 154.535156 22.21875 C 151.367188 22.21875 149.269531 24.457031 149.269531 28.242188 L 149.269531 36.609375 L 146.480469 36.609375 L 146.480469 19.84375 L 149.269531 19.84375 L 149.269531 22.769531 L 149.304688 22.769531 C 150.714844 20.773438 152.917969 19.636719 155.394531 19.636719 C 159.011719 19.636719 161.421875 21.875 161.421875 26.660156 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 0 49.554688 L 3.027344 49.554688 L 3.027344 73.996094 L 0 73.996094 L 0 49.554688 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 23.679688 64.046875 L 23.679688 73.996094 L 20.890625 73.996094 L 20.890625 64.839844 C 20.890625 60.914062 19.238281 59.605469 16.792969 59.605469 C 13.628906 59.605469 11.527344 61.84375 11.527344 65.628906 L 11.527344 73.996094 L 8.738281 73.996094 L 8.738281 57.230469 L 11.527344 57.230469 L 11.527344 60.15625 L 11.5625 60.15625 C 12.972656 58.160156 15.175781 57.023438 17.652344 57.023438 C 21.269531 57.023438 23.679688 59.261719 23.679688 64.046875 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 43.542969 64.046875 L 43.542969 73.996094 L 40.753906 73.996094 L 40.753906 64.839844 C 40.753906 60.914062 39.101562 59.605469 36.660156 59.605469 C 33.492188 59.605469 31.390625 61.84375 31.390625 65.628906 L 31.390625 73.996094 L 28.605469 73.996094 L 28.605469 57.230469 L 31.390625 57.230469 L 31.390625 60.15625 L 31.425781 60.15625 C 32.839844 58.160156 35.039062 57.023438 37.519531 57.023438 C 41.132812 57.023438 43.542969 59.261719 43.542969 64.046875 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 61.878906 65.628906 C 61.878906 62.050781 59.332031 59.605469 56.09375 59.605469 C 52.582031 59.605469 50.242188 62.289062 50.242188 65.628906 C 50.242188 68.96875 52.617188 71.652344 56.09375 71.652344 C 59.332031 71.652344 61.878906 69.175781 61.878906 65.628906 Z M 47.417969 65.628906 C 47.417969 60.8125 50.859375 57.023438 56.09375 57.023438 C 61.015625 57.023438 64.699219 60.535156 64.699219 65.628906 C 64.699219 70.722656 61.015625 74.203125 56.09375 74.203125 C 50.859375 74.203125 47.417969 70.449219 47.417969 65.628906 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 82.527344 57.230469 L 75.710938 73.996094 L 73.027344 73.996094 L 66.175781 57.230469 L 69.171875 57.230469 L 74.335938 70.449219 L 74.4375 70.449219 L 79.5 57.230469 L 82.527344 57.230469 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 98.097656 65.734375 C 98.097656 62.289062 95.722656 59.605469 92.484375 59.605469 C 89.320312 59.605469 86.804688 62.015625 86.804688 65.734375 C 86.804688 69.105469 89.042969 71.652344 92.453125 71.652344 C 95.480469 71.652344 98.097656 69.277344 98.097656 65.734375 Z M 100.78125 57.230469 L 100.78125 73.996094 L 98.097656 73.996094 L 98.097656 71.34375 L 98.0625 71.34375 C 96.71875 73.132812 94.65625 74.203125 92.210938 74.203125 C 87.5625 74.203125 83.984375 70.863281 83.984375 65.734375 C 83.984375 60.777344 87.425781 57.023438 92.175781 57.023438 C 94.480469 57.023438 96.546875 57.988281 97.960938 59.742188 L 97.992188 59.742188 L 97.992188 57.230469 L 100.78125 57.230469 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 106.285156 69.003906 L 106.285156 59.640625 L 104.152344 59.640625 L 104.152344 57.230469 L 106.285156 57.230469 L 106.285156 51.515625 L 109.074219 51.207031 L 109.074219 57.230469 L 114.652344 57.230469 L 114.652344 59.640625 L 109.074219 59.640625 L 109.074219 68.589844 C 109.074219 70.585938 109.554688 71.585938 111.140625 71.585938 C 112.136719 71.585938 113.171875 71.171875 113.960938 70.722656 L 114.71875 73.167969 C 113.789062 73.683594 112.621094 74.203125 110.65625 74.203125 C 107.660156 74.203125 106.285156 72.378906 106.285156 69.003906 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 118.121094 57.230469 L 120.90625 57.230469 L 120.90625 73.996094 L 118.121094 73.996094 Z M 117.535156 52.171875 C 117.535156 51.105469 118.394531 50.207031 119.53125 50.207031 C 120.632812 50.207031 121.527344 51.105469 121.527344 52.171875 C 121.527344 53.273438 120.632812 54.132812 119.53125 54.132812 C 118.394531 54.132812 117.535156 53.273438 117.535156 52.171875 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 139.507812 65.628906 C 139.507812 62.050781 136.960938 59.605469 133.726562 59.605469 C 130.214844 59.605469 127.871094 62.289062 127.871094 65.628906 C 127.871094 68.96875 130.25 71.652344 133.726562 71.652344 C 136.960938 71.652344 139.507812 69.175781 139.507812 65.628906 Z M 125.050781 65.628906 C 125.050781 60.8125 128.492188 57.023438 133.726562 57.023438 C 138.648438 57.023438 142.332031 60.535156 142.332031 65.628906 C 142.332031 70.722656 138.648438 74.203125 133.726562 74.203125 C 128.492188 74.203125 125.050781 70.449219 125.050781 65.628906 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 161.417969 64.046875 L 161.417969 73.996094 L 158.628906 73.996094 L 158.628906 64.839844 C 158.628906 60.914062 156.976562 59.605469 154.535156 59.605469 C 151.367188 59.605469 149.265625 61.84375 149.265625 65.628906 L 149.265625 73.996094 L 146.480469 73.996094 L 146.480469 57.230469 L 149.265625 57.230469 L 149.265625 60.15625 L 149.300781 60.15625 C 150.714844 58.160156 152.914062 57.023438 155.394531 57.023438 C 159.007812 57.023438 161.417969 59.261719 161.417969 64.046875 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 47.710938 99.257812 C 47.710938 92.304688 52.046875 86.695312 59.898438 86.695312 C 63.273438 86.695312 66.78125 88.070312 69.433594 91.375 L 67.195312 93.234375 C 65.335938 90.894531 62.71875 89.550781 59.898438 89.550781 C 54.320312 89.550781 50.84375 93.578125 50.84375 99.257812 C 50.84375 105.078125 54.734375 108.691406 59.898438 108.691406 C 63.066406 108.691406 65.472656 107.175781 67.195312 105.042969 L 69.433594 106.9375 C 67.300781 109.585938 64.199219 111.550781 59.898438 111.550781 C 53.289062 111.550781 47.710938 107.246094 47.710938 99.257812 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 86.71875 103.011719 C 86.71875 99.429688 84.171875 96.988281 80.933594 96.988281 C 77.421875 96.988281 75.082031 99.671875 75.082031 103.011719 C 75.082031 106.351562 77.457031 109.035156 80.933594 109.035156 C 84.171875 109.035156 86.71875 106.558594 86.71875 103.011719 Z M 72.261719 103.011719 C 72.261719 98.191406 75.703125 94.40625 80.933594 94.40625 C 85.855469 94.40625 89.539062 97.917969 89.539062 103.011719 C 89.539062 108.105469 85.855469 111.585938 80.933594 111.585938 C 75.703125 111.585938 72.261719 107.832031 72.261719 103.011719 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 108.03125 94.613281 L 108.03125 111.378906 L 105.242188 111.378906 L 105.242188 108.589844 L 105.207031 108.589844 C 103.863281 110.515625 101.867188 111.585938 99.699219 111.585938 C 95.84375 111.585938 93.398438 109.382812 93.398438 104.597656 L 93.398438 94.613281 L 96.1875 94.613281 L 96.1875 103.804688 C 96.1875 107.625 97.597656 109.035156 100.285156 109.035156 C 102.933594 109.035156 105.242188 106.730469 105.242188 102.734375 L 105.242188 94.613281 L 108.03125 94.613281 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 127.976562 101.429688 L 127.976562 111.378906 L 125.1875 111.378906 L 125.1875 102.21875 C 125.1875 98.296875 123.535156 96.988281 121.089844 96.988281 C 117.925781 96.988281 115.824219 99.226562 115.824219 103.011719 L 115.824219 111.378906 L 113.035156 111.378906 L 113.035156 94.613281 L 115.824219 94.613281 L 115.824219 97.539062 L 115.859375 97.539062 C 117.269531 95.542969 119.472656 94.40625 121.949219 94.40625 C 125.566406 94.40625 127.976562 96.644531 127.976562 101.429688 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 131.851562 103.011719 C 131.851562 97.953125 135.328125 94.40625 140.25 94.40625 C 142.761719 94.40625 145.34375 95.4375 146.996094 97.402344 L 145.070312 99.085938 C 144.035156 97.8125 142.382812 96.988281 140.386719 96.988281 C 137.015625 96.988281 134.671875 99.464844 134.671875 103.011719 C 134.671875 106.59375 137.015625 109.035156 140.386719 109.035156 C 142.351562 109.035156 144.105469 108.175781 145.136719 107.039062 L 147.066406 108.761719 C 145.652344 110.34375 143.140625 111.585938 140.148438 111.585938 C 135.328125 111.585938 131.851562 108.105469 131.851562 103.011719 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 150.542969 94.613281 L 153.328125 94.613281 L 153.328125 111.378906 L 150.542969 111.378906 Z M 149.957031 89.550781 C 149.957031 88.484375 150.816406 87.589844 151.953125 87.589844 C 153.054688 87.589844 153.949219 88.484375 153.949219 89.550781 C 153.949219 90.652344 153.054688 91.515625 151.953125 91.515625 C 150.816406 91.515625 149.957031 90.652344 149.957031 89.550781 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(32.93457%25 22.363281%25 63.084412%25)%3Bfill-opacity:1%3B' d='M 158.632812 86.9375 L 161.421875 86.9375 L 161.421875 111.378906 L 158.632812 111.378906 L 158.632812 86.9375 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(0%25 19.993591%25 59.959412%25)%3Bfill-opacity:1%3B' d='M 189.769531 5.078125 L 359.84375 5.078125 L 359.84375 118.464844 L 189.769531 118.464844 L 189.769531 5.078125 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(100%25 80.076599%25 0%25)%3Bfill-opacity:1%3B' d='M 271.183594 29.78125 L 274.769531 27.164062 L 278.359375 29.78125 L 276.992188 25.546875 L 280.640625 22.929688 L 276.144531 22.929688 L 274.769531 18.640625 L 273.394531 22.933594 L 268.90625 22.929688 L 272.546875 25.546875 L 271.183594 29.78125 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(100%25 80.076599%25 0%25)%3Bfill-opacity:1%3B' d='M 252.609375 34.773438 L 256.199219 32.152344 L 259.785156 34.773438 L 258.421875 30.539062 L 262.066406 27.917969 L 257.570312 27.917969 L 256.195312 23.625 L 254.820312 27.921875 L 250.332031 27.917969 L 253.972656 30.539062 L 252.609375 34.773438 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(100%25 80.076599%25 0%25)%3Bfill-opacity:1%3B' d='M 242.609375 37.246094 L 241.234375 41.542969 L 236.742188 41.539062 L 240.386719 44.15625 L 239.019531 48.390625 L 242.609375 45.773438 L 246.199219 48.390625 L 244.832031 44.15625 L 248.476562 41.539062 L 243.984375 41.539062 L 242.609375 37.246094 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(100%25 80.076599%25 0%25)%3Bfill-opacity:1%3B' d='M 237.625 64.320312 L 241.210938 66.941406 L 239.847656 62.707031 L 243.488281 60.085938 L 239 60.085938 L 237.625 55.796875 L 236.25 60.097656 L 231.757812 60.085938 L 235.402344 62.707031 L 234.035156 66.941406 L 237.625 64.320312 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(100%25 80.076599%25 0%25)%3Bfill-opacity:1%3B' d='M 243.984375 78.691406 L 242.609375 74.398438 L 241.234375 78.695312 L 236.742188 78.691406 L 240.386719 81.308594 L 239.019531 85.546875 L 242.609375 82.921875 L 246.199219 85.546875 L 244.832031 81.308594 L 248.476562 78.691406 L 243.984375 78.691406 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(100%25 80.076599%25 0%25)%3Bfill-opacity:1%3B' d='M 257.601562 92.304688 L 256.226562 88.019531 L 254.851562 92.3125 L 250.359375 92.304688 L 254.003906 94.925781 L 252.636719 99.160156 L 256.226562 96.542969 L 259.8125 99.160156 L 258.449219 94.925781 L 262.09375 92.304688 L 257.601562 92.304688 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(100%25 80.076599%25 0%25)%3Bfill-opacity:1%3B' d='M 276.148438 97.238281 L 274.773438 92.949219 L 273.402344 97.246094 L 268.90625 97.238281 L 272.550781 99.859375 L 271.1875 104.09375 L 274.777344 101.476562 L 278.363281 104.09375 L 276.996094 99.859375 L 280.640625 97.238281 L 276.148438 97.238281 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(100%25 80.076599%25 0%25)%3Bfill-opacity:1%3B' d='M 294.695312 92.304688 L 293.324219 88.019531 L 291.945312 92.3125 L 287.457031 92.304688 L 291.097656 94.925781 L 289.734375 99.160156 L 293.324219 96.542969 L 296.914062 99.160156 L 295.546875 94.925781 L 299.191406 92.304688 L 294.695312 92.304688 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(100%25 80.076599%25 0%25)%3Bfill-opacity:1%3B' d='M 308.316406 78.691406 L 306.9375 74.398438 L 305.5625 78.695312 L 301.074219 78.691406 L 304.71875 81.308594 L 303.351562 85.546875 L 306.9375 82.921875 L 310.527344 85.546875 L 309.160156 81.308594 L 312.804688 78.691406 L 308.316406 78.691406 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(100%25 80.076599%25 0%25)%3Bfill-opacity:1%3B' d='M 317.738281 60.035156 L 313.246094 60.035156 L 311.867188 55.742188 L 310.496094 60.039062 L 306.003906 60.035156 L 309.648438 62.652344 L 308.285156 66.890625 L 311.867188 64.265625 L 315.457031 66.890625 L 314.09375 62.652344 L 317.738281 60.035156 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(100%25 80.076599%25 0%25)%3Bfill-opacity:1%3B' d='M 303.351562 48.335938 L 306.9375 45.71875 L 310.527344 48.335938 L 309.160156 44.101562 L 312.804688 41.488281 L 308.316406 41.488281 L 306.9375 37.195312 L 305.5625 41.492188 L 301.074219 41.488281 L 304.71875 44.101562 L 303.351562 48.335938 '/%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:rgb(100%25 80.076599%25 0%25)%3Bfill-opacity:1%3B' d='M 293.375 23.632812 L 292.003906 27.929688 L 287.511719 27.917969 L 291.148438 30.542969 L 289.785156 34.777344 L 293.382812 32.152344 L 296.964844 34.777344 L 295.601562 30.542969 L 299.246094 27.917969 L 294.746094 27.917969 L 293.375 23.632812 '/%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    cursor: pointer;
    flex: 0 0 auto;
    height: 44px;
    outline-offset: -1px;
    width: 130px;
    margin: 0 0 0 0;
}

[eicapp] [eicapptoolbar] h1 {
    padding: 0;
    font-size: var(--eicui-base-font-size-3xl);
    padding-left: var(--eicui-base-spacing-m);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--eicui-base-color-white);
    border: none;
}

[eicapp] .eic-growler:not(:empty) {
    position: fixed;
    bottom:0;
    right:0;
    z-index: var(--eicui-base-z-index-growl-message);
    padding: 0 var(--eicui-base-spacing-l) var(--eicui-base-spacing-l) 0;
}

[eicapp] .eic-growler [eicalert][danger], 
[eicapp] .eic-growler [eicalert][danger]:after, 
[eicapp] .eic-growler [eicalert][danger]:before {
    color: var(--app-color-white);
    background: var(--app-color-danger);
}

[eicapp] .eic-growler [eicalert][success], 
[eicapp] .eic-growler [eicalert][success]:after, 
[eicapp] .eic-growler [eicalert][success]:before {
    color: var(--app-color-white);
    background: var(--app-color-success);
}
[eicapp] .eic-growler [eicalert][warning], 
[eicapp] .eic-growler [eicalert][warning]:after, 
[eicapp] .eic-growler [eicalert][warning]:before {
    color: var(--app-color-white);
    background: var(--app-color-warning);
}
[eicapp] .eic-growler [eicalert][info], 
[eicapp] .eic-growler [eicalert][info]:after, 
[eicapp] .eic-growler [eicalert][info]:before {
    color: var(--app-color-white);
    background: var(--app-color-info);
}

[eicapp] .eic-global-blocker {
    position: fixed;
    display: none;
    width: 100vw;
    height: 100vh;
    opacity: 0.001;
    z-index: 4000;
}

[eicapp] .eic-global-blocker.active {
    display: block;
    cursor: progress;
}

[eicapp] [xxsmall] { font-size: var(--eicui-base-font-size-2xs); }
[eicapp] [xsmall] { font-size: var(--eicui-base-font-size-xs); }
[eicapp] [small] { font-size: var(--eicui-base-font-size-s); }
[eicapp] [medium] { font-size: var(--eicui-base-font-size-m); }
[eicapp] [large] { font-size: var(--eicui-base-font-size-l); }
[eicapp] [xlarge] { font-size: var(--eicui-base-font-size-xl); }
[eicapp] [xxlarge] { font-size: var(--eicui-base-font-size-2xl); }
[eicapp] [xxxlarge] { font-size: var(--eicui-base-font-size-3xl); }
[eicapp] [xxxxlarge] { font-size: var(--eicui-base-font-size-4xl); }

label[danger],p[danger],b[danger],span[danger] { color: var(--eicui-base-color-danger-100); }
label[success],p[success],b[success],span[success] { color: var(--eicui-base-color-success-100); }
label[warning],p[warning],b[warning],span[warning] { color: var(--eicui-base-color-warning-100); }
label[accent],p[accent],b[accent],span[accent] { color: var(--eicui-base-color-accent-100); }
label[info],p[info],b[info],span[info] { color: var(--eicui-base-color-info-100); }
label[secondary],p[secondary],b[secondary],span[secondary] { color: var(--eicui-base-color-grey-50); }

[eicapp] a, [eicapp] abbr, [eicapp] acronym, [eicapp] address, [eicapp] article, [eicapp] aside, [eicapp] audio, [eicapp] b, [eicapp] big, [eicapp] blockquote, [eicapp] canvas, [eicapp] caption, [eicapp] center, [eicapp] cite, [eicapp] code, [eicapp] dd, [eicapp] del, [eicapp] details, [eicapp] dfn, [eicapp] div, [eicapp] dl, [eicapp] dt, [eicapp] em, [eicapp] embed, [eicapp] fieldset, [eicapp] figcaption, [eicapp] figure, [eicapp] footer, [eicapp] form, [eicapp] h1, [eicapp] h2, [eicapp] h3, [eicapp] h4, [eicapp] h5, [eicapp] h6, [eicapp] header, [eicapp] hgroup, [eicapp] i, [eicapp] iframe, [eicapp] img, [eicapp] ins, [eicapp] kbd, [eicapp] label, [eicapp] legend, [eicapp] li, [eicapp] mark, [eicapp] menu, [eicapp] nav, [eicapp] object, [eicapp] ol, [eicapp] output, [eicapp] p, [eicapp] pre, [eicapp] q, [eicapp] s, [eicapp] samp, [eicapp] section, [eicapp] small, [eicapp] span, [eicapp] strike, [eicapp] strong, [eicapp] sub, [eicapp] summary, [eicapp] sup, [eicapp] table, [eicapp] tbody, [eicapp] td, [eicapp] tfoot, [eicapp] th, [eicapp] thead, [eicapp] time, [eicapp] tr, [eicapp] tt, [eicapp] u, [eicapp] ul {
    border: 0;
    margin: 0;
    padding: 0;
}
[eicapp] ul[bulleted] li,
[eicapp] ul[nonbulleted] li {
    padding: var(--eicui-base-spacing-xs) 0 0 0;
}
[eicapp] ul[bulleted] { padding-left: var(--eicui-base-spacing-m) !important; }
[eicapp] ul[nonbulleted] {
    padding-left: 0 ! important;
    list-style: none;
}
[eicapp] ul[nonbulleted] li::before { margin-right: 5px; }
.cols-1 {
    display: grid;
    grid-template-columns: 1fr;
}
.cols-2 {
    display: grid !important;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
}
.cols-3 {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
}
.cols-4 {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.cols-5 {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.cols-6 {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.cols-8 {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.cols-1.left { grid-template-columns:auto; justify-items: left; }
.cols-1.right { grid-template-columns:auto; justify-content: end; }
.cols-1.center { justify-items: center; }

.cols-2.left {
    grid-template-columns: min-content auto;
    align-items: start;
    grid-gap: 20px;
}
.cols-2.right {
    grid-template-columns: auto min-content;
    align-items: start;
    grid-gap: 20px;
}
.cols-2.middle,.cols-3.middle,.cols-4.middle,.cols-5.middle,.cols-6.middle,.cols-7.middle { align-items: center; }
.cols-2.top,.cols-3.top,.cols-4.top,.cols-5.top,.cols-6.top,.cols-8.top { align-items: flex-start; }
.cols-2.bottom,.cols-3.bottom,.cols-4.bottom,.cols-5.bottom,.cols-6.bottom,.cols-8.bottom { align-items: flex-end; }

[eicapp] [eicpopup] {
    padding: 10px !important;
    border: 1px solid #0000001f !important;
    background: var(--eicui-body-bg-color);
    box-shadow: 0 0 20px #00000033;
}

[eicapp] h1, [eicapp] h2, [eicapp] h3, [eicapp] h4,[eicapp] h5, [eicapp] h6 {
    font-family: var(--eicui-base-font-family);
    font-size: var(--eicui-base-font-size);
    font-style: normal;
    font-weight: 400;
    color: inherit
}

[eicapp] h1 {
    font: normal normal 400 2rem/2.5rem arial,sans-serif;
    color: var(--eicui-base-color-primary-100);
    font-size: var(--eicui-base-font-size-4xl);
    margin: var(--eicui-base-font-size-3xl) 0 var(--eicui-base-font-size-2xl);
    padding-bottom: var(--eicui-base-spacing-m);
    text-align: left;
    width: 100%;
    font-style: normal;
    font-weight: 300;
}

[eicapp] h1, [eicapp] h2 {
    line-height: var(--eicui-base-line-height);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

[eicapp] h2 {
    font: normal normal 400 1.75rem/2rem arial,sans-serif;
    margin: var(--eicui-base-font-size-2xl) 0 var(--eicui-base-font-size-xl);
}

[eicapp] h3 { font: normal normal 400 1.5rem/1.75rem arial,sans-serif; }
[eicapp] h3, [eicapp] h4 { line-height: var(--eicui-base-line-height); }
[eicapp] h4 { font: normal normal 400 1.25rem/1.5rem arial,sans-serif; }
[eicapp] h5 { font: normal normal 400 1.125rem/1.5rem arial,sans-serif; }
[eicapp] h5, [eicapp] h6 {
    line-height: var(--eicui-base-line-height);
    padding: var(--eicui-base-spacing-l) 0 0 0;
}
[eicapp] h6 { font: normal normal 400 1rem/1.25rem arial,sans-serif; }
[eicapp] h6 {
    color: var(--eicui-base-color-info-110);
    display: table;
    font-family: var(--eicui-base-font-family);
    font-size: var(--eicui-base-font-size-l);
    font-weight: 500;
    letter-spacing: -.25px;
    margin: var(--eicui-base-spacing-2xl) 0 var(--eicui-base-spacing-s);
    padding-bottom: var(--eicui-base-spacing-2xs);
    width: auto;   
    border-bottom: 1px solid var(--eicui-base-color-grey-25);
}

[eicapp] table {
    background-color: initial;
    border-collapse: collapse;
    border-spacing: 0;
    color: var(--eicui-base-color-font);
    max-width: 100%;
    overflow: auto;
    position: relative;
}

[eicapp] table thead th {
    border-bottom: 1px solid var(--eicui-base-color-grey-10);
    color: var(--eicui-base-color-grey-75);
    font-size: var(--eicui-base-font-size);
    padding: var(--eicui-base-spacing-m) var(--eicui-base-spacing-s);
    vertical-align: middle;
    font-style: normal;
    font-weight: 700;
}

[eicapp] table tr {
    border-bottom: 1px solid var(--eicui-base-color-grey-20);
    display: table-row;
}

[eicapp] table tbody tr:nth-of-type(odd) { background-color: var(--eicui-base-color-grey-75); }
[eicapp] table tr > td { padding: var(--eicui-base-spacing-2xs) var(--eicui-base-spacing-s); }

[eicapp] table tbody tr:nth-of-type(2n), 
[eicapp] table tbody tr:nth-of-type(odd):hover {
    background-color: var(--eicui-base-color-grey-100);
}

[eicapp] blockquote {
    border-left: var(--eicui-base-spacing-xs) solid var(--eicui-base-color-grey-20);
    padding: var(--eicui-base-spacing-xs) var(--eicui-base-spacing-m);
}

[eicapp] kbd {
    background-color: var(--eicui-base-color-grey-75);
    border-radius: var(--eicui-base-border-radius);
    color: var(--eicui-base-color-white);
    font-size: var(--eicui-base-font-size-s);
    padding: 1px var(--eicui-base-spacing-2xs);
}

[eicapp] code, [eicapp] kbd, [eicapp] pre, [eicapp] samp {
    font-size: var(--eicui-base-font-size);
    font-family: var(--eicui-base-font-family-monospace);
    font-style: normal;
    font-weight: 400;
}

[eicapp] abbr, [eicapp] blockquote, [eicapp] del, [eicapp] label, [eicapp] mark, [eicapp] p {
    font-size: var(--eicui-base-font-size);
}
[eicapp] label {
    padding: var(--eicui-base-spacing-xs) 0 var(--eicui-base-spacing-xs) 0;
    display: block;
}
[eicapp] label > i[class*="icon-"] {
    margin-right: var(--eicui-base-spacing-xs);
}
[eicapp] label[small] {
    padding: var(--eicui-base-spacing-xs) 0 0 0;
}

[eicapp] a, [eicapp] a:not([href]):not([tabindex]) {
    color: var(--eicui-base-color-link);
    cursor: pointer;
}

[eicapp] a {
    background-color: initial;
    text-decoration: none;
}

[eicapp] button { cursor: pointer; }

[eicapp] pre {
    color: var(--eicui-base-color);
    display: block;
    font-size: 87.5%;
    margin-bottom: var(--eicui-base-spacing-m);
    margin-top: 0;
    overflow: auto;
}

[eicapp] code {
    color: #cc367b;
    font-size: 95%;
    word-wrap: break-word;
}

[eicapp] .mark, [eicapp] mark {
    background-color: var(--eicui-base-color-accent-25);
    padding: var(--eicui-base-spacing-2xs);
}

[eicapp] hr {
    box-sizing: initial;
    height: 0;
    overflow: visible;
    margin: var(--eicui-base-spacing-s) 0;
}

[eicapp] div { box-sizing: border-box; }

article[eiccard] {
    --base-font-size: var(--eicui-base-font-size-m);
    --base-line-height: 1.25;
    --card-background-color: var(--eicui-base-color-white);
    --card-font-color: var(--eicui-base-color-text);
    --card-header-background-color: var(--eicui-base-color-white);
    --card-title-font-color: var(--eicui-base-color-grey-100);
    --card-title-font-size: var(--eicui-base-font-size-m);
    --card-subtitle-font-color: var(--eicui-base-color-grey-75);
    --card-subtitle-font-size: var(--eicui-base-font-size-s);
    background: var(--card-background-color);
    border: 1px solid var(--eicui-base-color-grey-10);
    border-radius: var(--eicui-base-border-radius);
    box-shadow: var(--eicui-base-shadow-1);
    color: var(--card-font-color);
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-size: var(--eicui-base-font-size);
    height: fit-content;
    line-height: var(--eicui-base-line-height);
    padding: 0;
    position: relative;
    transition: box-shadow 0.3s, height 0.4s;
    width: 100%;
    margin: var(--eicui-base-spacing-xs) 0;
    box-sizing: border-box;
    overflow: hidden;
}

article[eiccard][success] { border-left: 4px solid var(--eicui-base-color-success-100); }
article[eiccard][danger] { border-left: 4px solid var(--app-color-danger); }
article[eiccard][primary] { border-left: 4px solid var(--app-color-primary); }
article[eiccard][secondary] { border-left: 4px solid var(--app-color-secondary); }
article[eiccard][warning] { border-left: 4px solid var(--app-color-warning); }
article[eiccard][info] { border-left: 4px solid var(--app-color-info); }

article[eiccard] header {
    align-items: center;
    border-bottom: 1px solid var(--eicui-base-color-grey-15);
    margin-bottom: -1px;
    /* min-height: calc(3 * var(--eicui-base-spacing-m)); */
    padding: var(--eicui-base-spacing-s) var(--eicui-base-spacing-m);
    display: block;
}

article[eiccard] header h1 {
    color: var(--eicui-card-title-font-color);
    display: block;
    font-size: var(--eicui-card-title-font-size);
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    border: none;
    grid-column: 1;
    grid-row: 1;
}

article[eiccard] header h2 {
    color: var(--card-subtitle-font-color);
    display: block;
    font-size: var(--card-subtitle-font-size);
    font-weight: 300;
    margin: 0;
    margin-top: var(--eicui-base-spacing-xs);
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0;
    line-height: 100%;
    grid-column: 1;
    grid-row: 2;

}
article[eiccard][media] > header {
    align-items: center;
    border-bottom: 1px solid var(--eicui-base-color-grey-15);
    margin-bottom: -1px;
    min-height: calc(3 * var(--eicui-base-spacing-m));
    padding: calc(var(--eicui-base-spacing-3xl) * 2) var(--eicui-base-spacing-m)  var(--eicui-base-spacing-s) var(--eicui-base-spacing-m);
    display: block;
    color: var(--eicui-base-color-white) !important;
    text-shadow: 0 0 4px black;
    font-size: x-large;
    background-size: cover;
    transition: all 0.4s;
}

article[eiccard][media] > header h2 {
    color: var(--eicui-base-color-white) !important;
}

[device="tablet"] article[eiccard][media] > header {
    padding: calc(var(--eicui-base-spacing-xl) * 2) var(--eicui-base-spacing-m)  var(--eicui-base-spacing-s) var(--eicui-base-spacing-m);
}
[device="mobile"] article[eiccard][media] > header {
    padding: calc(var(--eicui-base-spacing-xl)) var(--eicui-base-spacing-m)  var(--eicui-base-spacing-s) var(--eicui-base-spacing-m);
}
article[eiccard][collapsable] header { display: grid; }

article[eiccard] header button.collapser {
    grid-column: 3;
    grid-row: 1 / 3;
    align-self: center;
    justify-self: end;
    border: none;
}

article[eiccard] section {
    cursor: inherit;
    flex: 0 1 auto;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: var(--eicui-base-spacing-m);
    position: relative;
    font-size: var(--eicui-base-font-size);
    margin-bottom: 0;
    transition: all .15s;
    transition: .5s;
}
article[eiccard] section:not(:first-of-type) { padding-top: 0; }
article[eiccard] > section.collapsed {
    height: 0 !important;
    padding: 0 var(--eicui-base-spacing-m);
}
article[eiccard] > footer {
    position: relative;
    display: grid;
    align-content: end;
    grid-auto-flow: column;
    grid-gap: var(--eicui-base-spacing-s);
    padding: var(--eicui-base-spacing-xs);
    border-top: 1px solid var(--eicui-base-color-grey-20);
    height: min-content;
}
article[eiccard] > footer .actions { white-space: nowrap !important; }
article[eiccard] > footer .actions > * { margin-left: var(--eicui-base-spacing-xs) ; }
article[eiccard].loading > header { position: relative; }
article[eiccard].loading > section {
    overflow: hidden !important;
    height: 0px;
    padding: 0;
    margin-top: 60px;
    box-sizing: border-box;
    flex: none;
}
article[eiccard].loading > header:after {
    content: "\e981";
    animation: spin 1s infinite linear;
    font-family: 'glyphs';
    position: absolute;
    color: var(--app-color-primary);
    font-size: larger;
    display: grid;
    align-items: center;
    justify-content: center;
    width: 100%;
    bottom: -40px;
}

span[eicbadge] {
    align-items: center;
    background-color: var(--eicui-base-color-primary-100);
    border: 1px solid rgba(255,255,255,.8);
    border-radius: var(--eicui-base-spacing-2xl);
    color: var(--eicui-base-color-white);
    display: inline-flex;
    font-size: var(--eicui-base-font-size-s);
    justify-content: center;
    padding: 1px 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: var(--eicui-base-spacing-s);
}
span[eicbadge][xxsmall] {
    height: calc(var(--eicui-base-spacing-s) + var(--eicui-base-spacing-2xs));
    min-width: var(--eicui-base-spacing-m);
}
span[eicbadge][xsmall] {
    height: calc(var(--eicui-base-spacing-s) + var(--eicui-base-spacing-xs));
    min-width: calc(var(--eicui-base-spacing-xs) + var(--eicui-base-spacing-xs));
}
span[eicbadge][small]{
    height: calc(var(--eicui-base-spacing-s) + var(--eicui-base-spacing-s));
    min-width: calc(var(--eicui-base-spacing-s) + var(--eicui-base-spacing-s));
}
span[eicbadge][medium]{
    height: calc(var(--eicui-base-spacing-s) + var(--eicui-base-spacing-m));
    min-width: calc(var(--eicui-base-spacing-s) + var(--eicui-base-spacing-m));
}
span[eicbadge][large]{
    height: calc(var(--eicui-base-spacing-s) + var(--eicui-base-spacing-l));
    min-width: calc(var(--eicui-base-spacing-s) + var(--eicui-base-spacing-l));
}
span[eicbadge][xlarge]{
    height: calc(var(--eicui-base-spacing-s) + var(--eicui-base-spacing-xl));
    min-width: calc(var(--eicui-base-spacing-s) + var(--eicui-base-spacing-xl));
}
span[eicbadge][xxlarge]{
    height: calc(var(--eicui-base-spacing-s) + var(--eicui-base-spacing-2xl));
    min-width: calc(var(--eicui-base-spacing-s) + var(--eicui-base-spacing-2xl));
}
span[eicbadge][xxxlarge]{
    height: calc(var(--eicui-base-spacing-s) + var(--eicui-base-spacing-3xl));
    min-width: calc(var(--eicui-base-spacing-s) + var(--eicui-base-spacing-3xl));
}
span[eicbadge][xxxxlarge]{
    height: calc(var(--eicui-base-spacing-s) + var(--eicui-base-spacing-4xl));
    min-width: calc(var(--eicui-base-spacing-s) + var(--eicui-base-spacing-4xl));
}
span[eicbadge][danger] {
    background: var(--eicui-base-color-danger-100);
    color: var(--eicui-base-color-white);
}
span[eicbadge][success] {
    background: var(--eicui-base-color-success-100);
    color: var(--eicui-base-color-white);
}
span[eicbadge][warning] {
    background: var(--eicui-base-color-warning-100);
    color: var(--eicui-base-color-black);
}
span[eicbadge][accent] {
    background: var(--eicui-base-color-accent-100);
    color: var(--eicui-base-color-black);
}
span[eicbadge][info] {
    background: var(--eicui-base-color-info-100);
    color: var(--eicui-base-color-white);
}
span[eicbadge][secondary] {
    background: var(--eicui-base-color-grey-50);
    color: var(--eicui-base-color-white);
}

span[eicchip] {
    border-radius: 60px !important;
    background-color: var(--eicui-base-color-primary-100);
    color: var(--eicui-base-color-white);
    font: 400 1rem/1.25rem arial,sans-serif;
    padding: var(--eicui-base-spacing-2xs) var(--eicui-base-spacing-s);
    min-height: var(--eicui-base-spacing-xl);
    display: inline-grid;
    grid-template-columns: min-content min-content min-content;
    min-height: 0;
    align-items: center;
    margin: 1px var(--eicui-base-spacing-2xs);
    pointer-events: all;
    white-space: nowrap;
    position: relative;
    text-shadow: none;
}
span[eicchip] {
    min-height: var(--eicui-base-spacing-xl);
    padding: 0 var(--eicui-base-spacing-s);
}
span[eicchip][secondary]:not([outline]) {
    background-color: var(--eicui-base-color-grey-15);
    color: var(--eicui-base-color-black);
}
span[eicchip][info]:not([outline]) {
    background-color: var(--eicui-base-color-info-100);
    color: var(--eicui-base-color-white);
}
span[eicchip][danger]:not([outline]) {
    background-color: var(--eicui-base-color-danger-100);
    color: var(--eicui-base-color-white);
}
span[eicchip][warning]:not([outline]) {
    background-color: var(--eicui-base-color-warning-100);
    color: var(--eicui-base-color-black);
}
span[eicchip][success]:not([outline]) {
    background-color: var(--eicui-base-color-success-100);
    color: var(--eicui-base-color-white);
}

span[eicchip][outline] {
    background-color: var(--eicui-base-color-white);
    color: var(--eicui-base-color-primary-100);
    border: 2px solid var(--eicui-base-color-primary-100);
}
span[eicchip][secondary][outline] {
    border-color: var(--eicui-base-color-grey-50);
    color: var(--eicui-base-color-grey-50);
}
span[eicchip][info][outline] {
    border-color: var(--eicui-base-color-info-100);
    color: var(--eicui-base-color-info-100);
}
span[eicchip][danger][outline] {
    border-color: var(--eicui-base-color-danger-100);
    color: var(--eicui-base-color-danger-100);
}
span[eicchip][warning][outline] {
    border-color: var(--eicui-base-color-warning-100);
    color: var(--eicui-base-color-warning-100);
}
span[eicchip][success][outline] {
    border-color: var(--eicui-base-color-success-100);
    color: var(--eicui-base-color-success-100);
}
span[eicchip][accent][outline] {
    border-color: var(--eicui-base-color-accent-100);
    color: var(--eicui-base-color-accent-100);
}
span[eicchip][accent]:not([outline]) {
    background-color: var(--eicui-base-color-accent-100);
    color: var(--eicui-base-color-black);
}
span[eicchip] label {
    grid-column: 2;
    white-space: nowrap;
    display: contents;
}
span[eicchip] button.close {
    grid-column: 3;
    background: none;
    color: var(--eicui-base-color-white);
    opacity: 0.8;
    padding: 2px 0 0 var(--eicui-base-spacing-xs);
    border: none;
    font-size: var(--eicui-base-icon-size-xs);
}
span[eicchip][warning] button.close, 
span[eicchip][accent] button.close, 
span[eicchip][secondary] button.close {
    color: var(--eicui-base-color-black);
    opacity: 0.35;
}
span[eicchip] button.close:hover {
    opacity: 1 !important;
}
span[eicchip][xxsmall] {
    min-height: var(--eicui-base-spacing-2xs);
    padding: 0 calc(var(--eicui-base-spacing-2xs)*2);
}
span[eicchip][xxsmall] label {
    font-size: var(--eicui-base-font-size-2xs); 
    padding: 0px var(--eicui-base-spacing-2xs) 1px var(--eicui-base-spacing-2xs);
}
span[eicchip][xxsmall] button.close {
    font-size: var(--eicui-base-font-size-2xs); 
}

span[eicchip][xsmall] {
    min-height: var(--eicui-base-spacing-xs);
    padding: 0px var(--eicui-base-spacing-xs) 0px var(--eicui-base-spacing-xs);
}
span[eicchip][xsmall] label {
    font-size: var(--eicui-base-font-size-xs);
}
span[eicchip][xsmall] button.close {
    font-size: var(--eicui-base-font-size-xs);
}
span[eicchip][small] {
    padding: 2px var(--eicui-base-spacing-s) 2px var(--eicui-base-spacing-xs);
    min-height: var(--eicui-base-spacing-s);
}
span[eicchip][small] label {
    font-size: var(--eicui-base-font-size-s);
}
span[eicchip][small] button.close {
    font-size: var(--eicui-base-font-size-s);
}

span[eicchip][medium], span[eicchip]:not([xxsmall],[xsmall],[small],[large],[xlarge],[xxlarge]) {
    padding: 2px var(--eicui-base-spacing-xs) 2px var(--eicui-base-spacing-xs);
    min-height: var(--eicui-base-spacing-m);
}
span[eicchip][medium] label, span[eicchip]:not([xxsmall],[xsmall],[small],[large],[xlarge],[xxlarge]) label {
    font-size: var(--eicui-base-font-size-m);
}
span[eicchip][medium] button.close, span[eicchip]:not([xxsmall],[xsmall],[small],[large],[xlarge],[xxlarge]) button.close {
    font-size: var(--eicui-base-font-size-m);
}

span[eicchip][large] {
    padding: 2px var(--eicui-base-spacing-s) 2px var(--eicui-base-spacing-s);
    min-height: var(--eicui-base-spacing-l);
}
span[eicchip][large] label {
    font-size: var(--eicui-base-font-size-l);
}
span[eicchip][large] button.close {
    font-size: var(--eicui-base-font-size-l);
}

span[eicchip][xlarge] {
    padding: 0px var(--eicui-base-spacing-s) 0px var(--eicui-base-spacing-s);
    min-height: var(--eicui-base-spacing-xl);
}
span[eicchip][xlarge] label {
    font-size: var(--eicui-base-font-size-xl);
}
span[eicchip][xlarge] button.close {
    font-size: var(--eicui-base-font-size-xl);
}

span[eicchip][xxlarge] {
    padding: 0px var(--eicui-base-spacing-s) 0px var(--eicui-base-spacing-s);
    min-height: var(--eicui-base-spacing-2xl);
}
span[eicchip][xxlarge] label {
    font-size: var(--eicui-base-font-size-2xl);
}
span[eicchip][xxlarge] button.close {
    font-size: var(--eicui-base-font-size-2xl);
}
span[eicchip] span[eicbadge] {
    position: absolute;
    top: -9px;
    right: -8px;
}


span[eicchip] > i {
    grid-column: 1;
    grid-row:1;
    padding: 0 var(--eicui-base-spacing-xs) 0 0;
}
span[eicchip][xsmall] > i {
    font-size: var(--eicui-base-font-size-xs);
    padding: 0 var(--eicui-base-spacing-2xs);
}
span[eicchip][small] > i {
    font-size: var(--eicui-base-font-size-s);
    padding: 0 var(--eicui-base-spacing-xs) 0 0;
}
span[eicchip][large] > i {
    font-size: var(--eicui-base-font-size-xl);
    padding: 0 var(--eicui-base-spacing-xs) 0 0;
}
span[eicchip][xlarge] > i {
    font-size: var(--eicui-base-font-size-xl);
    padding: 0 var(--eicui-base-spacing-xs) 0 0;
}
span[eicchip][xxlarge] > i {
    font-size: var(--eicui-base-font-size-xl);
    padding: 0 var(--eicui-base-spacing-xs) 0 0;
}
span[eicchip][xxxlarge] > i {
    font-size: var(--eicui-base-font-size-xl);
    padding: 0 var(--eicui-base-spacing-xs) 0 0;
}

button[eicbutton] {
    font: 400 1rem/1.25rem arial,sans-serif;
    align-items: center;
    background-color: var(--eicui-base-color-white);
    background-image: none;
    border: none;
    border-radius: var(--eicui-base-border-radius);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    font-size: var(--eicui-base-font-size);
    justify-content: center;
    min-height: calc(var(--eicui-base-spacing-2xl) + var(--eicui-base-spacing-2xs));
    min-width: calc(var(--eicui-base-spacing-2xl) + var(--eicui-base-spacing-2xs));
    outline: none;
    padding: calc(var(--eicui-base-spacing-s) - 1px) var(--eicui-base-spacing-m);
    text-transform: none;
    transition: none;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid var(--eicui-base-color-grey-100);
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: var(--eicui-base-spacing-2xs) 0;
    position: relative;
} 
button[eicbutton] span {
    padding: 0 var(--eicui-base-spacing-s);
}
button[eicbutton] span[eicbadge] {
    padding: 0;
}
button[eicbutton] span+i {
    padding: 0 var(--eicui-base-spacing-s) 0 0;
}
button[eicbutton] span+i.spin {
    padding: 0;
}
button[eicbutton][class*="icon-"] { padding: 0; }
button[eicbutton][basic][class*="icon-"] { 
    border: none; 
    background: transparent !important;
}
button[eicbutton]:active, button[eicbutton].active, button[eicbutton]:focus {
    z-index: 1;
    border-color: var(--eicui-base-color-accessible-focus)!important;
    box-shadow: inset 0 0 0 2px var(--eicui-base-color-accessible-focus),inset 0 0 0 2px var(--eicui-base-color-grey-5);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
button[eicbutton]:hover { background-color: var(--eicui-base-color-grey-5); }
button[eicbutton][primary] { 
    background-color: var(--eicui-base-color-primary-100);
    border-color: var(--eicui-base-color-primary-120);
    color: var(--eicui-base-color-white);
}
button[eicbutton][primary]:hover { background-color: var(--eicui-base-color-primary-110); }
button[eicbutton][secondary] { 
    background-color: var(--eicui-base-color-grey-15);
    border-color: var(--eicui-base-color-grey-50);
    color: var(--eicui-base-color-grey-100);
}
button[eicbutton][secondary]:hover { background-color: var(--eicui-base-color-grey-25); }
button[eicbutton][danger] { 
    background-color: var(--eicui-base-color-danger-100);
    border-color: var(--eicui-base-color-danger-120);
    color: var(--eicui-base-color-white);
}
button[eicbutton][danger]:hover { background-color: var(--eicui-base-color-danger-110); }
button[eicbutton][warning] { 
    background-color: var(--eicui-base-color-warning-100);
    border-color: var(--eicui-base-color-warning-120);
    color: var(--eicui-base-color-black);
}
button[eicbutton][warning]:hover { background-color: var(--eicui-base-color-warning-110); }
button[eicbutton][info] { 
    background-color: var(--eicui-base-color-info-100);
    border-color: var(--eicui-base-color-info-120);
    color: var(--eicui-base-color-white);
}
button[eicbutton][info]:hover { background-color: var(--eicui-base-color-info-110); }
button[eicbutton][accent] { 
    background-color: var(--eicui-base-color-accent-100);
    border-color: var(--eicui-base-color-accent-120);
    color: var(--eicui-base-color-black);
}
button[eicbutton][accent]:hover { background-color: var(--eicui-base-color-accent-110); }
button[eicbutton][success] { 
    background-color: var(--eicui-base-color-success-100);
    border-color: var(--eicui-base-color-success-120);
    color: var(--eicui-base-color-white);
}
button[eicbutton][success]:hover { background-color: var(--eicui-base-color-success-110); }
button[eicbutton][rounded] { border-radius: 60px; }
button[eicbutton][xxsmall] {
    padding: 0 var(--eicui-base-spacing-xs);
    min-width: 0;
    min-height: 0;
}
button[eicbutton][xsmall] {
    height: calc(2 * var(--eicui-base-spacing-xs));
    min-height: calc(2 * var(--eicui-base-spacing-s));
    min-width: calc(2 * var(--eicui-base-spacing-s));
    padding: 0 var(--eicui-base-spacing-xs);
    font-size: var(--eicui-base-font-size-xs);
}
button[eicbutton][small] {
    height: calc(2 * var(--eicui-base-spacing-s));
    min-height: calc(2 * var(--eicui-base-spacing-m));
    min-width: calc(2 * var(--eicui-base-spacing-m));
    padding: 0 var(--eicui-base-spacing-s);
    font-size: var(--eicui-base-font-size-s);
}
button[eicbutton][large] {
    height: calc(3.25 * var(--eicui-base-spacing-m));
    min-height: calc(3.25 * var(--eicui-base-spacing-m));
    min-width: calc(3.25 * var(--eicui-base-spacing-m));
    font-size: var(--eicui-base-font-size-l);
}
button[eicbutton][rounded][xsmall] {
    min-width: calc(2 * var(--eicui-base-spacing-s));
    padding: 2px;
}
button[eicbutton][rounded][small] {
    min-width: calc(2 * var(--eicui-base-spacing-m));
    padding: 0px;
    width: min-content;
}
button[eicbutton][rounded][medium] { min-width: calc(2 * var(--eicui-base-spacing-m)); }
button[eicbutton][rounded][large] { min-width: calc(2 * var(--eicui-base-spacing-l)); }
button[eicbutton][disabled],
menu[eictab] [disabled] {
    pointer-events: none;
    background-image: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: var(--eicui-base-disabled-opacity);
}
button[eicbutton][eicicon] {
    padding: calc(var(--eicui-base-spacing-s) - 1px);
    display: inline-grid;
    justify-content: center;
    align-content: center;
    overflow: hidden;
}
button[eicbutton][badge] {
    margin: var(--eicui-base-spacing-2xs) var(--eicui-base-spacing-s) var(--eicui-base-spacing-2xs) 0 ;

}
button[eicbutton] [eicbadge] {
    position: absolute;
    right: calc(-1 * var(--eicui-base-spacing-xs));
    top: calc(-2 * var(--eicui-base-spacing-2xs));

}
button[eicbutton][basic][success] { 
    color: var(--eicui-base-color-success-110); 
    background-color: var(--eicui-base-color-white);
}
button[eicbutton][basic][success]:hover { 
    background-color: var(--eicui-base-color-success-110); 
    color: var(--eicui-base-color-white);
}
button[eicbutton][rounded] { border-radius: 60px; }
button[eicbutton][loading="true"]:not([icon]):after {
    content: "\e981";
    animation: spin 1s infinite linear;
    font-family: 'glyphs';
    position: absolute;
    right: 0;
    color: var(--app-color-white);
    font-size: inherit;
    display: grid;
    align-items: center;
    justify-content: center;
    width: min-content;
    padding: 0 var(--eicui-base-spacing-s);
}
button[eicbutton][loading="true"]:not([icon])  {
    padding-right: var(--eicui-base-spacing-2xl);
}


input[eicinput] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: 400 1rem/1.25rem arial,sans-serif;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--eicui-base-color-white);
    border: 1px solid var(--eicui-base-color-grey-50);
    border-radius: var(--eicui-base-border-radius);
    color: var(--eicui-base-color-grey-100);
    display: block;
    padding: calc(var(--eicui-base-spacing-s) - 1px);
    width: 100%;
    box-sizing: border-box;
    z-index: 3;
}

input[eicinput]::placeholder, textarea[eictextarea]::placeholder {
    color: var(--eicui-base-color-grey-35);
}

input[eicinput]:focus:not([readonly]),input[eicinput]:focus-visible:not([readonly]) {
    border-color: var(--eicui-base-color-accessible-focus) !important;
    box-shadow: inset 0 0 0 1px var(--eicui-base-color-accessible-focus),inset 0 0 0 2px var(--eicui-base-color-grey-5);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
input[eicinput][readonly] {
    background-color: transparent;
    border-color: transparent!important;
    box-shadow: none;
    height: inherit;
    padding: var(--eicui-base-spacing-2xs) 0;
    pointer-events: none;
}
textarea[eictextarea][disabled],
.eicui-select-selection[disabled],
input[eicinput][disabled] {
    background-color: var(--eicui-base-color-grey-5);
    border: 1px solid var(--eicui-base-color-grey-25) !important;
    color: var(--eicui-base-color-grey-75);
    /* pointer-events: none; */
}
input[eicinput][danger] { border: 1px solid var(--eicui-base-color-danger-100); }
input[eicinput][primary] { border: 1px solid var(--eicui-base-color-primary-110); }
input[eicinput][secondary] { border: 1px solid var(--eicui-base-color-grey-25-rgb);}
input[eicinput][success] { border: 1px solid var(--eicui-base-color-success-110); }
input[eicinput][warning] { border: 1px solid var(--eicui-base-color-warning-110); }
input[eicinput][accent] { border: 1px solid var(--eicui-base-color-accent-110); }
input[eicinput][info] { border: 1px solid var(--eicui-base-color-info-110); }
input[eicinput].required:not([disabled]) { border: 1px solid #004494 !important; } 


.eic-input-search { display: grid; }
.eic-input-search .input-wrapper {
    display: grid;
}
.eic-input-search .input-wrapper i {
    position: absolute;
    z-index: 2;
    color: var(--eicui-base-color-grey);
    display: grid;
    align-self: center;
    padding: 0 var(--eicui-base-spacing-xs);
    z-index: 4;
}
.eic-input-search input[eicinput][type="search"] { padding-left: var(--eicui-base-spacing-xl); }

input[eicinput][number] {
    text-align: right;
}
.input-currency input[eicinput] {
    text-align: right;
    padding-left: var(--eicui-base-spacing-l);
}
.input-currency .currency-marker {
    content: "€";
    position: absolute;
    top: 19px;
    left: 9px;
    font-size: larger;
}

.eic-checkbox {
    display: flex;
    flex-direction: row;
    align-content: center;
    padding: var(--eicui-base-spacing-xs) 0 !important;
}
.eic-checkbox label {
    padding: 0 0 0 var(--eicui-base-spacing-s);
}

div.eicui-input-container.input-toggler{
    outline: none;
    min-height: calc(2*var(--eicui-base-spacing-l));
    padding: var(--eicui-base-spacing-s) !important;
    display: inline-table;
    max-width: fit-content;
    transition: all 0.5s;
}
div.eicui-input-container div.toggle-label-left{
    padding-right: 1vw;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
div.eicui-input-container div.toggle-label-right{
    padding-left: 1vw;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
div.eicui-input-container div.toggle-switch{
    user-select: none;
    height: inherit;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
div.eicui-input-container div.toggle-switch span.toggle-bar {
    display: inline-block;
    position: relative;
    background-color: var(--eicui-base-color-grey-25);
}

div.eicui-input-container[xxsmall] div.toggle-switch span.toggle-bar { 
    width: calc(var(--eicui-base-spacing-2xs)*2.5);
    height: calc(.9*var(--eicui-base-spacing-2xs));
    border-radius: var(--eicui-base-spacing-2xs);   
}
div.eicui-input-container[xsmall] div.toggle-switch span.toggle-bar { 
    width: calc(var(--eicui-base-spacing-xs)*2.5);
    height: calc(.9*var(--eicui-base-spacing-xs));
    border-radius: var(--eicui-base-spacing-xs);    
}
div.eicui-input-container[small] div.toggle-switch span.toggle-bar  { 
    width: calc(var(--eicui-base-spacing-s)*2.5);
    height: calc(.9*var(--eicui-base-spacing-s));
    border-radius: var(--eicui-base-spacing-s);   
}
div.eicui-input-container[medium] div.toggle-switch span.toggle-bar, div.eicui-input-container div.toggle-switch:not([xxsmall],[xsmall],[small],[large],[xlarge],[xxlarge]) span.toggle-bar{
    width: calc(var(--eicui-base-spacing-m)*2.5);
    height: calc(.9*var(--eicui-base-spacing-m));
    border-radius: var(--eicui-base-spacing-m);
}
div.eicui-input-container[large] div.toggle-switch span.toggle-bar { 
    width: calc(var(--eicui-base-spacing-l)*2.5);
    height: calc(.9*var(--eicui-base-spacing-l));
    border-radius: var(--eicui-base-spacing-l);   
}
div.eicui-input-container[xlarge] div.toggle-switch span.toggle-bar { 
    width: calc(var(--eicui-base-spacing-xl)*2.5);
    height: calc(.9*var(--eicui-base-spacing-xl));
    border-radius: var(--eicui-base-spacing-xl);   
}
div.eicui-input-container[xxlarge] div.toggle-switch span.toggle-bar { 
    width: calc(var(--eicui-base-spacing-2xl)*2.5);
    height: calc(.9*var(--eicui-base-spacing-2xl));
    border-radius: var(--eicui-base-spacing-2xl);   
}

div.eicui-input-container[xxsmall] div.toggle-switch span.toggle-thumb { 
    height: calc(var(--eicui-base-spacing-2xs) *1.3);
    width: calc(var(--eicui-base-spacing-2xs) *1.3);
    top: calc(var(--eicui-base-spacing-2xs)*-0.2);
}
div.eicui-input-container[xsmall] div.toggle-switch span.toggle-thumb { 
    height: calc(var(--eicui-base-spacing-xs) *1.3);
    width: calc(var(--eicui-base-spacing-xs) *1.3);
    top: calc(var(--eicui-base-spacing-xs)*-0.2);
}
div.eicui-input-container[small] div.toggle-switch span.toggle-thumb  { 
    height: calc(var(--eicui-base-spacing-s) *1.3);
    width: calc(var(--eicui-base-spacing-s) *1.3);
    top: calc(var(--eicui-base-spacing-s)*-0.2);
}
div.eicui-input-container[medium] div.toggle-switch span.toggle-thumb, div.eicui-input-container div.toggle-switch:not([xxsmall],[xsmall],[small],[large],[xlarge],[xxlarge]) span.toggle-thumb{
    height: calc(var(--eicui-base-spacing-m) *1.3);
    width: calc(var(--eicui-base-spacing-m) *1.3);
    top: calc(var(--eicui-base-spacing-m)*-0.2);
}
div.eicui-input-container[large] div.toggle-switch span.toggle-thumb { 
    height: calc(var(--eicui-base-spacing-l) *1.3);
    width: calc(var(--eicui-base-spacing-l) *1.3);
    top: calc(var(--eicui-base-spacing-l)*-0.2);
}
div.eicui-input-container[xlarge] div.toggle-switch span.toggle-thumb { 
    height: calc(var(--eicui-base-spacing-xl) *1.3);
    width: calc(var(--eicui-base-spacing-xl) *1.3);
    top: calc(var(--eicui-base-spacing-xl)*-0.2); 
}
div.eicui-input-container[xxlarge] div.toggle-switch span.toggle-thumb { 
    height: calc(var(--eicui-base-spacing-2xl) *1.3);
    width: calc(var(--eicui-base-spacing-2xl) *1.3);
    top: calc(var(--eicui-base-spacing-2xl)*-0.2);  
}

div.eicui-input-container div.toggle-switch span.toggle-thumb {
    display: inline-block;
    border-radius: 50%;
    box-shadow: var(--eicui-base-shadow-z-depth-1);
    background-color: var(--eicui-base-color-white);
    position: absolute;
    z-index: 1;
}

div.eicui-input-container[primary] div.toggle-switch span.toggle-bar { background-color: var(--eicui-base-color-primary-50);}
div.eicui-input-container[primary] div.toggle-switch span.toggle-thumb { background-color: var(--eicui-base-color-primary);}
div.eicui-input-container[info] div.toggle-switch span.toggle-bar { background-color: var(--eicui-base-color-info-50);}
div.eicui-input-container[info] div.toggle-switch span.toggle-thumb { background-color: var(--eicui-base-color-info);}
div.eicui-input-container[success] div.toggle-switch span.toggle-bar { background-color: var(--eicui-base-color-success-50);}
div.eicui-input-container[success] div.toggle-switch span.toggle-thumb { background-color: var(--eicui-base-color-success);}
div.eicui-input-container[warning] div.toggle-switch span.toggle-bar { background-color: var(--eicui-base-color-warning-50);}
div.eicui-input-container[warning] div.toggle-switch span.toggle-thumb { background-color: var(--eicui-base-color-warning);}
div.eicui-input-container[danger] div.toggle-switch span.toggle-bar { background-color: var(--eicui-base-color-danger-50);}
div.eicui-input-container[danger] div.toggle-switch span.toggle-thumb { background-color: var(--eicui-base-color-danger);}
div.eicui-input-container[accent] div.toggle-switch span.toggle-bar { background-color: var(--eicui-base-color-accent-50);}
div.eicui-input-container[accent] div.toggle-switch span.toggle-thumb { background-color: var(--eicui-base-color-accent);}

div.eicui-input-container div.toggle-switch span.toggle-thumb:not(.turned-on) {
    left: 0;
    transition: all 0.4s;
}
div.eicui-input-container div.toggle-switch span.toggle-thumb.turned-on {
    transition: all 0.4s;
}
div.eicui-input-container[xxsmall] div.toggle-switch span.toggle-thumb.turned-on {
    left : calc((var(--eicui-base-spacing-2xs)*2.5) - (var(--eicui-base-spacing-2xs) *1.3));
}
div.eicui-input-container[xsmall] div.toggle-switch span.toggle-thumb.turned-on {
    left : calc((var(--eicui-base-spacing-xs)*2.5) - (var(--eicui-base-spacing-xs) *1.3));
}
div.eicui-input-container[small] div.toggle-switch span.toggle-thumb.turned-on {
    left : calc((var(--eicui-base-spacing-s)*2.5) - (var(--eicui-base-spacing-s) *1.3));
}
div.eicui-input-container[medium] div.toggle-switch span.toggle-thumb.turned-on, div.eicui-input-container div.toggle-switch:not([xxsmall],[xsmall],[small],[large],[xlarge],[xxlarge]) span.toggle-thumb.turned-on {
    left : calc((var(--eicui-base-spacing-m)*2.5) - (var(--eicui-base-spacing-m) *1.3));
}
div.eicui-input-container[large] div.toggle-switch span.toggle-thumb.turned-on {
    left : calc((var(--eicui-base-spacing-l)*2.5) - (var(--eicui-base-spacing-l) *1.3));
}
div.eicui-input-container[xlarge] div.toggle-switch span.toggle-thumb.turned-on {
    left : calc((var(--eicui-base-spacing-xl)*2.5) - (var(--eicui-base-spacing-xl) *1.3));
}
div.eicui-input-container[xxlarge] div.toggle-switch span.toggle-thumb.turned-on {
    left : calc((var(--eicui-base-spacing-2xl)*2.5) - (var(--eicui-base-spacing-2xl) *1.3));
}


textarea[eictextarea] {
    display: flex;
    position: relative;
    width: 100%;
    font: 400 1rem/1.25rem arial,sans-serif;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--eicui-base-color-white);
    border: 1px solid var(--eicui-base-color-grey-50);
    border-radius: var(--eicui-base-border-radius);
    color: var(--eicui-base-color-grey-100);
    display: block;
    padding: calc(var(--eicui-base-spacing-s) - 1px);
    width: 100%;
    height: auto;
    box-sizing: border-box;
    resize: vertical;
}
textarea[eictextarea][danger] { border: 1px solid var(--eicui-base-color-danger-100); }
textarea[eictextarea][primary] { border: 1px solid var(--eicui-base-color-primary-110); }
textarea[eictextarea][success] { border: 1px solid var(--eicui-base-color-success-110); }
textarea[eictextarea][warning] { border: 1px solid var(--eicui-base-color-warning-110); }
textarea[eictextarea][accent] { border: 1px solid var(--eicui-base-color-accent-110); }
textarea[eictextarea][info] { border: 1px solid var(--eicui-base-color-info-110); }
textarea[eictextarea].required:not([disabled]) { border: 1px solid #004494 !important; } 

.eicui-input-container {
    position: relative;
    padding: var(--eicui-base-spacing-xs) 0 !important;
}
.eicui-input-container [eicbadge] {
    position: absolute;
    right: 0;
    top: -4px;
    z-index: 2;
}
.eicui-input-hint {
    color: var(--eicui-base-color-grey-50);
    padding: var(--eicui-base-spacing-2xs) 0 !important;
    font-size: small;
}

.eicui-input-container.eic-checkbox .eicui-input-hint {
    position: absolute;
    top: calc(var(--eicui-base-font-size)*1.5);
    left: calc(var(--eicui-base-font-size)*.5);
    display: none !important;
}

[eicapp] [eicalert] {
    border-left: var(--eicui-base-spacing-2xs) solid var(--_border-color);
    display: block;
    background-color: var(--_bg-color);
    background-position: var(--eicui-base-spacing-s);
    background-repeat: no-repeat;
    color: var(--eicui-base-color-text);
    padding: var(--eicui-base-spacing-m) var(--eicui-base-spacing-m) var(--eicui-base-spacing-m) calc(var(--eicui-base-spacing-m) + var(--eicui-base-spacing-3xl));
    margin: var(--eicui-base-spacing-m) 0;
    position: relative;
}

[eicapp] [eicalert]:before {
    font-family: 'glyphs';
    content: "\f05a";
    color: var(--_border-color);
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    display: grid;
    align-content: center;
    justify-content: center;
    width: var(--eicui-base-spacing-3xl);
    font-size: x-large;
}
[eicalert] {
    --_border-color: var(--eicui-base-color-info-100);
    --_bg-color: var(--eicui-base-color-info-10);
    --_color: var(--eicui-base-color-info-130);
}
[eicalert][info] {
    --_border-color: var(--eicui-base-color-info-100);
    --_bg-color: var(--eicui-base-color-info-10);
    --_color: var(--eicui-base-color-info-130);
}
[eicalert][success] {
    --_border-color: var(--eicui-base-color-success-100);
    --_bg-color: var(--eicui-base-color-success-10);
    --_color: var(--eicui-base-color-success-130);
}
[eicalert][success]:before { content: "\e91f"; }

[eicalert][secondary] {
    --_border-color: var(--eicui-base-color-grey-100);
    --_bg-color: var(--eicui-base-color-grey-10);
    --_color: var(--eicui-base-color-grey-130);
}
[eicalert][secondary]:before { content: "\e90e"; }

[eicalert][warning] {
    --_border-color: var(--eicui-base-color-warning-100);
    --_bg-color: var(--eicui-base-color-warning-10);
    --_color: var(--eicui-base-color-warning-130);
}
[eicalert][warning]:before { content: "\f071"; font-size: inherit; }
[eicalert][danger] {
    --_border-color: var(--eicui-base-color-danger-100);
    --_bg-color: var(--eicui-base-color-danger-10);
    --_color: var(--eicui-base-color-danger-130);
}
[eicalert][danger]:before { content: "\e908"; }
[eicalert][muted] { 
    padding-left: var(--eicui-base-spacing-m) !important; 
}
[eicalert][muted]:before { 
    content: "" !important; 
    display:none !important; 
}
[eicalert][closable] { 
    padding-right: calc(var(--eicui-base-spacing-m) + var(--eicui-base-spacing-3xl)) !important; 
    
    cursor: pointer;
}
[eicalert][closable]:after {
    font-family: 'glyphs';
    content: "\e907";
    color: var(--eicui-base-color-primary-100);
    height: 100%;
    position: absolute;
    right: var(--eicui-base-spacing-m);
    top: var(--eicui-base-spacing-m);
    display: grid;
    align-content: center;
    justify-content: center;
    width: var(--eicui-base-spacing-m);
    /* opacity: 0.35; */
    border-radius: 50%;
    border: 2px solid var(--eicui-base-color-primary-100);
    height: var(--eicui-base-spacing-m);
    font-size: xx-small;
}
[eicalert][closable]:hover:after { opacity: 1; }
[eicalert][xsmall] {
    margin: 0;
    padding: var(--eicui-base-spacing-xs) var(--eicui-base-spacing-xs) var(--eicui-base-spacing-xs) calc(var(--eicui-base-spacing-xs) + var(--eicui-base-spacing-xl));
}
[eicalert][small] {
    margin: 0;
    padding: var(--eicui-base-spacing-s) var(--eicui-base-spacing-s) var(--eicui-base-spacing-s) calc(var(--eicui-base-spacing-s) + var(--eicui-base-spacing-xl));
}
[eicapp] .eic-growler [eicalert] {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.218);
}

.eicui-select-selection {
    width: 100%;
    border: 1px solid var(--eicui-base-color-grey-50) !important;
    border-radius: var(--eicui-base-border-radius) !important;
    margin: 0 !important;
    padding: calc(var(--eicui-base-spacing-s) - 1px) !important;
    color: var(--eicui-base-color);
    border-radius: 6px;
    background-color: white;
    min-height: 43.3px;
    cursor: pointer;
    position: relative;
}
select:not([multiple]):not([editable])+.eicui-select-selection:empty:after {
    content: "\f107";
    font-family: 'glyphs';
    position: absolute;
    right: var(--eicui-base-spacing-s);
    top: var(--eicui-base-spacing-xs);
    font-size: 1.2rem;
}
.eicui-select-selection[disabled]:not([multiple]):empty:after {
    display: none;
}

.eicui-select-selection.required:not([disabled]) { border: 1px solid #004494; } 
.eicui-select-selection .item {
    position: relative;
    display: grid;
    width: 100%;
    margin: 2px;
    background-color: transparent;
    padding: 0;
    border-radius: 6px;
    white-space: nowrap;
    grid-template-columns: auto 18px;
    align-items: center;
    text-align: left;
    box-sizing: border-box;
    color: var(--eicui-base-color-black);
}
.eicui-select-selection.multiple .item {
    display: inline-grid;
    margin: 2px;
    border:1px solid #ccc;
    background-color: #eee;
    padding: 2px 8px;
    border-radius: 6px;
    white-space: nowrap;
      width: auto;
} 
.eicui-select-selection .item > span {
    display: inline-block;
    width: 90%;
    font-size: 0.9em;
    padding-right: 10px;
}
.eicui-select-selection.multiple .item > span {
    display: inline-block;
    width: auto;
    font-size: 0.9em;
    padding-right: 10px;
}
.eicui-select-selection .item button.clear {
    display: grid;
    border: none;
    background-color: transparent;
    color: #999;
    align-items: center;
    justify-items: center;
    padding: 0;
}
.eicui-select-selection.multiple .item button.clear {
    display: grid;
    border: none;
    background-color: transparent;
    color: #999;
    align-items: center;
    justify-items: center;
}
.eicui-select-selection .item button.clear:hover { color: #b71c1c; }
.eicui-select-selection.required:not([placeholder]):empty:before {
    content: "click here to select a value";
    color: #aaa;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 20px;
}
.eicui-select-selection[placeholder] {
    color: var(--eicui-base-color-grey);
    
    text-overflow: ellipsis;
    padding-right: 20px;
}
.eicui-select-selection.required[disabled]:empty:before { content: "no value selected"; }
.eicui-select-selection[disabled] {
    pointer-events: none;
    /* border: none !important; 
    padding-left: 0 !important;*/
}
.eicui-select-selection[disabled] [eicchip] {
    pointer-events: none;
    background-color: var(--eicui-base-color-grey-15) !important;
    color: var(--eicui-base-color-black) !important;
}
.eicui-select-selection[disabled] .item {
    margin-left: 0 !important;
    color: var(--eicui-base-color-grey-75);
}
.eicui-select-selection[disabled] button {
    display: none !important;
}
.eicui-select-catalog {
    position: absolute;
    border: 1px solid #ccc !important;
    margin: 0 !important;
    padding: 6px 0 6px 10px !important;
    background-color: white;
    min-height: 40px;
    cursor: pointer;
    width: auto;
    z-index: 2000;
    box-shadow: 1px 1px 18px rgba(0,0,0,0.2);
    overflow: hidden;
    max-height: 320px;
    text-align: left;
    /* max-width: 240px; */
    display: none;
}
.eicui-select-catalog .button.close {
    border: none;
    background-color: transparent;
    color: #999;
    font-size: 1.3em;
    position: absolute;
    top: 6px;
    right: 4px;
    display: block;
    z-index: 2;
    text-decoration: none;
  } 
.eicui-select-catalog .button.close:hover { color: #b71c1c; }
.eicui-select-catalog .search {
    display: none;
    width: calc(100% - 30px);
    background-color: #EEEEEE;
    border: none;
    padding: 6px 20px;
    border-radius: 14px;
    margin: 0;
    font-size: 0.9em;
    outline: none;
    box-sizing: border-box;
}
.eicui-select-catalog.lookup .search { display: block; }
.eicui-select-catalog .content {
    position: relative;
    height: auto;
    overflow-y: auto;
    margin: 0;
    display: flex;
    max-height: 250px;
}
.eicui-select-catalog .content:empty {
    display:none;
}
.eicui-select-catalog.lookup .content {
    height: 90%;
    margin: 4px 4px 0 0;
}
.eicui-select-catalog .content ul {
    list-style: none;
    margin: 0;
    padding:  0;
}
.eicui-select-catalog .content li {
    text-align: left;
    padding: var(--eicui-base-spacing-2xs) var(--eicui-base-spacing-s) var(--eicui-base-spacing-2xs) var(--eicui-base-spacing-2xs);
    font-size: var(--app-font-size-xs);
    position: relative;
    margin: 0;
    display: grid;
    align-items: center;
    grid-template-columns: 10px auto;
    grid-gap: var(--eicui-base-spacing-s);
}
.eicui-select-catalog .content li > ul {
    margin-left: var(--eicui-base-spacing-s);
    grid-column: 1 / 3;
}
.eicui-select-catalog .content li > span {
    padding: 0 0 0 0px;
    font-size: 0.9em;
    color: #666;
    min-height: 16px;
    display: block;
}
.eicui-select-catalog .content li:before {
    content: "\f096";
    font-family: 'glyphs' !important;
    color: #ccc;
    width: 10px;
    display: block;
}
.eicui-select-catalog .content li.selected:before {
    content: "\f046";
    color: green;
}
.eicui-select-catalog .content li.group { padding: 5px 0; }
.eicui-select-catalog .content li.group:before { content: ""; }
.eicui-select-catalog .content li.group > span {
    font-weight: bold;
    font-size: 1em;
}
.eicui-select-catalog .content li.group > span:empty { display: none; }
.eicui-select-catalog .content li.group > ul {
    margin-left: 10px;
    margin-top: 0;
}
.eicui-select-editor {
    position: absolute;
    border: 1px solid #ccc !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: white;
    cursor: pointer;
    width: 100%;
    z-index: 3;
    box-shadow: 1px 1px 18px rgba(0,0,0,0.2);
    overflow: hidden;
    
}

.eicui-input-container.validation-failed > textarea[eictextarea] { border: 1px solid var(--eicui-base-color-danger-100) !important; }
.eicui-input-container.validation-failed > input[eicinput] { border: 1px solid var(--eicui-base-color-danger-100) !important; }
.eicui-select-selection.validation-failed { border: 1px solid var(--eicui-base-color-danger-100) !important; }
.eicui-input-container.eic-checkbox { position:relative; }
.eicui-input-container.eic-checkbox.validation-failed  { color: var(--eicui-base-color-danger-100); }
.eicui-input-container.eic-input-hidden { display: none; }

.tabs-extended {
    display: grid;
    grid-template-columns: 1fr min-content;
    border-bottom: 1px solid var(--eicui-base-color-grey-15) !important;
}
.tabs-extended.vertical {
    display: block;
    grid-template-columns: 1fr min-content;
    border-bottom: 1px solid var(--eicui-base-color-grey-15) !important;
}
menu[eictab] {
    padding:0;
    margin:0;
    display: flex;
    flex-shrink: 0;
}
.vertical menu[eictab],
menu[eictab][vertical] {
    flex-direction: column;
    flex: 1 1 25%;
}
menu[eictab] li {
    display: flex;
    align-items: center;
    border-bottom: 3px solid transparent;
    box-shadow: 0 2px 1px #00000080,inset 0 1px 0 var(--eicui-base-color-white);
    padding: var(--eicui-base-spacing-s) var(--eicui-base-spacing-l) var(--eicui-base-spacing-xs) var(--eicui-base-spacing-l);
    transition: .5s cubic-bezier(.35,0,.25,1);
    position: relative;
    cursor: pointer;
    font-weight: 600;
    white-space: nowrap;
}
menu[eictab][badges] li { 
    padding-left:  var(--eicui-base-spacing-m); 
    padding-right:  var(--eicui-base-spacing-2xl); 
}
menu[eictab] li span[eicbadge] {
    position: absolute;
    right: var(--eicui-base-spacing-xs);
}
.vertical menu[eictab] li, menu[eictab][vertical] li {
    border-left: 3px solid var(--eicui-base-color-white) !important;
    border-bottom: 0 !important;
    padding-right: var(--eicui-base-spacing-xl);
}
.vertical menu[eictab] li.tab-selected
menu[eictab][vertical] li.tab-selected {
    border-left: 3px solid var(--eicui-base-color-primary-100) !important;
    border-bottom: 0;
}
menu[eictab] li.hover, menu[eictab] li.tab-selected {
    background-color: var(--eicui-base-color-grey-10);
    border-bottom: 3px solid var(--eicui-base-color-primary-100);
    color: var(--eicui-base-color-text);
}
.vertical menu[eictab] li.hover, .vertical menu[eictab] li.tab-selected,
menu[eictab][vertical] li.hover, menu[eictab][vertical] li.tab-selected {
    background-color: var(--eicui-base-color-grey-10);
    border-left: 3px solid var(--eicui-base-color-primary-100) !important;
    border-bottom: 0;
    color: var(--eicui-base-color-text);
}

menu[eictab] li[primary] {
    border-left: 3px solid var(--app-color-primary) !important;
    background: var(--eicui-base-color-primary-50);
}
menu[eictab] li[success] {
    border-left: 3px solid var(--app-color-success) !important;
    background: var(--eicui-base-color-success-50);
}
menu[eictab] li[danger] {
    border-left: 3px solid var(--app-color-danger) !important;
    background: var(--eicui-base-color-danger-50);
}
menu[eictab] li[warning] {
    border-left: 3px solid var(--app-color-warning) !important;
    background: var(--eicui-base-color-warning-50);
}
menu[eictab] li[info] {
    border-left: 3px solid var(--app-color-info) !important;
    background: var(--eicui-base-color-info-50);
}
menu[eictab] li[accent] {
    border-left: 3px solid var(--app-color-accent) !important;
    background: var(--eicui-base-color-accent-50);
}

menu[eicmenu] {
    list-style: none;
    background-color: #1d261d;
    height: 100%;
    transition: all .3;
    box-shadow: var(--eicui-base-shadow-10);
    overflow-y: auto;
    position: relative;
}
menu[eicmenu] .menu-lookup {
    padding: 0 .5em .2em .5em;
}
menu[eicmenu] .menu-lookup:before {
    content: "\f002";
    z-index: 2;
    position: absolute;
    font-family: 'glyphs';
    color: var(--eicui-base-color-grey-25);
    top: var(--eicui-base-spacing-l);
    left: var(--eicui-base-spacing-l);
}
menu[eicmenu] .menu-lookup input {
    font-size: smaller !important;
    padding: var(--eicui-base-spacing-xs) var(--eicui-base-spacing-xs) var(--eicui-base-spacing-xs) var(--eicui-base-spacing-xl);
}
menu[eicmenu] [menuitem] {
    display: flex;
    color: white !important;
    height: auto;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    text-align: left;
    flex-direction: column;
    overflow: hidden;
}
menu[eicmenu] [menuitem][danger] label,menu[eicmenu] [menuitem][danger] i:before {
    color: var(--eicui-base-color-danger-100);
}
menu[eicmenu] [menuitem][success] label,menu[eicmenu] [menuitem][sucess] i:before {
    color: var(--eicui-base-color-success-100);
}
menu[eicmenu] [menuitem][warning] label,menu[eicmenu] [menuitem][warning] i:before {
    color: var(--eicui-base-color-warning-100);
}
menu[eicmenu] [menuitem] > a {
    align-items: center;
    border-top: 0.1rem solid #efefef;
    display: flex;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    white-space: nowrap;
    width: 100%;
    padding: var(--eicui-base-spacing-xs) var(--eicui-base-spacing-m) var(--eicui-base-spacing-xs) var(--eicui-base-spacing-xl);
}
menu[eicmenu] [menuitem] [menuitem] > a {
    border: none;
}
menu[eicmenu] [menuitem] > .nolink {
    display: grid;
    grid-template-columns: min-content 1fr min-content;
    cursor: default;
    padding: 0 var(--eicui-base-spacing-s);
    align-content: center;
    justify-content: space-between;
    align-items: center;
    justify-items: start;
    width: 100%;
}
menu[eicmenu] [menuitem]:not([disabled]) a:hover, menu[eicmenu] [menuitem]:not([disabled]) .nolink:hover {
    background-color: #6C6;
    text-decoration: none!important;
}
menu[eicmenu] [menuitem] > a > label,
menu[eicmenu] [menuitem] > .nolink > label {
    white-space: nowrap;
    cursor: pointer;
    padding: 0;
}
menu[eicmenu] [menuitem] > a > i, menu[eicmenu] [menuitem] > .nolink > i {
    grid-row: 1;
    grid-column: 1;
    cursor: pointer;
    justify-self: start;
    margin-right: var(--eicui-base-spacing-xs);
    text-align: center;
    color: var(--eicui-base-color-grey-90);
    font-size: var(--eicui-base-font-size-l);
}
menu[eicmenu] [menuitem] > a > button, menu[eicmenu] [menuitem] > .nolink button {
    grid-row: 1;
    grid-column: 3;
    cursor: pointer;
    justify-self: end;
    border: none;
    background: transparent;
    font-size: var(--eicui-base-font-size-2xl);
    padding: 0;
    margin-left: var(--eicui-base-spacing-s);
}
menu[eicmenu] [menuitem] ul {
    grid-row: 2;
    grid-column: 1;
    padding: 0;
    transition: all 0.6s;
    height: auto;
    overflow: hidden;
    display: block;
}
menu[eicmenu] [menuitem] ul > [menuitem] { border:none; }
menu[eicmenu] [menuitem] ul [menuitem] label, menu[eicmenu] [menuitem] ul [menuitem] i {
    font-size: var(--eicui-base-font-size-s);
}
menu[eicmenu] [menuitem] ul[collapsed] {
    height: 0 !important;
}
menu[eicmenu] [menuitem][disabled] {
    pointer-events: none;
    cursor: default;
    opacity: var(--eicui-base-disabled-opacity);
}
menu[eicmenu] [menuitem][disabled] label {
    opacity: var(--eicui-base-disabled-opacity);
    pointer-events: none;
    cursor: default;
}
menu[eicmenu][collapsed]:not(:hover) .menu-lookup { 
    display: none;
}
menu[eicmenu][collapsed]:not(:hover) [menuitem] ul { 
    padding: 0;
}
menu[eicmenu][collapsed]:not(:hover) [menuitem] > .nolink {
    display:none;
}
menu[eicmenu][collapsed]:not(:hover) [menuitem] > a {
    padding: var(--eicui-base-spacing-xs);
}
menu[eicmenu][collapsed]:not(:hover) [menuitem] > a > i {
    font-size: larger;
    margin: 0;
}
menu[eicmenu][collapsed]:not(:hover) [menuitem] > a > label {
    display: none;
}

[eicdropdown] {
    position: relative;
}
[eicdropdown] > menu {
    background: var(--eicui-base-color-white);
    position: absolute;
    border: none;
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    opacity: 0;
    transition: 0.25s;
    transform: scale(0);
    height: auto;
    overflow: auto;
    border-radius: 4px;
    outline: 0;
    width: max-content;
    overflow: visible;
    z-index: 2;
}
[eicdropdown][expanded] > menu {
    display: block;
    opacity: 1;
    transform: scale(1);
}
[eicdropdown] > menu[align="bottom"] {
    top:calc(var(--eicui-base-spacing-2xl) + var(--eicui-base-spacing-2xs));
    bottom:auto;
}

[eicdropdown] > menu[justify="left"] {
    left:0;
    right:auto;
}
[eicdropdown] > menu[justify="right"] {
    left:auto;
    right:0;
}
[eicdropdown] > menu a {
    padding-left: var(--eicui-base-spacing-s) !important;
}

[eicdatagrid] {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    display: grid;
    overflow: hidden;
    grid-template-rows: min-content auto min-content;
    width: 100%;
}
[eicdatagrid][header="hidden"] header {
    display: none !important;
}
[eicdatagrid][footer="hidden"] footer {
    display: none !important;
}
[eicdatagrid] header {
    padding-right: 15px;
    padding: 0 !important;
    margin:0 !important;
}
[eicdatagrid] header .cell  input[type=text] {
    width: calc(100% - 22px);
    border-radius: 10px;
    border: 1px solid #cad6e2;
    outline: none;
    padding: 2px 10px;
    color: #506998;
    background-color: #fbfdff;
    margin: 0 0px 0 0px;
}
[eicdatagrid] header .cell  select {
    width: calc(100% - 6px);
    border-radius: 10px;
    border: 1px solid #cad6e2;
    outline: none;
    padding: 2px 4px;
    color: #506998;
    background-color: #fbfdff;
    margin: 0;
}
[eicdatagrid] header .cell span.sortable:after {
    position: absolute;
    right: 4px;
    font-family: 'glyphs';
    color: #4073af;
    font-size: 1.2em;
    content: "\e913";
}
[eicdatagrid] header .cell span.sortable.active[data-order="asc"]:after { content: "\e912"; }
[eicdatagrid] header .cell span.sortable.active[data-order="desc"]:after { content: "\e911"; }

[eicdatagrid] .rows { 
    list-style: none;
    padding: 0;
    margin: 0;
}
[eicdatagrid][loading="true"] .dataset { 
    overflow: hidden;
}
[eicdatagrid][loading="true"] .dataset .rows {
    padding: var(--eicui-base-spacing-m);
    overflow: hidden;
    display: grid;
    justify-content: center;
    align-items: center;
}
[eicdatagrid][loading="true"] .dataset .rows:before {
    content: "\e981";
    animation: spin 1s infinite linear;
    font-family: 'glyphs';
    position: absolute;
    font-size: inherit;
    width: min-content;
    color: var(--app-color-info);
    left: var(--eicui-base-spacing-xs);
    top: var(--eicui-base-spacing-xs);
    background: var(--app-color-white);
    z-index: 2;
}
[eicdatagrid][loading="true"] .dataset .rows:after {
    content: "updating...";
    position: absolute;
    font-size: inherit;
    width: min-content;
    padding: 0 var(--eicui-base-spacing-s);
    color: var(--app-color-info);
    top: 0;
    padding: var(--eicui-base-spacing-xs) var(--eicui-base-spacing-xs) var(--eicui-base-spacing-xs) var(--eicui-base-spacing-xl);
    background: white;
    left: 0;
}
[eicdatagrid] .row { 
    width: 100%;
    display: grid;
    grid-template-columns:repeat( auto-fit, [column-start] minmax(10px, 1fr) [column-end]);
    align-content: center;
}
[eicdatagrid][multiselect] .row { 
    grid-template-columns:[first] 24px repeat( auto-fit, [column-start] minmax(10px, 1fr) [column-end]);
}
[eicdatagrid] .cell.actions {
    text-align: center;
}
[eicdatagrid] .cell.actions:empty {
    display: none !important;
}
[eicdatagrid] .cell:first-child { display: none !important; }
[eicdatagrid][multiselect] .cell:first-child { 
    display: grid;
    text-align: center;
    justify-items: center;
}
[eicdatagrid] .insert { 
  width: 100%;
  display: grid;
  border: 2px solid red;
}
[eicdatagrid] header .cell {
    /* border-bottom: 1px solid var(--eicui-base-color-black); */
    margin: 4px;
    text-transform: uppercase;
    font-weight: normal;
    position: sticky;
    display: grid;
    grid-template-rows: 1fr min-content;
    overflow: hidden;
}
[eicdatagrid] header span {
    display: block;
    font-size: 0.8em;
    text-align: center;
    padding-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
[eicdatagrid] header span.sortable {
    cursor: pointer;
    padding: 0px var(--eicui-base-spacing-s) var(--eicui-base-spacing-xs) 0;
}
[eicdatagrid] .dataset {
    overflow-y: auto;
    height: auto;
    position: relative;
}
[eicdatagrid] .loading {
    position: sticky;
    z-index: 2;
    background: #ffffffc9;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    align-content: baseline;
    justify-content: center;
    padding: 20px 0 0 0;
    margin: 0;
    height: -webkit-fill-available;
}
[eicdatagrid] .loading .loader {
    width: 100px;
    height: 100px;
}
[eicdatagrid] .dataset .row { 
    cursor:pointer;
    background-color: var(--eicui-base-color-grey-75);
    box-sizing: border-box;
}
[eicdatagrid] .dataset .row:nth-child(odd) { 
  background-color: var(--eicui-base-color-grey-100);
}
[eicdatagrid] .dataset .row[accent] {
    border-left: 3px solid var(--app-color-accent);
    background-color: var(--eicui-base-color-accent-10);
}
[eicdatagrid] .dataset .row[success] {
    border-left: 3px solid var(--app-color-success);
    background-color: var(--eicui-base-color-success-10);
}
[eicdatagrid] .dataset .row[danger] {
    border-left: 3px solid var(--app-color-danger);
    background-color: var(--eicui-base-color-danger-10);
}
[eicdatagrid] .dataset .row[warning] {
    border-left: 3px solid var(--app-color-warning);
    background-color: var(--eicui-base-color-warning-10);
}
[eicdatagrid] .dataset .row[info] {
    border-left: 3px solid var(--app-color-info);
    background-color: var(--eicui-base-color-info-10);
}
[eicdatagrid] .dataset .row:hover { 
  background-color: #fffae9;
}
[eicdatagrid] .dataset .row.hidden { 
  display: none;
}
[eicdatagrid] .dataset .cell {
    padding: var(--eicui-base-spacing-xs) var(--eicui-base-spacing-s);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    align-self: center;
}
[eicdatagrid] .dataset .cell[currency], [eicdatagrid] .dataset [number].cell { text-align: right; }
[eicdatagrid] .dataset .row .actions a {
    background-color: #999;
    color: var(--eicui-base-color-white);
    border-radius: 50%;
    text-align: center;
    width: 20px;
    height: 20px;
    border: none;
    display: grid;
    margin: 0 2px;
    box-sizing: border-box;
    font-size: 0.8em;
    align-content: center;
}
[eicdatagrid] .dataset .row .actions a:hover { background-color: #4073af; }
[eicdatagrid] .dataset .row .actions a.remove:hover  { background-color: #b03939; }
[eicdatagrid] .dataset .row .actions a.cancel  { background-color: #b03939; }
[eicdatagrid] .dataset .row .actions a.save  { background-color: #248624; }
[eicdatagrid] header .row .actions {
    align-content: center;
    justify-content: end;
    display: grid;
    grid-template-rows: none;
    grid-auto-flow: column;
    grid-gap: var(--eicui-base-spacing-xs);
}
[eicdatagrid] header .row .actions .disabled,
[eicdatagrid] header .row .actions .disabled:hover {
    opacity: 0.2;
    cursor: default;
}
[eicdatagrid] header .row .invalid {
    align-content: end;
    display:flex;
}
[eicdatagrid] footer {
    border: 1px solid var(--eicui-base-color-grey-10);
    background: var(--eicui-base-color-grey-90);
    position: relative !important;
    min-height: 30px;
    border-top: 1px solid var(--eicui-base-color-grey-35) !important;
    text-align: center;
    display: grid;
    align-items: center;
}
[eicuser] {
    display: inline-grid;
    background-color: var(--eicui-base-color-success-50);
    border-radius: 50%;
    font-size: var(--app-font-size-2xs);
    height: var(--eicui-base-spacing-xl);
    width: var(--eicui-base-spacing-xl);
    margin: 0 var(--eicui-base-spacing-xs) 0 0 !important;
    align-content: center;
    justify-content: center;
    position: relative;
    border: none;
}
[eicuser] [eicbadge] {
    display: inline-grid !important;
    position: absolute;
    bottom: -2px;
    right: -3px;
    width: var(--eicui-base-spacing-s);
    height: var(--eicui-base-spacing-s);
    overflow: hidden;
    padding: 0;
    background: var(--app-color-white);
    color: var(--eicui-base-color-grey-100);
    border: 1px solid var(--eicui-base-color-grey-100);
    align-content: center;
    justify-content: center;
    font-size: 0.45rem;
}
[eicuser].online [eicbadge] {
    background-color: var(--app-color-success );
    color: var(--app-color-white);
    border: 1px solid var(--app-color-success);
}

[eicapp] [eicdialog] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #00000054;
    z-index: 100;
    display: grid;
    align-content: center;
    justify-content: center;
}
[eicapp] [eicdialog] > [eiccard] {
    max-height: 90vh;
    max-width: 80vw;
}

[eicapp] [eicdialog] > [eiccard] footer {
    background-color: var(--eicui-base-color-grey-5) ;
}