/* src/material-theme.scss */
html {
height: 100%;
--mat-sys-background: light-dark(#fff8f6, #181211);
--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
--mat-sys-error-container: light-dark(#ffdad6, #93000a);
--mat-sys-inverse-on-surface: light-dark(#fbeeec, #362f2e);
--mat-sys-inverse-primary: light-dark(#ffb4a8, #c00100);
--mat-sys-inverse-surface: light-dark(#362f2e, #ede0dd);
--mat-sys-on-background: light-dark(#201a19, #ede0dd);
--mat-sys-on-error: light-dark(#ffffff, #690005);
--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
--mat-sys-on-primary: light-dark(#ffffff, #690100);
--mat-sys-on-primary-container: light-dark(#930100, #ffdad4);
--mat-sys-on-primary-fixed: light-dark(#410000, #410000);
--mat-sys-on-primary-fixed-variant: light-dark(#930100, #930100);
--mat-sys-on-secondary: light-dark(#ffffff, #442925);
--mat-sys-on-secondary-container: light-dark(#5d3f3b, #ffdad4);
--mat-sys-on-secondary-fixed: light-dark(#2c1512, #2c1512);
--mat-sys-on-secondary-fixed-variant: light-dark(#5d3f3b, #5d3f3b);
--mat-sys-on-surface: light-dark(#201a19, #ede0dd);
--mat-sys-on-surface-variant: light-dark(#534341, #f5ddda);
--mat-sys-on-tertiary: light-dark(#ffffff, #690100);
--mat-sys-on-tertiary-container: light-dark(#930100, #ffdad4);
--mat-sys-on-tertiary-fixed: light-dark(#410000, #410000);
--mat-sys-on-tertiary-fixed-variant: light-dark(#930100, #930100);
--mat-sys-outline: light-dark(#857370, #a08c89);
--mat-sys-outline-variant: light-dark(#d8c2be, #534341);
--mat-sys-primary: light-dark(#c00100, #ffb4a8);
--mat-sys-primary-container: light-dark(#ffdad4, #930100);
--mat-sys-primary-fixed: light-dark(#ffdad4, #ffdad4);
--mat-sys-primary-fixed-dim: light-dark(#ffb4a8, #ffb4a8);
--mat-sys-scrim: light-dark(#000000, #000000);
--mat-sys-secondary: light-dark(#775651, #e7bdb6);
--mat-sys-secondary-container: light-dark(#ffdad4, #5d3f3b);
--mat-sys-secondary-fixed: light-dark(#ffdad4, #ffdad4);
--mat-sys-secondary-fixed-dim: light-dark(#e7bdb6, #e7bdb6);
--mat-sys-shadow: light-dark(#000000, #000000);
--mat-sys-surface: light-dark(#fff8f6, #181211);
--mat-sys-surface-bright: light-dark(#fff8f6, #3f3737);
--mat-sys-surface-container: light-dark(#f9ebe9, #251e1d);
--mat-sys-surface-container-high: light-dark(#f3e5e4, #302828);
--mat-sys-surface-container-highest: light-dark(#ede0dd, #3b3332);
--mat-sys-surface-container-low: light-dark(#fef1ef, #201a19);
--mat-sys-surface-container-lowest: light-dark(#ffffff, #130d0c);
--mat-sys-surface-dim: light-dark(#e4d7d6, #181211);
--mat-sys-surface-tint: light-dark(#c00100, #ffb4a8);
--mat-sys-surface-variant: light-dark(#f5ddda, #534341);
--mat-sys-tertiary: light-dark(#c00100, #ffb4a8);
--mat-sys-tertiary-container: light-dark(#ffdad4, #930100);
--mat-sys-tertiary-fixed: light-dark(#ffdad4, #ffdad4);
--mat-sys-tertiary-fixed-dim: light-dark(#ffb4a8, #ffb4a8);
--mat-sys-neutral-variant20: #3b2d2b;
--mat-sys-neutral10: #201a19;
--mat-sys-level0:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-sys-level1:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-sys-level2:
0px 3px 3px -2px rgba(0, 0, 0, 0.2),
0px 3px 4px 0px rgba(0, 0, 0, 0.14),
0px 1px 8px 0px rgba(0, 0, 0, 0.12);
--mat-sys-level3:
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);
--mat-sys-level4:
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);
--mat-sys-level5:
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);
--mat-sys-body-large: 400 1rem / 1.5rem Open Sans, sans-serif;
--mat-sys-body-large-font: Open Sans, sans-serif;
--mat-sys-body-large-line-height: 1.5rem;
--mat-sys-body-large-size: 1rem;
--mat-sys-body-large-tracking: 0.031rem;
--mat-sys-body-large-weight: 400;
--mat-sys-body-medium: 400 0.875rem / 1.25rem Open Sans, sans-serif;
--mat-sys-body-medium-font: Open Sans, sans-serif;
--mat-sys-body-medium-line-height: 1.25rem;
--mat-sys-body-medium-size: 0.875rem;
--mat-sys-body-medium-tracking: 0.016rem;
--mat-sys-body-medium-weight: 400;
--mat-sys-body-small: 400 0.75rem / 1rem Open Sans, sans-serif;
--mat-sys-body-small-font: Open Sans, sans-serif;
--mat-sys-body-small-line-height: 1rem;
--mat-sys-body-small-size: 0.75rem;
--mat-sys-body-small-tracking: 0.025rem;
--mat-sys-body-small-weight: 400;
--mat-sys-display-large: 400 3.562rem / 4rem Open Sans, sans-serif;
--mat-sys-display-large-font: Open Sans, sans-serif;
--mat-sys-display-large-line-height: 4rem;
--mat-sys-display-large-size: 3.562rem;
--mat-sys-display-large-tracking: -0.016rem;
--mat-sys-display-large-weight: 400;
--mat-sys-display-medium: 400 2.812rem / 3.25rem Open Sans, sans-serif;
--mat-sys-display-medium-font: Open Sans, sans-serif;
--mat-sys-display-medium-line-height: 3.25rem;
--mat-sys-display-medium-size: 2.812rem;
--mat-sys-display-medium-tracking: 0;
--mat-sys-display-medium-weight: 400;
--mat-sys-display-small: 400 2.25rem / 2.75rem Open Sans, sans-serif;
--mat-sys-display-small-font: Open Sans, sans-serif;
--mat-sys-display-small-line-height: 2.75rem;
--mat-sys-display-small-size: 2.25rem;
--mat-sys-display-small-tracking: 0;
--mat-sys-display-small-weight: 400;
--mat-sys-headline-large: 400 2rem / 2.5rem Open Sans, sans-serif;
--mat-sys-headline-large-font: Open Sans, sans-serif;
--mat-sys-headline-large-line-height: 2.5rem;
--mat-sys-headline-large-size: 2rem;
--mat-sys-headline-large-tracking: 0;
--mat-sys-headline-large-weight: 400;
--mat-sys-headline-medium: 400 1.75rem / 2.25rem Open Sans, sans-serif;
--mat-sys-headline-medium-font: Open Sans, sans-serif;
--mat-sys-headline-medium-line-height: 2.25rem;
--mat-sys-headline-medium-size: 1.75rem;
--mat-sys-headline-medium-tracking: 0;
--mat-sys-headline-medium-weight: 400;
--mat-sys-headline-small: 400 1.5rem / 2rem Open Sans, sans-serif;
--mat-sys-headline-small-font: Open Sans, sans-serif;
--mat-sys-headline-small-line-height: 2rem;
--mat-sys-headline-small-size: 1.5rem;
--mat-sys-headline-small-tracking: 0;
--mat-sys-headline-small-weight: 400;
--mat-sys-label-large: 500 0.875rem / 1.25rem Open Sans, sans-serif;
--mat-sys-label-large-font: Open Sans, sans-serif;
--mat-sys-label-large-line-height: 1.25rem;
--mat-sys-label-large-size: 0.875rem;
--mat-sys-label-large-tracking: 0.006rem;
--mat-sys-label-large-weight: 500;
--mat-sys-label-large-weight-prominent: 700;
--mat-sys-label-medium: 500 0.75rem / 1rem Open Sans, sans-serif;
--mat-sys-label-medium-font: Open Sans, sans-serif;
--mat-sys-label-medium-line-height: 1rem;
--mat-sys-label-medium-size: 0.75rem;
--mat-sys-label-medium-tracking: 0.031rem;
--mat-sys-label-medium-weight: 500;
--mat-sys-label-medium-weight-prominent: 700;
--mat-sys-label-small: 500 0.688rem / 1rem Open Sans, sans-serif;
--mat-sys-label-small-font: Open Sans, sans-serif;
--mat-sys-label-small-line-height: 1rem;
--mat-sys-label-small-size: 0.688rem;
--mat-sys-label-small-tracking: 0.031rem;
--mat-sys-label-small-weight: 500;
--mat-sys-title-large: 400 1.375rem / 1.75rem Open Sans, sans-serif;
--mat-sys-title-large-font: Open Sans, sans-serif;
--mat-sys-title-large-line-height: 1.75rem;
--mat-sys-title-large-size: 1.375rem;
--mat-sys-title-large-tracking: 0;
--mat-sys-title-large-weight: 400;
--mat-sys-title-medium: 500 1rem / 1.5rem Open Sans, sans-serif;
--mat-sys-title-medium-font: Open Sans, sans-serif;
--mat-sys-title-medium-line-height: 1.5rem;
--mat-sys-title-medium-size: 1rem;
--mat-sys-title-medium-tracking: 0.009rem;
--mat-sys-title-medium-weight: 500;
--mat-sys-title-small: 500 0.875rem / 1.25rem Open Sans, sans-serif;
--mat-sys-title-small-font: Open Sans, sans-serif;
--mat-sys-title-small-line-height: 1.25rem;
--mat-sys-title-small-size: 0.875rem;
--mat-sys-title-small-tracking: 0.006rem;
--mat-sys-title-small-weight: 500;
--mat-checkbox-touch-target-display: none;
--mat-checkbox-state-layer-size: 32px;
--mat-chip-container-height: 24px;
--mat-expansion-header-collapsed-state-height: 40px;
--mat-expansion-header-expanded-state-height: 56px;
--mat-fab-small-touch-target-display: ;
--mat-fab-touch-target-display: none;
--mat-button-filled-touch-target-display: none;
--mat-button-filled-container-height: 32px;
--mat-button-outlined-container-height: 32px;
--mat-button-outlined-touch-target-display: none;
--mat-button-protected-touch-target-display: none;
--mat-button-protected-container-height: 32px;
--mat-button-text-touch-target-display: none;
--mat-button-text-container-height: 32px;
--mat-button-tonal-container-height: 32px;
--mat-button-tonal-touch-target-display: none;
--mat-form-field-container-height: 48px;
--mat-form-field-filled-label-display: none;
--mat-form-field-container-vertical-padding: 12px;
--mat-form-field-filled-with-label-container-padding-top: 12px;
--mat-form-field-filled-with-label-container-padding-bottom: 12px;
--mat-icon-button-touch-target-display: none;
--mat-icon-button-state-layer-size: 32px;
--mat-list-list-item-leading-icon-start-space: 8px;
--mat-list-list-item-leading-icon-end-space: 8px;
--mat-list-list-item-one-line-container-height: 40px;
--mat-list-list-item-two-line-container-height: 56px;
--mat-list-list-item-three-line-container-height: 80px;
--mat-paginator-container-size: 48px;
--mat-paginator-form-field-container-height: 40px;
--mat-paginator-form-field-container-vertical-padding: 8px;
--mat-paginator-touch-target-display: none;
--mat-radio-touch-target-display: none;
--mat-radio-state-layer-size: 32px;
--mat-tab-container-height: 40px;
--mat-select-arrow-transform: none;
--mat-button-toggle-height: 40px;
--mat-stepper-header-height: 64px;
--mat-table-header-container-height: 48px;
--mat-table-footer-container-height: 44px;
--mat-table-row-item-container-height: 44px;
--mat-toolbar-standard-height: 56px;
--mat-toolbar-mobile-height: 48px;
--mat-tree-node-min-height: 40px;
--mat-sys-corner-extra-large: 28px;
--mat-sys-corner-extra-large-top: 28px 28px 0 0;
--mat-sys-corner-extra-small: 4px;
--mat-sys-corner-extra-small-top: 4px 4px 0 0;
--mat-sys-corner-full: 9999px;
--mat-sys-corner-large: 16px;
--mat-sys-corner-large-end: 0 16px 16px 0;
--mat-sys-corner-large-start: 16px 0 0 16px;
--mat-sys-corner-large-top: 16px 16px 0 0;
--mat-sys-corner-medium: 12px;
--mat-sys-corner-none: 0;
--mat-sys-corner-small: 8px;
--mat-sys-dragged-state-layer-opacity: 0.16;
--mat-sys-focus-state-layer-opacity: 0.12;
--mat-sys-hover-state-layer-opacity: 0.08;
--mat-sys-pressed-state-layer-opacity: 0.12;
--mat-sys-primary: var(--ul-app-primary);
--mat-sys-on-primary: var(--brand-ul-white);
--mat-sys-primary-container: var(--ul-app-primary-light);
--mat-sys-on-primary-container: var(--ul-app-text-emphasis);
--mat-sys-secondary: var(--ul-app-secondary);
--mat-sys-on-secondary: var(--ul-app-text-emphasis);
--mat-sys-secondary-container: var(--ul-app-background-surface);
--mat-sys-on-secondary-container: var(--ul-app-text-primary);
--mat-sys-tertiary: var(--ul-app-info);
--mat-sys-on-tertiary: var(--brand-ul-white);
--mat-sys-tertiary-container: var(--ul-app-background-surface);
--mat-sys-on-tertiary-container: var(--ul-app-text-primary);
--mat-sys-error: var(--ul-app-danger);
--mat-sys-on-error: var(--brand-ul-white);
--mat-sys-outline: var(--ul-app-border-primary);
--mat-sys-surface: var(--ul-app-background-body);
--mat-sys-surface-container: var(--ul-app-background-surface);
--mat-sys-on-surface: var(--ul-app-text-primary);
--mat-button-filled-container-shape: 0;
--mat-button-outlined-container-shape: 0;
--mat-button-protected-container-shape: 0;
--mat-button-text-container-shape: 0;
--mat-table-background-color: var(--brand-ul-white);
--mat-paginator-container-background-color: var(--ul-app-background-body);
}
body {
color-scheme: light;
background-color: var(--ul-app-background-body);
color: var(--mat-sys-on-surface);
font: var(--body-font);
line-height: var(--body-line-height);
font-family: "Open Sans", sans-serif;
margin: 0;
height: 100%;
}
:root {
--mat-dialog-container-max-width: min(1200px, 100vw - 2rem);
--mat-dialog-container-min-width: 0;
--mat-dialog-container-shape: 0;
}
.mat-mdc-dialog-surface {
border-radius: 0.5rem !important;
padding: 0;
background: transparent;
}
.outlined-form-element {
margin-top: 3px;
width: 100%;
}
.outlined-form-element.textarea.small {
height: 2rem;
}
.outlined-form-element.textarea.medium {
height: 5rem;
}
.outlined-form-element.textarea.large {
height: 10rem;
}
/* node_modules/@underwriters-labs/design-system/index.css */
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 300;
src: url("./media/OpenSans-300-normal-greek.woff2") format("woff2"), url("./media/OpenSans-300-normal.ttf") format("ttf");
unicode-range:
U+0370-0377,
U+037A-037F,
U+0384-038A,
U+038C,
U+038E-03A1,
U+03A3-03FF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: url("./media/OpenSans-400-normal-greek.woff2") format("woff2"), url("./media/OpenSans-400-normal.ttf") format("ttf");
unicode-range:
U+0370-0377,
U+037A-037F,
U+0384-038A,
U+038C,
U+038E-03A1,
U+03A3-03FF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 500;
src: url("./media/OpenSans-500-normal-greek.woff2") format("woff2"), url("./media/OpenSans-500-normal.ttf") format("ttf");
unicode-range:
U+0370-0377,
U+037A-037F,
U+0384-038A,
U+038C,
U+038E-03A1,
U+03A3-03FF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
src: url("./media/OpenSans-600-normal-greek.woff2") format("woff2"), url("./media/OpenSans-600-normal.ttf") format("ttf");
unicode-range:
U+0370-0377,
U+037A-037F,
U+0384-038A,
U+038C,
U+038E-03A1,
U+03A3-03FF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
src: url("./media/OpenSans-700-normal-greek.woff2") format("woff2"), url("./media/OpenSans-700-normal.ttf") format("ttf");
unicode-range:
U+0370-0377,
U+037A-037F,
U+0384-038A,
U+038C,
U+038E-03A1,
U+03A3-03FF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 800;
src: url("./media/OpenSans-800-normal-greek.woff2") format("woff2"), url("./media/OpenSans-800-normal.ttf") format("ttf");
unicode-range:
U+0370-0377,
U+037A-037F,
U+0384-038A,
U+038C,
U+038E-03A1,
U+03A3-03FF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 300;
src: url("./media/OpenSans-300-normal-math.woff2") format("woff2"), url("./media/OpenSans-300-normal.ttf") format("ttf");
unicode-range:
U+0302-0303,
U+0305,
U+0307-0308,
U+0330,
U+0391-03A1,
U+03A3-03A9,
U+03B1-03C9,
U+03D1,
U+03D5-03D6,
U+03F0-03F1,
U+03F4-03F5,
U+2034-2037,
U+2057,
U+20D0-20DC,
U+20E1,
U+20E5-20EF,
U+2102,
U+210A-210E,
U+2110-2112,
U+2115,
U+2119-211D,
U+2124,
U+2128,
U+212C-212D,
U+212F-2131,
U+2133-2138,
U+213C-2140,
U+2145-2149,
U+2190,
U+2192,
U+2194-21AE,
U+21B0-21E5,
U+21F1-21F2,
U+21F4-2211,
U+2213-2214,
U+2216-22FF,
U+2308-230B,
U+2310,
U+2319,
U+231C-2321,
U+2336-237A,
U+237C,
U+2395,
U+239B-23B6,
U+23D0,
U+23DC-23E1,
U+2474-2475,
U+25AF,
U+25B3,
U+25B7,
U+25BD,
U+25C1,
U+25CA,
U+25CC,
U+25FB,
U+266D-266F,
U+27C0-27FF,
U+2900-2AFF,
U+2B0E-2B11,
U+2B30-2B4C,
U+2BFE,
U+FF5B,
U+FF5D,
U+1D400-1D7FF,
U+1EE00-1EEFF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: url("./media/OpenSans-400-normal-math.woff2") format("woff2"), url("./media/OpenSans-400-normal.ttf") format("ttf");
unicode-range:
U+0302-0303,
U+0305,
U+0307-0308,
U+0330,
U+0391-03A1,
U+03A3-03A9,
U+03B1-03C9,
U+03D1,
U+03D5-03D6,
U+03F0-03F1,
U+03F4-03F5,
U+2034-2037,
U+2057,
U+20D0-20DC,
U+20E1,
U+20E5-20EF,
U+2102,
U+210A-210E,
U+2110-2112,
U+2115,
U+2119-211D,
U+2124,
U+2128,
U+212C-212D,
U+212F-2131,
U+2133-2138,
U+213C-2140,
U+2145-2149,
U+2190,
U+2192,
U+2194-21AE,
U+21B0-21E5,
U+21F1-21F2,
U+21F4-2211,
U+2213-2214,
U+2216-22FF,
U+2308-230B,
U+2310,
U+2319,
U+231C-2321,
U+2336-237A,
U+237C,
U+2395,
U+239B-23B6,
U+23D0,
U+23DC-23E1,
U+2474-2475,
U+25AF,
U+25B3,
U+25B7,
U+25BD,
U+25C1,
U+25CA,
U+25CC,
U+25FB,
U+266D-266F,
U+27C0-27FF,
U+2900-2AFF,
U+2B0E-2B11,
U+2B30-2B4C,
U+2BFE,
U+FF5B,
U+FF5D,
U+1D400-1D7FF,
U+1EE00-1EEFF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 500;
src: url("./media/OpenSans-500-normal-math.woff2") format("woff2"), url("./media/OpenSans-500-normal.ttf") format("ttf");
unicode-range:
U+0302-0303,
U+0305,
U+0307-0308,
U+0330,
U+0391-03A1,
U+03A3-03A9,
U+03B1-03C9,
U+03D1,
U+03D5-03D6,
U+03F0-03F1,
U+03F4-03F5,
U+2034-2037,
U+2057,
U+20D0-20DC,
U+20E1,
U+20E5-20EF,
U+2102,
U+210A-210E,
U+2110-2112,
U+2115,
U+2119-211D,
U+2124,
U+2128,
U+212C-212D,
U+212F-2131,
U+2133-2138,
U+213C-2140,
U+2145-2149,
U+2190,
U+2192,
U+2194-21AE,
U+21B0-21E5,
U+21F1-21F2,
U+21F4-2211,
U+2213-2214,
U+2216-22FF,
U+2308-230B,
U+2310,
U+2319,
U+231C-2321,
U+2336-237A,
U+237C,
U+2395,
U+239B-23B6,
U+23D0,
U+23DC-23E1,
U+2474-2475,
U+25AF,
U+25B3,
U+25B7,
U+25BD,
U+25C1,
U+25CA,
U+25CC,
U+25FB,
U+266D-266F,
U+27C0-27FF,
U+2900-2AFF,
U+2B0E-2B11,
U+2B30-2B4C,
U+2BFE,
U+FF5B,
U+FF5D,
U+1D400-1D7FF,
U+1EE00-1EEFF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
src: url("./media/OpenSans-600-normal-math.woff2") format("woff2"), url("./media/OpenSans-600-normal.ttf") format("ttf");
unicode-range:
U+0302-0303,
U+0305,
U+0307-0308,
U+0330,
U+0391-03A1,
U+03A3-03A9,
U+03B1-03C9,
U+03D1,
U+03D5-03D6,
U+03F0-03F1,
U+03F4-03F5,
U+2034-2037,
U+2057,
U+20D0-20DC,
U+20E1,
U+20E5-20EF,
U+2102,
U+210A-210E,
U+2110-2112,
U+2115,
U+2119-211D,
U+2124,
U+2128,
U+212C-212D,
U+212F-2131,
U+2133-2138,
U+213C-2140,
U+2145-2149,
U+2190,
U+2192,
U+2194-21AE,
U+21B0-21E5,
U+21F1-21F2,
U+21F4-2211,
U+2213-2214,
U+2216-22FF,
U+2308-230B,
U+2310,
U+2319,
U+231C-2321,
U+2336-237A,
U+237C,
U+2395,
U+239B-23B6,
U+23D0,
U+23DC-23E1,
U+2474-2475,
U+25AF,
U+25B3,
U+25B7,
U+25BD,
U+25C1,
U+25CA,
U+25CC,
U+25FB,
U+266D-266F,
U+27C0-27FF,
U+2900-2AFF,
U+2B0E-2B11,
U+2B30-2B4C,
U+2BFE,
U+FF5B,
U+FF5D,
U+1D400-1D7FF,
U+1EE00-1EEFF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
src: url("./media/OpenSans-700-normal-math.woff2") format("woff2"), url("./media/OpenSans-700-normal.ttf") format("ttf");
unicode-range:
U+0302-0303,
U+0305,
U+0307-0308,
U+0330,
U+0391-03A1,
U+03A3-03A9,
U+03B1-03C9,
U+03D1,
U+03D5-03D6,
U+03F0-03F1,
U+03F4-03F5,
U+2034-2037,
U+2057,
U+20D0-20DC,
U+20E1,
U+20E5-20EF,
U+2102,
U+210A-210E,
U+2110-2112,
U+2115,
U+2119-211D,
U+2124,
U+2128,
U+212C-212D,
U+212F-2131,
U+2133-2138,
U+213C-2140,
U+2145-2149,
U+2190,
U+2192,
U+2194-21AE,
U+21B0-21E5,
U+21F1-21F2,
U+21F4-2211,
U+2213-2214,
U+2216-22FF,
U+2308-230B,
U+2310,
U+2319,
U+231C-2321,
U+2336-237A,
U+237C,
U+2395,
U+239B-23B6,
U+23D0,
U+23DC-23E1,
U+2474-2475,
U+25AF,
U+25B3,
U+25B7,
U+25BD,
U+25C1,
U+25CA,
U+25CC,
U+25FB,
U+266D-266F,
U+27C0-27FF,
U+2900-2AFF,
U+2B0E-2B11,
U+2B30-2B4C,
U+2BFE,
U+FF5B,
U+FF5D,
U+1D400-1D7FF,
U+1EE00-1EEFF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 800;
src: url("./media/OpenSans-800-normal-math.woff2") format("woff2"), url("./media/OpenSans-800-normal.ttf") format("ttf");
unicode-range:
U+0302-0303,
U+0305,
U+0307-0308,
U+0330,
U+0391-03A1,
U+03A3-03A9,
U+03B1-03C9,
U+03D1,
U+03D5-03D6,
U+03F0-03F1,
U+03F4-03F5,
U+2034-2037,
U+2057,
U+20D0-20DC,
U+20E1,
U+20E5-20EF,
U+2102,
U+210A-210E,
U+2110-2112,
U+2115,
U+2119-211D,
U+2124,
U+2128,
U+212C-212D,
U+212F-2131,
U+2133-2138,
U+213C-2140,
U+2145-2149,
U+2190,
U+2192,
U+2194-21AE,
U+21B0-21E5,
U+21F1-21F2,
U+21F4-2211,
U+2213-2214,
U+2216-22FF,
U+2308-230B,
U+2310,
U+2319,
U+231C-2321,
U+2336-237A,
U+237C,
U+2395,
U+239B-23B6,
U+23D0,
U+23DC-23E1,
U+2474-2475,
U+25AF,
U+25B3,
U+25B7,
U+25BD,
U+25C1,
U+25CA,
U+25CC,
U+25FB,
U+266D-266F,
U+27C0-27FF,
U+2900-2AFF,
U+2B0E-2B11,
U+2B30-2B4C,
U+2BFE,
U+FF5B,
U+FF5D,
U+1D400-1D7FF,
U+1EE00-1EEFF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 300;
src: url("./media/OpenSans-300-normal-symbols.woff2") format("woff2"), url("./media/OpenSans-300-normal.ttf") format("ttf");
unicode-range:
U+0001-000C,
U+000E-001F,
U+007F-009F,
U+20DD-20E0,
U+20E2-20E4,
U+2150-218F,
U+2190,
U+2192,
U+2194-2199,
U+21AF,
U+21E6-21F0,
U+21F3,
U+2218-2219,
U+2299,
U+22C4-22C6,
U+2300-243F,
U+2440-244A,
U+2460-24FF,
U+25A0-27BF,
U+2800-28FF,
U+2921-2922,
U+2981,
U+29BF,
U+29EB,
U+2B00-2BFF,
U+4DC0-4DFF,
U+FFF9-FFFB,
U+10140-1018E,
U+10190-1019C,
U+101A0,
U+101D0-101FD,
U+102E0-102FB,
U+10E60-10E7E,
U+1D2C0-1D2D3,
U+1D2E0-1D37F,
U+1F000-1F0FF,
U+1F100-1F1AD,
U+1F1E6-1F1FF,
U+1F30D-1F30F,
U+1F315,
U+1F31C,
U+1F31E,
U+1F320-1F32C,
U+1F336,
U+1F378,
U+1F37D,
U+1F382,
U+1F393-1F39F,
U+1F3A7-1F3A8,
U+1F3AC-1F3AF,
U+1F3C2,
U+1F3C4-1F3C6,
U+1F3CA-1F3CE,
U+1F3D4-1F3E0,
U+1F3ED,
U+1F3F1-1F3F3,
U+1F3F5-1F3F7,
U+1F408,
U+1F415,
U+1F41F,
U+1F426,
U+1F43F,
U+1F441-1F442,
U+1F444,
U+1F446-1F449,
U+1F44C-1F44E,
U+1F453,
U+1F46A,
U+1F47D,
U+1F4A3,
U+1F4B0,
U+1F4B3,
U+1F4B9,
U+1F4BB,
U+1F4BF,
U+1F4C8-1F4CB,
U+1F4D6,
U+1F4DA,
U+1F4DF,
U+1F4E3-1F4E6,
U+1F4EA-1F4ED,
U+1F4F7,
U+1F4F9-1F4FB,
U+1F4FD-1F4FE,
U+1F503,
U+1F507-1F50B,
U+1F50D,
U+1F512-1F513,
U+1F53E-1F54A,
U+1F54F-1F5FA,
U+1F610,
U+1F650-1F67F,
U+1F687,
U+1F68D,
U+1F691,
U+1F694,
U+1F698,
U+1F6AD,
U+1F6B2,
U+1F6B9-1F6BA,
U+1F6BC,
U+1F6C6-1F6CF,
U+1F6D3-1F6D7,
U+1F6E0-1F6EA,
U+1F6F0-1F6F3,
U+1F6F7-1F6FC,
U+1F700-1F7FF,
U+1F800-1F80B,
U+1F810-1F847,
U+1F850-1F859,
U+1F860-1F887,
U+1F890-1F8AD,
U+1F8B0-1F8B1,
U+1F900-1F90B,
U+1F93B,
U+1F946,
U+1F984,
U+1F996,
U+1F9E9,
U+1FA00-1FA6F,
U+1FA70-1FA7C,
U+1FA80-1FA88,
U+1FA90-1FABD,
U+1FABF-1FAC5,
U+1FACE-1FADB,
U+1FAE0-1FAE8,
U+1FAF0-1FAF8,
U+1FB00-1FBFF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: url("./media/OpenSans-400-normal-symbols.woff2") format("woff2"), url("./media/OpenSans-400-normal.ttf") format("ttf");
unicode-range:
U+0001-000C,
U+000E-001F,
U+007F-009F,
U+20DD-20E0,
U+20E2-20E4,
U+2150-218F,
U+2190,
U+2192,
U+2194-2199,
U+21AF,
U+21E6-21F0,
U+21F3,
U+2218-2219,
U+2299,
U+22C4-22C6,
U+2300-243F,
U+2440-244A,
U+2460-24FF,
U+25A0-27BF,
U+2800-28FF,
U+2921-2922,
U+2981,
U+29BF,
U+29EB,
U+2B00-2BFF,
U+4DC0-4DFF,
U+FFF9-FFFB,
U+10140-1018E,
U+10190-1019C,
U+101A0,
U+101D0-101FD,
U+102E0-102FB,
U+10E60-10E7E,
U+1D2C0-1D2D3,
U+1D2E0-1D37F,
U+1F000-1F0FF,
U+1F100-1F1AD,
U+1F1E6-1F1FF,
U+1F30D-1F30F,
U+1F315,
U+1F31C,
U+1F31E,
U+1F320-1F32C,
U+1F336,
U+1F378,
U+1F37D,
U+1F382,
U+1F393-1F39F,
U+1F3A7-1F3A8,
U+1F3AC-1F3AF,
U+1F3C2,
U+1F3C4-1F3C6,
U+1F3CA-1F3CE,
U+1F3D4-1F3E0,
U+1F3ED,
U+1F3F1-1F3F3,
U+1F3F5-1F3F7,
U+1F408,
U+1F415,
U+1F41F,
U+1F426,
U+1F43F,
U+1F441-1F442,
U+1F444,
U+1F446-1F449,
U+1F44C-1F44E,
U+1F453,
U+1F46A,
U+1F47D,
U+1F4A3,
U+1F4B0,
U+1F4B3,
U+1F4B9,
U+1F4BB,
U+1F4BF,
U+1F4C8-1F4CB,
U+1F4D6,
U+1F4DA,
U+1F4DF,
U+1F4E3-1F4E6,
U+1F4EA-1F4ED,
U+1F4F7,
U+1F4F9-1F4FB,
U+1F4FD-1F4FE,
U+1F503,
U+1F507-1F50B,
U+1F50D,
U+1F512-1F513,
U+1F53E-1F54A,
U+1F54F-1F5FA,
U+1F610,
U+1F650-1F67F,
U+1F687,
U+1F68D,
U+1F691,
U+1F694,
U+1F698,
U+1F6AD,
U+1F6B2,
U+1F6B9-1F6BA,
U+1F6BC,
U+1F6C6-1F6CF,
U+1F6D3-1F6D7,
U+1F6E0-1F6EA,
U+1F6F0-1F6F3,
U+1F6F7-1F6FC,
U+1F700-1F7FF,
U+1F800-1F80B,
U+1F810-1F847,
U+1F850-1F859,
U+1F860-1F887,
U+1F890-1F8AD,
U+1F8B0-1F8B1,
U+1F900-1F90B,
U+1F93B,
U+1F946,
U+1F984,
U+1F996,
U+1F9E9,
U+1FA00-1FA6F,
U+1FA70-1FA7C,
U+1FA80-1FA88,
U+1FA90-1FABD,
U+1FABF-1FAC5,
U+1FACE-1FADB,
U+1FAE0-1FAE8,
U+1FAF0-1FAF8,
U+1FB00-1FBFF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 500;
src: url("./media/OpenSans-500-normal-symbols.woff2") format("woff2"), url("./media/OpenSans-500-normal.ttf") format("ttf");
unicode-range:
U+0001-000C,
U+000E-001F,
U+007F-009F,
U+20DD-20E0,
U+20E2-20E4,
U+2150-218F,
U+2190,
U+2192,
U+2194-2199,
U+21AF,
U+21E6-21F0,
U+21F3,
U+2218-2219,
U+2299,
U+22C4-22C6,
U+2300-243F,
U+2440-244A,
U+2460-24FF,
U+25A0-27BF,
U+2800-28FF,
U+2921-2922,
U+2981,
U+29BF,
U+29EB,
U+2B00-2BFF,
U+4DC0-4DFF,
U+FFF9-FFFB,
U+10140-1018E,
U+10190-1019C,
U+101A0,
U+101D0-101FD,
U+102E0-102FB,
U+10E60-10E7E,
U+1D2C0-1D2D3,
U+1D2E0-1D37F,
U+1F000-1F0FF,
U+1F100-1F1AD,
U+1F1E6-1F1FF,
U+1F30D-1F30F,
U+1F315,
U+1F31C,
U+1F31E,
U+1F320-1F32C,
U+1F336,
U+1F378,
U+1F37D,
U+1F382,
U+1F393-1F39F,
U+1F3A7-1F3A8,
U+1F3AC-1F3AF,
U+1F3C2,
U+1F3C4-1F3C6,
U+1F3CA-1F3CE,
U+1F3D4-1F3E0,
U+1F3ED,
U+1F3F1-1F3F3,
U+1F3F5-1F3F7,
U+1F408,
U+1F415,
U+1F41F,
U+1F426,
U+1F43F,
U+1F441-1F442,
U+1F444,
U+1F446-1F449,
U+1F44C-1F44E,
U+1F453,
U+1F46A,
U+1F47D,
U+1F4A3,
U+1F4B0,
U+1F4B3,
U+1F4B9,
U+1F4BB,
U+1F4BF,
U+1F4C8-1F4CB,
U+1F4D6,
U+1F4DA,
U+1F4DF,
U+1F4E3-1F4E6,
U+1F4EA-1F4ED,
U+1F4F7,
U+1F4F9-1F4FB,
U+1F4FD-1F4FE,
U+1F503,
U+1F507-1F50B,
U+1F50D,
U+1F512-1F513,
U+1F53E-1F54A,
U+1F54F-1F5FA,
U+1F610,
U+1F650-1F67F,
U+1F687,
U+1F68D,
U+1F691,
U+1F694,
U+1F698,
U+1F6AD,
U+1F6B2,
U+1F6B9-1F6BA,
U+1F6BC,
U+1F6C6-1F6CF,
U+1F6D3-1F6D7,
U+1F6E0-1F6EA,
U+1F6F0-1F6F3,
U+1F6F7-1F6FC,
U+1F700-1F7FF,
U+1F800-1F80B,
U+1F810-1F847,
U+1F850-1F859,
U+1F860-1F887,
U+1F890-1F8AD,
U+1F8B0-1F8B1,
U+1F900-1F90B,
U+1F93B,
U+1F946,
U+1F984,
U+1F996,
U+1F9E9,
U+1FA00-1FA6F,
U+1FA70-1FA7C,
U+1FA80-1FA88,
U+1FA90-1FABD,
U+1FABF-1FAC5,
U+1FACE-1FADB,
U+1FAE0-1FAE8,
U+1FAF0-1FAF8,
U+1FB00-1FBFF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
src: url("./media/OpenSans-600-normal-symbols.woff2") format("woff2"), url("./media/OpenSans-600-normal.ttf") format("ttf");
unicode-range:
U+0001-000C,
U+000E-001F,
U+007F-009F,
U+20DD-20E0,
U+20E2-20E4,
U+2150-218F,
U+2190,
U+2192,
U+2194-2199,
U+21AF,
U+21E6-21F0,
U+21F3,
U+2218-2219,
U+2299,
U+22C4-22C6,
U+2300-243F,
U+2440-244A,
U+2460-24FF,
U+25A0-27BF,
U+2800-28FF,
U+2921-2922,
U+2981,
U+29BF,
U+29EB,
U+2B00-2BFF,
U+4DC0-4DFF,
U+FFF9-FFFB,
U+10140-1018E,
U+10190-1019C,
U+101A0,
U+101D0-101FD,
U+102E0-102FB,
U+10E60-10E7E,
U+1D2C0-1D2D3,
U+1D2E0-1D37F,
U+1F000-1F0FF,
U+1F100-1F1AD,
U+1F1E6-1F1FF,
U+1F30D-1F30F,
U+1F315,
U+1F31C,
U+1F31E,
U+1F320-1F32C,
U+1F336,
U+1F378,
U+1F37D,
U+1F382,
U+1F393-1F39F,
U+1F3A7-1F3A8,
U+1F3AC-1F3AF,
U+1F3C2,
U+1F3C4-1F3C6,
U+1F3CA-1F3CE,
U+1F3D4-1F3E0,
U+1F3ED,
U+1F3F1-1F3F3,
U+1F3F5-1F3F7,
U+1F408,
U+1F415,
U+1F41F,
U+1F426,
U+1F43F,
U+1F441-1F442,
U+1F444,
U+1F446-1F449,
U+1F44C-1F44E,
U+1F453,
U+1F46A,
U+1F47D,
U+1F4A3,
U+1F4B0,
U+1F4B3,
U+1F4B9,
U+1F4BB,
U+1F4BF,
U+1F4C8-1F4CB,
U+1F4D6,
U+1F4DA,
U+1F4DF,
U+1F4E3-1F4E6,
U+1F4EA-1F4ED,
U+1F4F7,
U+1F4F9-1F4FB,
U+1F4FD-1F4FE,
U+1F503,
U+1F507-1F50B,
U+1F50D,
U+1F512-1F513,
U+1F53E-1F54A,
U+1F54F-1F5FA,
U+1F610,
U+1F650-1F67F,
U+1F687,
U+1F68D,
U+1F691,
U+1F694,
U+1F698,
U+1F6AD,
U+1F6B2,
U+1F6B9-1F6BA,
U+1F6BC,
U+1F6C6-1F6CF,
U+1F6D3-1F6D7,
U+1F6E0-1F6EA,
U+1F6F0-1F6F3,
U+1F6F7-1F6FC,
U+1F700-1F7FF,
U+1F800-1F80B,
U+1F810-1F847,
U+1F850-1F859,
U+1F860-1F887,
U+1F890-1F8AD,
U+1F8B0-1F8B1,
U+1F900-1F90B,
U+1F93B,
U+1F946,
U+1F984,
U+1F996,
U+1F9E9,
U+1FA00-1FA6F,
U+1FA70-1FA7C,
U+1FA80-1FA88,
U+1FA90-1FABD,
U+1FABF-1FAC5,
U+1FACE-1FADB,
U+1FAE0-1FAE8,
U+1FAF0-1FAF8,
U+1FB00-1FBFF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
src: url("./media/OpenSans-700-normal-symbols.woff2") format("woff2"), url("./media/OpenSans-700-normal.ttf") format("ttf");
unicode-range:
U+0001-000C,
U+000E-001F,
U+007F-009F,
U+20DD-20E0,
U+20E2-20E4,
U+2150-218F,
U+2190,
U+2192,
U+2194-2199,
U+21AF,
U+21E6-21F0,
U+21F3,
U+2218-2219,
U+2299,
U+22C4-22C6,
U+2300-243F,
U+2440-244A,
U+2460-24FF,
U+25A0-27BF,
U+2800-28FF,
U+2921-2922,
U+2981,
U+29BF,
U+29EB,
U+2B00-2BFF,
U+4DC0-4DFF,
U+FFF9-FFFB,
U+10140-1018E,
U+10190-1019C,
U+101A0,
U+101D0-101FD,
U+102E0-102FB,
U+10E60-10E7E,
U+1D2C0-1D2D3,
U+1D2E0-1D37F,
U+1F000-1F0FF,
U+1F100-1F1AD,
U+1F1E6-1F1FF,
U+1F30D-1F30F,
U+1F315,
U+1F31C,
U+1F31E,
U+1F320-1F32C,
U+1F336,
U+1F378,
U+1F37D,
U+1F382,
U+1F393-1F39F,
U+1F3A7-1F3A8,
U+1F3AC-1F3AF,
U+1F3C2,
U+1F3C4-1F3C6,
U+1F3CA-1F3CE,
U+1F3D4-1F3E0,
U+1F3ED,
U+1F3F1-1F3F3,
U+1F3F5-1F3F7,
U+1F408,
U+1F415,
U+1F41F,
U+1F426,
U+1F43F,
U+1F441-1F442,
U+1F444,
U+1F446-1F449,
U+1F44C-1F44E,
U+1F453,
U+1F46A,
U+1F47D,
U+1F4A3,
U+1F4B0,
U+1F4B3,
U+1F4B9,
U+1F4BB,
U+1F4BF,
U+1F4C8-1F4CB,
U+1F4D6,
U+1F4DA,
U+1F4DF,
U+1F4E3-1F4E6,
U+1F4EA-1F4ED,
U+1F4F7,
U+1F4F9-1F4FB,
U+1F4FD-1F4FE,
U+1F503,
U+1F507-1F50B,
U+1F50D,
U+1F512-1F513,
U+1F53E-1F54A,
U+1F54F-1F5FA,
U+1F610,
U+1F650-1F67F,
U+1F687,
U+1F68D,
U+1F691,
U+1F694,
U+1F698,
U+1F6AD,
U+1F6B2,
U+1F6B9-1F6BA,
U+1F6BC,
U+1F6C6-1F6CF,
U+1F6D3-1F6D7,
U+1F6E0-1F6EA,
U+1F6F0-1F6F3,
U+1F6F7-1F6FC,
U+1F700-1F7FF,
U+1F800-1F80B,
U+1F810-1F847,
U+1F850-1F859,
U+1F860-1F887,
U+1F890-1F8AD,
U+1F8B0-1F8B1,
U+1F900-1F90B,
U+1F93B,
U+1F946,
U+1F984,
U+1F996,
U+1F9E9,
U+1FA00-1FA6F,
U+1FA70-1FA7C,
U+1FA80-1FA88,
U+1FA90-1FABD,
U+1FABF-1FAC5,
U+1FACE-1FADB,
U+1FAE0-1FAE8,
U+1FAF0-1FAF8,
U+1FB00-1FBFF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 800;
src: url("./media/OpenSans-800-normal-symbols.woff2") format("woff2"), url("./media/OpenSans-800-normal.ttf") format("ttf");
unicode-range:
U+0001-000C,
U+000E-001F,
U+007F-009F,
U+20DD-20E0,
U+20E2-20E4,
U+2150-218F,
U+2190,
U+2192,
U+2194-2199,
U+21AF,
U+21E6-21F0,
U+21F3,
U+2218-2219,
U+2299,
U+22C4-22C6,
U+2300-243F,
U+2440-244A,
U+2460-24FF,
U+25A0-27BF,
U+2800-28FF,
U+2921-2922,
U+2981,
U+29BF,
U+29EB,
U+2B00-2BFF,
U+4DC0-4DFF,
U+FFF9-FFFB,
U+10140-1018E,
U+10190-1019C,
U+101A0,
U+101D0-101FD,
U+102E0-102FB,
U+10E60-10E7E,
U+1D2C0-1D2D3,
U+1D2E0-1D37F,
U+1F000-1F0FF,
U+1F100-1F1AD,
U+1F1E6-1F1FF,
U+1F30D-1F30F,
U+1F315,
U+1F31C,
U+1F31E,
U+1F320-1F32C,
U+1F336,
U+1F378,
U+1F37D,
U+1F382,
U+1F393-1F39F,
U+1F3A7-1F3A8,
U+1F3AC-1F3AF,
U+1F3C2,
U+1F3C4-1F3C6,
U+1F3CA-1F3CE,
U+1F3D4-1F3E0,
U+1F3ED,
U+1F3F1-1F3F3,
U+1F3F5-1F3F7,
U+1F408,
U+1F415,
U+1F41F,
U+1F426,
U+1F43F,
U+1F441-1F442,
U+1F444,
U+1F446-1F449,
U+1F44C-1F44E,
U+1F453,
U+1F46A,
U+1F47D,
U+1F4A3,
U+1F4B0,
U+1F4B3,
U+1F4B9,
U+1F4BB,
U+1F4BF,
U+1F4C8-1F4CB,
U+1F4D6,
U+1F4DA,
U+1F4DF,
U+1F4E3-1F4E6,
U+1F4EA-1F4ED,
U+1F4F7,
U+1F4F9-1F4FB,
U+1F4FD-1F4FE,
U+1F503,
U+1F507-1F50B,
U+1F50D,
U+1F512-1F513,
U+1F53E-1F54A,
U+1F54F-1F5FA,
U+1F610,
U+1F650-1F67F,
U+1F687,
U+1F68D,
U+1F691,
U+1F694,
U+1F698,
U+1F6AD,
U+1F6B2,
U+1F6B9-1F6BA,
U+1F6BC,
U+1F6C6-1F6CF,
U+1F6D3-1F6D7,
U+1F6E0-1F6EA,
U+1F6F0-1F6F3,
U+1F6F7-1F6FC,
U+1F700-1F7FF,
U+1F800-1F80B,
U+1F810-1F847,
U+1F850-1F859,
U+1F860-1F887,
U+1F890-1F8AD,
U+1F8B0-1F8B1,
U+1F900-1F90B,
U+1F93B,
U+1F946,
U+1F984,
U+1F996,
U+1F9E9,
U+1FA00-1FA6F,
U+1FA70-1FA7C,
U+1FA80-1FA88,
U+1FA90-1FABD,
U+1FABF-1FAC5,
U+1FACE-1FADB,
U+1FAE0-1FAE8,
U+1FAF0-1FAF8,
U+1FB00-1FBFF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 300;
src: url("./media/OpenSans-300-normal-latin-ext.woff2") format("woff2"), url("./media/OpenSans-300-normal.ttf") format("ttf");
unicode-range:
U+0100-02AF,
U+0304,
U+0308,
U+0329,
U+1E00-1E9F,
U+1EF2-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20C0,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: url("./media/OpenSans-400-normal-latin-ext.woff2") format("woff2"), url("./media/OpenSans-400-normal.ttf") format("ttf");
unicode-range:
U+0100-02AF,
U+0304,
U+0308,
U+0329,
U+1E00-1E9F,
U+1EF2-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20C0,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 500;
src: url("./media/OpenSans-500-normal-latin-ext.woff2") format("woff2"), url("./media/OpenSans-500-normal.ttf") format("ttf");
unicode-range:
U+0100-02AF,
U+0304,
U+0308,
U+0329,
U+1E00-1E9F,
U+1EF2-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20C0,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
src: url("./media/OpenSans-600-normal-latin-ext.woff2") format("woff2"), url("./media/OpenSans-600-normal.ttf") format("ttf");
unicode-range:
U+0100-02AF,
U+0304,
U+0308,
U+0329,
U+1E00-1E9F,
U+1EF2-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20C0,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
src: url("./media/OpenSans-700-normal-latin-ext.woff2") format("woff2"), url("./media/OpenSans-700-normal.ttf") format("ttf");
unicode-range:
U+0100-02AF,
U+0304,
U+0308,
U+0329,
U+1E00-1E9F,
U+1EF2-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20C0,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 800;
src: url("./media/OpenSans-800-normal-latin-ext.woff2") format("woff2"), url("./media/OpenSans-800-normal.ttf") format("ttf");
unicode-range:
U+0100-02AF,
U+0304,
U+0308,
U+0329,
U+1E00-1E9F,
U+1EF2-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20C0,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 300;
src: url("./media/OpenSans-300-normal-latin.woff2") format("woff2"), url("./media/OpenSans-300-normal.ttf") format("ttf");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+0304,
U+0308,
U+0329,
U+2000-206F,
U+2074,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: url("./media/OpenSans-400-normal-latin.woff2") format("woff2"), url("./media/OpenSans-400-normal.ttf") format("ttf");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+0304,
U+0308,
U+0329,
U+2000-206F,
U+2074,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 500;
src: url("./media/OpenSans-500-normal-latin.woff2") format("woff2"), url("./media/OpenSans-500-normal.ttf") format("ttf");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+0304,
U+0308,
U+0329,
U+2000-206F,
U+2074,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
src: url("./media/OpenSans-600-normal-latin.woff2") format("woff2"), url("./media/OpenSans-600-normal.ttf") format("ttf");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+0304,
U+0308,
U+0329,
U+2000-206F,
U+2074,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
src: url("./media/OpenSans-700-normal-latin.woff2") format("woff2"), url("./media/OpenSans-700-normal.ttf") format("ttf");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+0304,
U+0308,
U+0329,
U+2000-206F,
U+2074,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: "Open Sans";
font-style: normal;
font-weight: 800;
src: url("./media/OpenSans-800-normal-latin.woff2") format("woff2"), url("./media/OpenSans-800-normal.ttf") format("ttf");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+0304,
U+0308,
U+0329,
U+2000-206F,
U+2074,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 100;
src: url("./media/Poppins-100-normal-latin-ext.woff2") format("woff2"), url("./media/Poppins-100-normal.ttf") format("ttf");
unicode-range:
U+0100-02AF,
U+0304,
U+0308,
U+0329,
U+1E00-1E9F,
U+1EF2-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20C0,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 200;
src: url("./media/Poppins-200-normal-latin-ext.woff2") format("woff2"), url("./media/Poppins-200-normal.ttf") format("ttf");
unicode-range:
U+0100-02AF,
U+0304,
U+0308,
U+0329,
U+1E00-1E9F,
U+1EF2-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20C0,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 300;
src: url("./media/Poppins-300-normal-latin-ext.woff2") format("woff2"), url("./media/Poppins-300-normal.ttf") format("ttf");
unicode-range:
U+0100-02AF,
U+0304,
U+0308,
U+0329,
U+1E00-1E9F,
U+1EF2-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20C0,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 400;
src: url("./media/Poppins-400-normal-latin-ext.woff2") format("woff2"), url("./media/Poppins-400-normal.ttf") format("ttf");
unicode-range:
U+0100-02AF,
U+0304,
U+0308,
U+0329,
U+1E00-1E9F,
U+1EF2-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20C0,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 500;
src: url("./media/Poppins-500-normal-latin-ext.woff2") format("woff2"), url("./media/Poppins-500-normal.ttf") format("ttf");
unicode-range:
U+0100-02AF,
U+0304,
U+0308,
U+0329,
U+1E00-1E9F,
U+1EF2-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20C0,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 600;
src: url("./media/Poppins-600-normal-latin-ext.woff2") format("woff2"), url("./media/Poppins-600-normal.ttf") format("ttf");
unicode-range:
U+0100-02AF,
U+0304,
U+0308,
U+0329,
U+1E00-1E9F,
U+1EF2-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20C0,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 700;
src: url("./media/Poppins-700-normal-latin-ext.woff2") format("woff2"), url("./media/Poppins-700-normal.ttf") format("ttf");
unicode-range:
U+0100-02AF,
U+0304,
U+0308,
U+0329,
U+1E00-1E9F,
U+1EF2-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20C0,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 800;
src: url("./media/Poppins-800-normal-latin-ext.woff2") format("woff2"), url("./media/Poppins-800-normal.ttf") format("ttf");
unicode-range:
U+0100-02AF,
U+0304,
U+0308,
U+0329,
U+1E00-1E9F,
U+1EF2-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20C0,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 900;
src: url("./media/Poppins-900-normal-latin-ext.woff2") format("woff2"), url("./media/Poppins-900-normal.ttf") format("ttf");
unicode-range:
U+0100-02AF,
U+0304,
U+0308,
U+0329,
U+1E00-1E9F,
U+1EF2-1EFF,
U+2020,
U+20A0-20AB,
U+20AD-20C0,
U+2113,
U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 100;
src: url("./media/Poppins-100-normal-latin.woff2") format("woff2"), url("./media/Poppins-100-normal.ttf") format("ttf");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+0304,
U+0308,
U+0329,
U+2000-206F,
U+2074,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 200;
src: url("./media/Poppins-200-normal-latin.woff2") format("woff2"), url("./media/Poppins-200-normal.ttf") format("ttf");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+0304,
U+0308,
U+0329,
U+2000-206F,
U+2074,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 300;
src: url("./media/Poppins-300-normal-latin.woff2") format("woff2"), url("./media/Poppins-300-normal.ttf") format("ttf");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+0304,
U+0308,
U+0329,
U+2000-206F,
U+2074,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 400;
src: url("./media/Poppins-400-normal-latin.woff2") format("woff2"), url("./media/Poppins-400-normal.ttf") format("ttf");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+0304,
U+0308,
U+0329,
U+2000-206F,
U+2074,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 500;
src: url("./media/Poppins-500-normal-latin.woff2") format("woff2"), url("./media/Poppins-500-normal.ttf") format("ttf");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+0304,
U+0308,
U+0329,
U+2000-206F,
U+2074,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 600;
src: url("./media/Poppins-600-normal-latin.woff2") format("woff2"), url("./media/Poppins-600-normal.ttf") format("ttf");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+0304,
U+0308,
U+0329,
U+2000-206F,
U+2074,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 700;
src: url("./media/Poppins-700-normal-latin.woff2") format("woff2"), url("./media/Poppins-700-normal.ttf") format("ttf");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+0304,
U+0308,
U+0329,
U+2000-206F,
U+2074,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 800;
src: url("./media/Poppins-800-normal-latin.woff2") format("woff2"), url("./media/Poppins-800-normal.ttf") format("ttf");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+0304,
U+0308,
U+0329,
U+2000-206F,
U+2074,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
@font-face {
font-display: swap;
font-family: Poppins;
font-style: normal;
font-weight: 900;
src: url("./media/Poppins-900-normal-latin.woff2") format("woff2"), url("./media/Poppins-900-normal.ttf") format("ttf");
unicode-range:
U+0000-00FF,
U+0131,
U+0152-0153,
U+02BB-02BC,
U+02C6,
U+02DA,
U+02DC,
U+0304,
U+0308,
U+0329,
U+2000-206F,
U+2074,
U+20AC,
U+2122,
U+2191,
U+2193,
U+2212,
U+2215,
U+FEFF,
U+FFFD;
}
:root,
.uls {
--alerts-info-background-color: #e2f3f7;
--alerts-info-highlight-color: #0c7489;
--alerts-warning-background-color: #f8f1e0;
--alerts-warning-highlight-color: #ffa700;
--alerts-critical-background-color: #fdf0f2;
--alerts-critical-highlight-color: #e12d33;
--alerts-success-background-color: #e9f6e7;
--alerts-success-highlight-color: #238424;
--alerts-default-background-color: #fff;
--alerts-default-highlight-color: #000;
--alerts-banner-default-background-color: #e6e6e6;
}
:root,
.uls {
--avatar-team: #e6e6e6;
--avatar-team-text: #3e3e3e;
--avatar-brand: #ca0123;
--avatar-team-1: #542211;
--avatar-team-1-text: #fff;
--avatar-team-2: #ab6634;
--avatar-team-2-text: #fff;
--avatar-team-3: #d68a58;
--avatar-team-3-text: #fff;
--avatar-team-4: #f6ce8d;
--avatar-team-4-text: #000;
--avatar-team-5: #7dd4af;
--avatar-team-5-text: #000;
--avatar-team-6: #008585;
--avatar-team-6-text: #fff;
--avatar-team-7: #c1eaea;
--avatar-team-7-text: #000;
--avatar-team-8: #27cbff;
--avatar-team-8-text: #000;
--avatar-widget: #ca0123;
--avatar-widget-text: #fff;
--avatar-widget-font-weight: 700;
--avatar-widget-font-size: 0.875rem;
}
:root,
.uls {
--badge-warning-background-color: #ffc85e;
--badge-warning-background-color-light: #f8f1e0;
--badge-warning-color: #3e3e3e;
--badge-warning-color-light: #3e3e3e;
--badge-danger-background-color: #e12d33;
--badge-danger-background-color-light: #fdf0f2;
--badge-danger-color: #fff;
--badge-danger-color-light: #c01b21;
--badge-success-background-color: #238424;
--badge-success-background-color-light: #e9f6e7;
--badge-success-color: #fff;
--badge-success-color-light: #0d470e;
--badge-info-background-color: #0c7489;
--badge-info-background-color-light: #e2f3f7;
--badge-info-color: #fff;
--badge-info-color-light: #054e5d;
}
:root,
.uls {
--btn-primary-background: #005999;
--btn-primary-background-hover: #003357;
--btn-primary-background-active: #001524;
--btn-primary-background-focus: #005999;
--btn-primary-background-disabled: #005999;
--btn-primary-drop-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
--btn-primary-border-color: none;
--btn-primary-border-hover: none;
--btn-primary-border-active: none;
--btn-primary-border-disabled: none;
--btn-primary-border-focus: 0.0625rem solid #0a99ff;
--btn-primary-text-color: #fff;
--btn-primary-text-color-hover: #fff;
--btn-primary-text-color-active: #fff;
--btn-primary-text-color-focus: #fff;
--btn-primary-text-color-disabled: #fff;
--btn-primary-disabled-opacity: 0.5;
--btn-primary-padding-with-icons: 0.5rem 1rem;
--btn-primary-padding-small: 0.5rem 1rem;
--btn-primary-icon-padding: 0.75rem;
--btn-secondary-background: #e6e6e6;
--btn-secondary-background-hover: #d3d3d3;
--btn-secondary-background-active: #999;
--btn-secondary-background-focus: #e6e6e6;
--btn-secondary-background-disabled: #e6e6e6;
--btn-secondary-border-color: none;
--btn-secondary-border-hover: none;
--btn-secondary-border-active: none;
--btn-secondary-border-focus: 0.0625rem solid #0a99ff;
--btn-secondary-border-disabled: none;
--btn-secondary-drop-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
--btn-secondary-text-color: #000;
--btn-secondary-text-color-hover: #000;
--btn-secondary-text-color-active: #000;
--btn-secondary-text-color-focus: #000;
--btn-secondary-text-color-disabled: #000;
--btn-secondary-disabled-opacity: 0.5;
--btn-secondary-padding-with-icons: 0.5rem 1rem;
--btn-secondary-padding-small: 0.5rem 1rem;
--btn-secondary-icon-padding: 0.75rem;
--btn-tertiary-background: transparent;
--btn-tertiary-background-hover: #005999;
--btn-tertiary-background-active: #001524;
--btn-tertiary-background-focus: transparent;
--btn-tertiary-background-disabled: #fff;
--btn-tertiary-drop-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
--btn-tertiary-border-color: none;
--btn-tertiary-border-hover: none;
--btn-tertiary-border-active: none;
--btn-tertiary-border-focus: 0.0625rem solid #0a99ff;
--btn-tertiary-border-disabled: none;
--btn-tertiary-text-color: #005999;
--btn-tertiary-text-color-hover: #fff;
--btn-tertiary-text-color-active: #fff;
--btn-tertiary-text-color-focus: #005999;
--btn-tertiary-text-color-disabled: #005999;
--btn-tertiary-disabled-opacity: 0.5;
--btn-tertiary-padding-with-icons: 0.5rem 1rem;
--btn-tertiary-padding-small: 0.5rem 1rem;
--btn-tertiary-icon-padding: 0.75rem;
--btn-alternative-background: #fff;
--btn-alternative-background-hover: #000;
--btn-alternative-background-active: #000;
--btn-alternative-background-focus: #fff;
--btn-alternative-background-disabled: #fff;
--btn-alternative-drop-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
--btn-alternative-border-color: 0.0625rem solid #000;
--btn-alternative-border-hover: none;
--btn-alternative-border-active: none;
--btn-alternative-border-focus: 0.0625rem solid #0a99ff;
--btn-alternative-border-disabled: 0.0625rem solid #000;
--btn-alternative-text-color: #000;
--btn-alternative-text-color-hover: #fff;
--btn-alternative-text-color-active: #fff;
--btn-alternative-text-color-focus: #000;
--btn-alternative-text-color-disabled: #000;
--btn-alternative-disabled-opacity: 0.5;
--btn-alternative-padding-with-icons: 0.5rem 1rem;
--btn-alternative-padding-small: 0.5rem 1rem;
--btn-alternative-icon-padding: 0.75rem;
--btn-save-background: #238424;
--btn-save-background-hover: #0d470e;
--btn-save-background-active: #093308;
--btn-save-background-focus: #238424;
--btn-save-background-disabled: #0d470e;
--btn-save-drop-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
--btn-save-border-color: none;
--btn-save-border-hover: none;
--btn-save-border-active: none;
--btn-save-border-focus: 0.0625rem solid #0a99ff;
--btn-save-border-disabled: none;
--btn-save-text-color: #fff;
--btn-save-text-color-hover: #fff;
--btn-save-text-color-active: #fff;
--btn-save-text-color-focus: #fff;
--btn-save-text-color-disabled: #fff;
--btn-save-disabled-opacity: 0.5;
--btn-save-padding-with-icons: 0.5rem 1rem;
--btn-save-padding-small: 0.5rem 1rem;
--btn-save-icon-padding: 0.75rem;
--btn-delete-background: #e12d33;
--btn-delete-background-hover: #c01b21;
--btn-delete-background-active: #931519;
--btn-delete-background-focus: #e12d33;
--btn-delete-background-disabled: #e12d33;
--btn-delete-drop-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
--btn-delete-border-color: none;
--btn-delete-border-hover: none;
--btn-delete-border-active: none;
--btn-delete-border-focus: 0.0625rem solid #0a99ff;
--btn-delete-border-disabled: none;
--btn-delete-text-color: #fff;
--btn-delete-text-color-hover: #fff;
--btn-delete-text-color-active: #fff;
--btn-delete-text-color-focus: #fff;
--btn-delete-text-color-disabled: #fff;
--btn-delete-disabled-opacity: 0.5;
--btn-delete-padding-with-icons: 0.5rem 1rem;
--btn-delete-padding-small: 0.5rem 1rem;
--btn-delete-icon-padding: 0.75rem;
--btn-widget-background: #ca0123;
--btn-widget-background-hover: #bf0121;
--btn-widget-background-active: #8c0118;
--btn-widget-background-focus: #ca0123;
--btn-widget-background-disabled: #b5011f;
--btn-widget-drop-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
--btn-widget-border-color: none;
--btn-widget-border-hover: none;
--btn-widget-border-active: none;
--btn-widget-border-focus: 0.0625rem solid #0a99ff;
--btn-widget-border-disabled: none;
--btn-widget-text-color: #fff;
--btn-widget-text-color-hover: #fff;
--btn-widget-text-color-active: #fff;
--btn-widget-text-color-focus: #fff;
--btn-widget-text-color-disabled: #fff;
--btn-widget-disabled-opacity: 0.5;
--btn-widget-padding-with-icons: 0.5rem 1rem;
--btn-widget-padding-small: 0.5rem 1rem;
--btn-widget-icon-padding: 0.75rem;
--btn-widget-border-radius: 6.25rem;
--btn-widget-font-size: 0.875rem;
--btn-widget-font-weight: 600;
--btn-border-radius: 0.1875rem;
--font-weight: 500;
--btn-padding-vertical: 0.5rem;
--btn-padding-horizontal: 1rem;
--btn-padding-vertical-small: 0.5rem;
--btn-padding-horizontal-small: 1rem;
--btn-padding-no-label: 0.5rem;
--btn-font-size-small: 0.875rem;
--btn-font-size-medium: 1.125rem;
--btn-line-height-small: 1rem;
--btn-line-height-medium: 1.5rem;
--btn-min-height: 2.5rem;
--btn-min-height-small: 2rem;
--btn-padding-small: 0.5rem 1rem;
--icon-btn-text-color: #3e3e3e;
--group-buttons-gap-primary: 0.0625rem;
--group-buttons-gap-secondary: 0.0625rem;
--group-buttons-gap-alternative: -0.0625rem;
--group-buttons-margin-left-primary: 0rem;
--group-buttons-margin-left-secondary: 0rem;
--group-buttons-margin-left-alternative: -0.0625rem;
}
:root,
.uls {
--chip-border-radius: 6.25rem;
--chip-padding: 0.25rem 1rem;
--chip-icon-right-padding: 0.5rem;
--chip-icon-right-padding-small: 0.25rem;
--chip-avatar-left-padding: 0.25rem;
--chip-secondary-background-color: #f8f8f8;
--chip-secondary-background-color-hover: #ebebeb;
--chip-secondary-background-color-active: #dfdfdf;
--chip-secondary-background-color-focus: #ecf5fc;
--chip-secondary-border-color: #d3d3d3;
--chip-secondary-border-color-hover: #d3d3d3;
--chip-secondary-border-color-active: #d3d3d3;
--chip-secondary-border-color-focus: #0a99ff;
--chip-secondary-icon-color: #3e3e3e;
--chip-success-background-color: #fff;
--chip-success-background-color-hover: #f8f8f8;
--chip-success-background-color-active: #ebebeb;
--chip-success-background-color-focus: #e9f6e7;
--chip-success-border-color: #238424;
--chip-success-border-color-hover: #238424;
--chip-success-border-color-active: #238424;
--chip-success-border-color-focus: #238424;
--chip-success-icon-color: #238424;
--chip-warning-background-color: #fff;
--chip-warning-background-color-hover: #f8f8f8;
--chip-warning-background-color-active: #ebebeb;
--chip-warning-background-color-focus: #f8f1e0;
--chip-warning-border-color: #ffa700;
--chip-warning-border-color-hover: #ffa700;
--chip-warning-border-color-active: #ffa700;
--chip-warning-border-color-focus: #ffa700;
--chip-warning-icon-color: #ffa700;
--chip-critical-background-color: #fff;
--chip-critical-background-color-hover: #f8f8f8;
--chip-critical-background-color-active: #ebebeb;
--chip-critical-background-color-focus: #fdf0f2;
--chip-critical-border-color: #e12d33;
--chip-critical-border-color-hover: #e12d33;
--chip-critical-border-color-active: #e12d33;
--chip-critical-border-color-focus: #e12d33;
--chip-critical-icon-color: #e12d33;
}
:root,
.uls {
--app-font-family: "Open Sans", sans-serif;
}
:root,
.uls {
--icon-info-color: #0C7489;
--icon-warning-color: #FFA700;
--icon-critical-color: #E12D33;
--icon-success-color: #238424;
--icon-default-color: #000000;
--icon-disabled-color: #00000080;
}
:root,
.uls {
--apphead-font-family:
"Poppins",
"Arial",
sans-serif;
--apphead-header-background: #fff;
--apphead-header-border-bottom: 0.0625rem solid #ccc;
--apphead-header-shadow: transparent;
--apphead-header-padding: 0 1.5rem;
--apphead-header-padding-mobile: 0 0.5rem;
--apphead-header-height: 3.5rem;
--apphead-logo: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ4Ni44IDIwMCI+DQogICA8dGl0bGU+VUwgU29sdXRpb25zIExvZ288L3RpdGxlPg0KICAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyNS45MyIgeTE9IjAiIHgyPSIyMTkuMDkiIHkyPSIwIj4NCiAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojQ0EwMTIzIj48L3N0b3A+DQogICAgIDxzdG9wIG9mZnNldD0iMC4xNSIgc3R5bGU9InN0b3AtY29sb3I6I0MxMDEyMyI+PC9zdG9wPg0KICAgICA8c3RvcCBvZmZzZXQ9IjAuNCIgc3R5bGU9InN0b3AtY29sb3I6I0E5MDIyNCI+PC9zdG9wPg0KICAgICA8c3RvcCBvZmZzZXQ9IjAuNzEiIHN0eWxlPSJzdG9wLWNvbG9yOiM4MTAzMjYiPjwvc3RvcD4NCiAgICAgPHN0b3Agb2Zmc2V0PSIwLjk3IiBzdHlsZT0ic3RvcC1jb2xvcjojNUIwNDI4Ij48L3N0b3A+DQogICA8L2xpbmVhckdyYWRpZW50Pg0KICAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkMiIgaHJlZj0iI2dyYWQxIiB4MT0iMTU3Ljg1ODIiIHkxPSI1Mi4yMzc4IiB4Mj0iMTYuMTI4MSIgeTI9IjE3MS4xNTc4Ij4NCiAgIDwvbGluZWFyR3JhZGllbnQ+DQogICA8Zz4NCiAgICAgPHBhdGggZmlsbD0idXJsKCNncmFkMSkiIGQ9Ik05NS41LDE3NWM0My41LDAsNzQuNS0zNSw3NC41LTc1cy0zMS41LTcwLTcwLTcwYy00LDAtOSwwLjUtMTEuNSwxYzQuNS0xLjUsMTItMiwxNi0yYzUxLDAsODEuNSw0MSw4MS41LDg1YzAsNTEuNS0zOC41LDg2LTg2LDg2QzQ1LDIwMCwwLDE1NSwwLDEwMGMwLTE5LjUsNi00NSwyNi41LTY3LjVjLTEzLDE4LTE2LjUsMzYtMTYuNSw1NEMxMCwxMzMsNDEuNSwxNzUsOTUuNSwxNzV6Ij48L3BhdGg+DQogICAgIDxwYXRoIGZpbGw9InVybCgjZ3JhZDIpIiBkPSJNMTA0LjUsMjVDNjEsMjUsMzAsNjAsMzAsMTAwczMxLjUsNzAsNzAsNzBjNCwwLDktMC41LDExLjUtMWMtNC41LDEuNS0xMiwyLTE2LDJjLTUxLDAtODEuNS00MS04MS41LTg1YzAtNTEuNSwzOC41LTg2LDg2LTg2YzU1LDAsMTAwLDQ1LDEwMCwxMDBjMCwxOS41LTYsNDUtMjYuNSw2Ny41YzEzLTE4LDE2LjUtMzYsMTYuNS01NEMxOTAsNjcsMTU4LjUsMjUsMTA0LjUsMjV6Ij48L3BhdGg+DQogICAgIDxwYXRoIGZpbGw9IiNDQTAxMjMiIGQ9Ik0yNDUuMSwxMjQuOGMtMTAsMC0xNS41LTYtMTYtMTUuNWg5LjVjMCw1LDIuNSw3LjUsNiw3LjVjMi41LDAsNS0xLDUtNC41cy0yLjUtNS41LTctOGwtMy41LTJjLTUtMi41LTktNi05LTEzYzAtOSw2LjUtMTMuNSwxNS0xMy41YzksMCwxNC41LDUuNSwxNC41LDE0LjVoLTkuNWMtMC41LTUtMi03LjUtNS41LTcuNWMtMywwLTQuNSwyLTQuNSw0LjVjMCwzLjUsMyw1LjUsNi41LDcuNWwzLDJjMy41LDIsMTAsNS41LDEwLDE0LjVDMjYwLjEsMTIwLjgsMjUyLjYsMTI0LjgsMjQ1LjEsMTI0Ljh6IE0yNzkuMSwxMjQuM2M4LjUsMCwxNS41LTYsMTUuNS0xOHMtNy0xOC0xNS41LTE4cy0xNS41LDYuNS0xNS41LDE4QzI2My42LDExOC40LDI3MC42LDEyNC44LDI3OS4xLDEyNC4zeiBNMjc5LjEsMTE2LjRjLTMuNSwwLTYtMy41LTYtMTBzMi41LTEwLDYtMTBzNiwzLjUsNiwxMFMyODMuMSwxMTYuNCwyNzkuMSwxMTYuNHogTTI5OS42LDEyNC4zaDkuNVY3NC45aC05LjVWMTI0LjN6IE0zNDQsMTIzLjh2LTM0aC05LjV2MjFjMCw0LTIsNi01LDZzLTUtMi01LTZWODkuM0gzMTV2MjMuNWMwLDcuNSw0LDEyLDEwLjUsMTJjNC41LDAsNy0yLDguNS00LjVoMC41bDEsMy41SDM0NHogTTM4Mi41LDg0LjljMywwLDUuNS0yLjUsNS41LTUuNXMtMi41LTUuNS01LjUtNS41Yy0zLjUsMC02LDIuNS02LDUuNVMzNzkuNSw4NC45LDM4Mi41LDg0Ljl6IE0zNzcuNSwxMjMuOGg5LjVWODkuM2gtOS41VjEyMy44eiBNNDA3LjksMTI0LjNjOC41LDAsMTUuNS02LDE1LjUtMThzLTctMTgtMTUuNS0xOHMtMTUuNSw2LjUtMTUuNSwxOEMzOTIuNCwxMTguNCwzOTkuNCwxMjQuMyw0MDcuOSwxMjQuM3ogTTQwNy45LDExNi40Yy0zLjUsMC02LTMuNS02LTEwczIuNS0xMCw2LTEwczYsMy41LDYsMTBTNDExLjQsMTE2LjQsNDA3LjksMTE2LjR6TTQ3NC4zLDEyMy44YzYuNSwwLDEyLjUtMywxMi41LTEwcy01LTkuNS05LjUtMTFsLTIuNS0xYy0yLjUtMS00LjUtMi00LjUtNHMxLTMsMy0zYzIuNSwwLDQsMS41LDQsNGg5YzAtNi00LjUtMTAuNS0xMi41LTEwLjVjLTcsMC0xMi41LDMuNS0xMi41LDEwLjVjMCw2LjUsNSw4LjUsOSwxMGwyLjUsMWMzLDEsNSwyLDUsNC41YzAsMi0xLjUsMy0zLjUsM2MtMi41LDAtNC0xLTQuNS00LjVoLTlDNDYxLjQsMTIwLjMsNDY1LjgsMTI0LjMsNDc0LjMsMTIzLjh6IE0zNjQuNSwxMjQuM2MyLDAsNC41LDAsNi0wLjV2LTdjLTEsMC41LTIsMC41LTMsMC41Yy0zLDAtNC0yLTQtNFY5Ni44aDguNXYtNy41aC04LjV2LTlIMzU1djRjMCwzLjUtMS41LDUtNSw1aC0xLjV2Ny41aDZ2MThDMzU0LjUsMTIwLjMsMzU3LjUsMTI0LjgsMzY0LjUsMTI0LjN6IE00MjcuOSw4OS40djM0LjVoOS41di0yMWMwLTQuNSwyLTYuNSw1LTYuNXM1LDIsNSw2djIxLjVoOS41di0yMy41YzAtNy41LTQtMTItMTAuNS0xMmMtNC41LDAtNywyLTguNSw0LjVoLTAuNWwtMS0zLjVINDI3Ljl6IE01Ni42LDUyLjV2NTAuMWMwLDE0LjIsOCwyMC44LDIxLjgsMjAuOGMxNi42LDAsMjEuOC05LDIxLjgtMjAuOFY1Mi41SDg0djUxLjhjMCwyLjktMS4zLDYuNi01LjUsNi42Yy00LjYsMC01LjYtMi45LTUuNi02LjJWNTIuNUg1Ni42IE0xMDYuNiwxNDYuOFY3Ny41aDE2LjJ2NTUuNGgxOS44djEzLjlMMTA2LjYsMTQ2LjgiPjwvcGF0aD4NCiAgIDwvZz4NCiAgIDwvc3ZnPg==);
--apphead-logo-height: 2.000625rem;
--apphead-logo-height-mobile: 1.5rem;
--apphead-logo-width-mobile: 3.649375rem;
--apphead-logo-width: 4.8675rem;
--apphead-appname-display: block;
--apphead-appname-color: #3e3e3e;
--apphead-appname-font-weight: 500;
--apphead-appname-font-size: 1.25rem;
--apphead-button-color: #3e3e3e;
--apphead-tab-nav-active-border: #ca0123;
--apphead-button-active-state: #fff;
}
:root,
.uls {
--switch-active-color: #238424;
--switch-active-hover-color: #0d470e;
--switch-focus-outline-color: #0a99ff;
}
:root,
.uls {
--list-background: #fff;
--list-separator: #d3d3d3;
}
:root,
.uls {
--list-title-font-family: "Open Sans";
--list-title-font-size: 1.125rem;
--list-title-font-weight: bold;
}
:root,
.uls {
--list-item-background-hover: #ebebeb;
--list-item-background-active: #d3d3d3;
--list-item-background-selected: #ecf5fc;
--list-item-background-selected-hover: #dae6f0;
--list-item-background-selected-active: #bfd3e3;
--list-item-border-width: 0;
--list-item-border-color-default: transparent;
--list-item-border-color-hover: transparent;
--list-item-border-color-active: transparent;
--list-item-border-color-selected: transparent;
--list-item-outline-width: 1px;
--list-item-outline-default-color: transparent;
--list-item-outline-focus-color: #0a99ff;
--list-item-padding-top: 0.25rem;
--list-item-padding-bottom: 0.25rem;
--list-item-padding-left: 0.75rem;
--list-item-padding-right: 0.75rem;
--list-item-indent-increment: 1rem;
--list-item-expand-gutter: 3rem;
--list-item-inter-gap: 0.5rem;
--list-item-intra-gap: 0.5rem;
}
:root,
.uls {
--lozenge-secondary: #e6e6e6;
--lozenge-secondary-border: 0.0625rem solid #d3d3d3;
--lozenge-warning: #ffc85e;
--lozenge-warning-light: #f8f1e0;
--lozenge-warning-light-border: 0.0625rem solid #ffa700;
--lozenge-danger: #e12d33;
--lozenge-danger-light: #fdf0f2;
--lozenge-danger-light-color: #c01b21;
--lozenge-danger-light-border: 0.0625rem solid #e12d33;
--lozenge-success: #238424;
--lozenge-success-light: #e9f6e7;
--lozenge-success-light-color: #0d470e;
--lozenge-success-light-border: 0.0625rem solid #0d470e;
--lozenge-info: #0c7489;
--lozenge-info-light: #e2f3f7;
--lozenge-info-light-color: #0d470e;
--lozenge-info-light-border: 0.0625rem solid #0d470e;
--lozenge-black: #000;
--lozenge-white: #fff;
--lozenge-white-color: #000;
--lozenge-white-border: 0.0625rem solid #000;
}
:root,
.uls {
--page-title-color: #000;
--page-title-font:
600 1.5rem Poppins,
Arial,
sans-serif;
--page-title-line-height: 1.333;
--page-title-margin: 2.5rem 0 1rem 0;
--page-title-first-top-margin: 0;
--page-subtitle-color: #3e3e3e;
--page-subtitle-font:
400 1rem Poppins,
Arial,
sans-serif;
--page-subtitle-line-height: 1.333;
--page-subtitle-top-margin: 0.5rem;
--page-subtitle-bottom-margin: 1rem;
--section-title-color: #000;
--section-title-font:
600 1.125rem Poppins,
Arial,
sans-serif;
--section-title-line-height: 1.5;
--section-title-margin: 2.5rem 0 1rem 0;
--section-title-first-top-margin: 0;
--section-subtitle-color: #3e3e3e;
--section-subtitle-font:
400 0.875rem Poppins,
Arial,
sans-serif;
--section-subtitle-line-height: 1.5;
--section-subtitle-top-margin: 0.5rem;
--section-subtitle-bottom-margin: 1rem;
--overline-color: #ca0123;
--overline-font:
600 0.75rem "Open Sans",
Arial,
sans-serif;
--overline-text-transform: uppercase;
--overline-line-height: 1.33;
--overline-margin: 1.5rem 0 0.25rem 0;
--paragraph-title-color: #000;
--paragraph-title-font:
400 1.25rem Poppins,
Arial,
sans-serif;
--paragraph-title-line-height: 1.5;
--paragraph-title-margin: 1.5rem 0 1rem 0;
--paragraph-title-first-margin: 0;
--paragraph-subtitle-bottom-margin: 1rem;
--paragraph-subtitle-color: #3e3e3e;
--paragraph-subtitle-font:
400 1rem "Open Sans",
Arial,
sans-serif;
--paragraph-subtitle-line-height: 1.33;
--paragraph-subtitle-top-margin: 0.25rem;
--body-color: #3e3e3e;
--body-emphasis-color: #000;
--body-font:
400 0.875rem "Open Sans",
Arial,
sans-serif;
--body-small: 0.75rem;
--body-line-height: 1.333;
--link-color: #005999;
}
:root,
.uls {
--app-font-family: "Open Sans", sans-serif;
--master-danger-red-disabled: #e12d33;
--master-danger-red-hover: #c01b21;
--master-danger-red-light: #fdf0f2;
--master-danger-red-pressed: #931519;
--master-danger-red: #e12d33;
--master-info-teal-disabled: #0c7489;
--master-info-teal-hover: #054e5d;
--master-info-teal-light: #e2f3f7;
--master-info-teal-pressed: #033d48;
--master-info-teal: #0c7489;
--master-primary-blue-disabled: #005999;
--master-primary-blue-focus: #0a99ff;
--master-primary-blue-hover: #003357;
--master-primary-blue-light: #ecf5fc;
--master-primary-blue-pressed: #001524;
--master-primary-blue: #005999;
--master-primary-magenta-focus: #ffecf8;
--master-success-green-disabled: #238424;
--master-success-green-hover: #0d470e;
--master-success-green-light: #eaf0e9;
--master-success-green-light-2: #e9f6e7;
--master-success-green-pressed: #093308;
--master-success-green: #238424;
--master-transparent-black: #000;
--master-transparent-white: #fff;
--master-warning-orange-disabled: #ffa700;
--master-warning-orange-hover: #e29300;
--master-warning-orange-light-1: #ffc85e;
--master-warning-orange-light-2: #f8f1e0;
--master-warning-orange-pressed: #b37400;
--master-warning-orange: #ffa700;
--master-btn-drop-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
--master-color-brown-1: #542211;
--master-color-brown-2: #ab6634;
--master-color-brown-3: #d68a58;
--master-color-brown-4: #f6ce8d;
--master-color-green-1: #008585;
--master-color-green-2: #7dd4af;
--master-color-green-3: #c1eaea;
--master-color-blue-1: #27cbff;
--neutral-black-disabled: #000;
--neutral-gray-20: #3e3e3e;
--neutral-gray-30: #999;
--neutral-gray-40: #ccc;
--neutral-gray-50: #d3d3d3;
--neutral-gray-60: #dfdfdf;
--neutral-gray-70: #e6e6e6;
--neutral-gray-80: #ebebeb;
--neutral-gray-90: #f8f8f8;
--neutral-white-disabled: #fff;
--brand-ul-black: #000;
--brand-ul-dark-red: #5b0428;
--brand-ul-red: #ca0123;
--brand-ul-white: #fff;
--card-border: 0.0625rem solid #d3d3d3;
--card-border-radius: none;
--card-drop-shadow: none;
--radio-btn-border-checked: 0.125rem solid #005999;
--radio-btn-outline-focus: 0.125rem solid #0a99ff;
--spinner-color: #0a99ff;
--progress-bar-background-colour: #0a99ff;
--input-focus-color: #0a99ff;
--input-success-color: #238424;
--input-error-color: #e12d33;
--input-btn-border-left: 0.0625rem solid #000;
--input-btn-padding-right: 1rem;
--input-btn-primary-border: none;
--input-btn-secondary-border: 0.0625rem solid #000;
--input-btn-alternative-border: 0.0625rem solid #000;
}
.ultrus {
--alerts-info-background-color: #e6f0f5;
--alerts-info-highlight-color: #00689c;
--alerts-warning-background-color: #fff5ee;
--alerts-warning-highlight-color: #ff9d55;
--alerts-critical-background-color: #fdf0f2;
--alerts-critical-highlight-color: #ca0123;
--alerts-success-background-color: #e6f4f4;
--alerts-success-highlight-color: #00948f;
--alerts-default-background-color: #fff;
--alerts-default-highlight-color: #000;
--alerts-banner-default-background-color: #e6e6e6;
}
.ultrus {
--avatar-team: #e6e6e6;
--avatar-team-text: #3e3e3e;
--avatar-brand: #5b0428;
--avatar-team-1: #00e2e6;
--avatar-team-1-text: #fff;
--avatar-team-2: #00cafb;
--avatar-team-2-text: #fff;
--avatar-team-3: #98443d;
--avatar-team-3-text: #fff;
--avatar-team-4: #b38874;
--avatar-team-4-text: #fff;
--avatar-team-5: #ff6255;
--avatar-team-5-text: #fff;
--avatar-team-6: #00948f;
--avatar-team-6-text: #fff;
--avatar-team-7: #00689c;
--avatar-team-7-text: #fff;
--avatar-team-8: #ff9d55;
--avatar-team-8-text: #fff;
--avatar-widget: #bebecd;
--avatar-widget-text: #fff;
--avatar-widget-font-weight: 400;
--avatar-widget-font-size: 0.75rem;
}
.ultrus {
--badge-warning-background-color: #ff9d55;
--badge-warning-background-color-light: #fff5ee;
--badge-warning-color: #3e3e3e;
--badge-warning-color-light: #3e3e3e;
--badge-danger-background-color: #ca0123;
--badge-danger-background-color-light: #fdf0f2;
--badge-danger-color: #fff;
--badge-danger-color-light: #5b0428;
--badge-success-background-color: #00948f;
--badge-success-background-color-light: #e6f4f4;
--badge-success-color: #fff;
--badge-success-color-light: #006966;
--badge-info-background-color: #00689c;
--badge-info-background-color-light: #e6f0f5;
--badge-info-color: #fff;
--badge-info-color-light: #00689c;
}
.ultrus {
--btn-primary-background: #5b0428;
--btn-primary-background-hover: #370218;
--btn-primary-background-active: #240210;
--btn-primary-background-focus: #5b0428;
--btn-primary-background-disabled: #eee;
--btn-primary-drop-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
--btn-primary-border-color: none;
--btn-primary-border-hover: none;
--btn-primary-border-active: none;
--btn-primary-border-focus: 0.0625rem solid #0a99ff;
--btn-primary-border-disabled: none;
--btn-primary-text-color: #fff;
--btn-primary-text-color-hover: #fff;
--btn-primary-text-color-active: #fff;
--btn-primary-text-color-focus: #fff;
--btn-primary-text-color-disabled: rgba(0, 0, 0, 0.5);
--btn-primary-disabled-opacity: 1;
--btn-primary-padding-with-icons: 0.5rem 1rem;
--btn-primary-padding-small: 0.5rem 0.75rem;
--btn-primary-icon-padding: 0.75rem;
--btn-secondary-background: #fff;
--btn-secondary-background-hover: rgba(91, 4, 40, 0.08);
--btn-secondary-background-active: rgba(91, 4, 40, 0.08);
--btn-secondary-background-focus: #fff;
--btn-secondary-background-disabled: #eee;
--btn-secondary-drop-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
--btn-secondary-border-color: 0.0625rem solid #5b0428;
--btn-secondary-border-hover: 0.0625rem solid #5b0428;
--btn-secondary-border-active: 0.0625rem solid #5b0428;
--btn-secondary-border-focus: 0.0625rem solid #0a99ff;
--btn-secondary-border-disabled: 0.0625rem solid #eee;
--btn-secondary-text-color: #5b0428;
--btn-secondary-text-color-hover: #5b0428;
--btn-secondary-text-color-active: #5b0428;
--btn-secondary-text-color-focus: #5b0428;
--btn-secondary-text-color-disabled: rgba(0, 0, 0, 0.5);
--btn-secondary-disabled-opacity: 1;
--btn-secondary-padding-with-icons: 0.5rem 1rem;
--btn-secondary-padding-small: 0.5rem 0.75rem;
--btn-secondary-icon-padding: 0.75rem;
--btn-tertiary-background: transparent;
--btn-tertiary-background-hover: rgba(91, 4, 40, 0.08);
--btn-tertiary-background-active: rgba(91, 4, 40, 0.08);
--btn-tertiary-background-focus: transparent;
--btn-tertiary-background-disabled: #eee;
--btn-tertiary-drop-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
--btn-tertiary-border-color: none;
--btn-tertiary-border-hover: none;
--btn-tertiary-border-active: none;
--btn-tertiary-border-focus: 0.0625rem solid #0a99ff;
--btn-tertiary-border-disabled: none;
--btn-tertiary-text-color: #5b0428;
--btn-tertiary-text-color-hover: #5b0428;
--btn-tertiary-text-color-active: #5b0428;
--btn-tertiary-text-color-focus: #5b0428;
--btn-tertiary-text-color-disabled: rgba(0, 0, 0, 0.5);
--btn-tertiary-disabled-opacity: 1;
--btn-tertiary-padding-with-icons: 0.5rem 0.75rem;
--btn-tertiary-padding-small: 0.5rem 0.75rem;
--btn-tertiary-icon-padding: 0.75rem;
--btn-alternative-background: #c3f2fe;
--btn-alternative-background-hover: #aedde9;
--btn-alternative-background-active: #a6d3e0;
--btn-alternative-background-focus: #c3f2fe;
--btn-alternative-background-disabled: #eee;
--btn-alternative-drop-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
--btn-alternative-border-color: 0.0625rem solid #fff;
--btn-alternative-border-hover: none;
--btn-alternative-border-active: none;
--btn-alternative-border-focus: 0.0625rem solid #0a99ff;
--btn-alternative-border-disabled: none;
--btn-alternative-text-color: #000;
--btn-alternative-text-color-hover: #000;
--btn-alternative-text-color-active: #000;
--btn-alternative-text-color-focus: #000;
--btn-alternative-text-color-disabled: rgba(0, 0, 0, 0.5);
--btn-alternative-disabled-opacity: 1;
--btn-alternative-padding-with-icons: 0.5rem 1rem;
--btn-alternative-padding-small: 0.5rem 0.75rem;
--btn-variables-icon-padding: 0.75rem;
--btn-save-background: #bbe1e0;
--btn-save-background-hover: #adcfcf;
--btn-save-background-active: #a5c6c7;
--btn-save-background-focus: #bbe1e0;
--btn-save-background-disabled: #eee;
--btn-save-drop-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
--btn-save-border-color: none;
--btn-save-border-hover: none;
--btn-save-border-active: none;
--btn-save-border-focus: 0.0625rem solid #0a99ff;
--btn-save-border-disabled: none;
--btn-save-text-color: #000;
--btn-save-text-color-hover: #000;
--btn-save-text-color-active: #000;
--btn-save-text-color-focus: #000;
--btn-save-text-color-disabled: rgba(0, 0, 0, 0.5);
--btn-save-disabled-opacity: 1;
--btn-save-padding-with-icons: 0.5rem 1rem;
--btn-save-padding-small: 0.5rem 0.75rem;
--btn-save-icon-padding: 0.75rem;
--btn-delete-background: #ebe0e5;
--btn-delete-background-hover: #ddcad2;
--btn-delete-background-active: #d5bec9;
--btn-delete-background-focus: #ebe0e5;
--btn-delete-background-disabled: #eee;
--btn-delete-drop-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
--btn-delete-border-color: none;
--btn-delete-border-hover: none;
--btn-delete-border-active: none;
--btn-delete-border-focus: 0.0625rem solid #0a99ff;
--btn-delete-border-disabled: none;
--btn-delete-text-color: #000;
--btn-delete-text-color-hover: #000;
--btn-delete-text-color-active: #000;
--btn-delete-text-color-focus: #000;
--btn-delete-text-color-disabled: rgba(0, 0, 0, 0.5);
--btn-delete-disabled-opacity: 1;
--btn-delete-padding-with-icons: 0.5rem 1rem;
--btn-delete-padding-small: 0.5rem 0.75rem;
--btn-delete-icon-padding: 0.75rem;
--btn-widget-background: #5b0428;
--btn-widget-background-hover: #370218;
--btn-widget-background-active: #240210;
--btn-widget-background-focus: #5b0428;
--btn-widget-background-disabled: #eee;
--btn-widget-drop-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
--btn-widget-border-color: none;
--btn-widget-border-hover: none;
--btn-widget-border-active: none;
--btn-widget-border-focus: 0.0625rem solid #0a99ff;
--btn-widget-border-disabled: none;
--btn-widget-text-color: #fff;
--btn-widget-text-color-hover: #fff;
--btn-widget-text-color-active: #fff;
--btn-widget-text-color-focus: #fff;
--btn-widget-text-color-disabled: rgba(0, 0, 0, 0.5);
--btn-widget-disabled-opacity: 1;
--btn-widget-padding-with-icons: 0.5rem 1rem;
--btn-widget-padding-small: 0.5rem 0.75rem;
--btn-widget-icon-padding: 0.75rem;
--btn-widget-border-radius: 0.625rem;
--btn-widget-font-size: 0.75rem;
--btn-widget-font-weight: 500;
--btn-border-radius: 0.625rem;
--font-weight: 500;
--btn-padding-vertical: 0.5rem;
--btn-padding-horizontal: 1.5rem;
--btn-padding-vertical-small: 0.5rem;
--btn-padding-horizontal-small: 0.75rem;
--btn-padding-no-label: 0.5rem;
--btn-font-size-small: 0.75rem;
--btn-font-size-medium: 0.875rem;
--btn-line-height-small: 1rem;
--btn-line-height-medium: 1.25rem;
--btn-min-height: 2.5rem;
--btn-min-height-small: 2rem;
--btn-padding-small: 0.5rem 1.5rem;
--icon-btn-text-color: #3e3e3e;
--group-buttons-gap-primary: 0.0625rem;
--group-buttons-gap-secondary: -0.0625rem;
--group-buttons-gap-alternative: 0.0625rem;
--group-buttons-margin-left-primary: 0rem;
--group-buttons-margin-left-secondary: -0.0625rem;
--group-buttons-margin-left-alternative: -0.0625rem;
}
.ultrus {
--chip-border-radius: 0.25rem;
--chip-padding: 0.375rem 0.75rem;
--chip-icon-right-padding: 0.75rem;
--chip-icon-right-padding-small: 0.75rem;
--chip-avatar-left-padding: 0.75rem;
--chip-secondary-background-color: #f8f8f8;
--chip-secondary-background-color-hover: #ebebeb;
--chip-secondary-background-color-active: #dfdfdf;
--chip-secondary-background-color-focus: #e6f0f5;
--chip-secondary-border-color: #d3d3d3;
--chip-secondary-border-color-hover: #d3d3d3;
--chip-secondary-border-color-active: #d3d3d3;
--chip-secondary-border-color-focus: #00cafb;
--chip-secondary-icon-color: #3e3e3e;
--chip-success-background-color: #fff;
--chip-success-background-color-hover: #f8f8f8;
--chip-success-background-color-active: #ebebeb;
--chip-success-background-color-focus: #e6f4f4;
--chip-success-border-color: #00948f;
--chip-success-border-color-hover: #00948f;
--chip-success-border-color-active: #00948f;
--chip-success-border-color-focus: #00948f;
--chip-success-icon-color: #00948f;
--chip-warning-background-color: #fff;
--chip-warning-background-color-hover: #f8f8f8;
--chip-warning-background-color-active: #ebebeb;
--chip-warning-background-color-focus: #fff5ee;
--chip-warning-border-color: #ff9d55;
--chip-warning-border-color-hover: #ff9d55;
--chip-warning-border-color-active: #ff9d55;
--chip-warning-border-color-focus: #ff9d55;
--chip-warning-icon-color: #ff9d55;
--chip-critical-background-color: #fff;
--chip-critical-background-color-hover: #f8f8f8;
--chip-critical-background-color-active: #ebebeb;
--chip-critical-background-color-focus: #fdf0f2;
--chip-critical-border-color: #ca0123;
--chip-critical-border-color-hover: #ca0123;
--chip-critical-border-color-active: #ca0123;
--chip-critical-border-color-focus: #ca0123;
--chip-critical-icon-color: #ca0123;
}
.ultrus {
--app-font-family: "Poppins", sans-serif;
}
.ultrus {
--icon-info-color: #00689C;
--icon-warning-color: #FF9D55;
--icon-critical-color: #CA0123;
--icon-success-color: #00948F;
--icon-default-color: #000000;
--icon-disabled-color: #00000080;
}
.ultrus {
--apphead-font-family:
"Poppins",
"Arial",
sans-serif;
--apphead-header-background: #fff;
--apphead-header-border-bottom: none;
--apphead-header-shadow: 0 0.25rem 0.25rem 0 rgba(144, 144, 144, 0.2509803922);
--apphead-header-padding: 0 1.5rem;
--apphead-header-padding-mobile: 0 0.5rem;
--apphead-header-height: 3.5rem;
--apphead-logo: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTczIiBoZWlnaHQ9IjM1IiB2aWV3Qm94PSIwIDAgMTczIDM1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTE2Ny40OTQgMC42MzUxODVWMS41MDY5NEgxNjYuMDJWNS41NjQzNUgxNjQuOTgzVjEuNTA2OTRIMTYzLjUwMlYwLjYzNTE4NUgxNjcuNDk4SDE2Ny40OTRaTTE3MS40MDMgMC42MzUxODVIMTcyLjg4NFY1LjU2NzU5SDE3MS45MjVWMi4yMzI4N0MxNzEuOTI1IDIuMTM1NjUgMTcxLjkyNSAyLjAwMjc4IDE3MS45MjggMS44Mjc3OFYxLjQyOTE3TDE3MC45OTQgNS41Njc1OUgxNjkuOTkzTDE2OS4wNjYgMS40MjkxN1YxLjgyNzc4QzE2OS4wNjYgMS45OTk1NCAxNjkuMDY5IDIuMTM1NjUgMTY5LjA2OSAyLjIzMjg3VjUuNTY3NTlIMTY4LjExVjAuNjM1MTg1SDE2OS42MTFMMTcwLjUwOCA0LjUxMTExTDE3MS40IDAuNjM1MTg1SDE3MS40MDNaTTAgMjIuMDM3VjAuNTczNjExSDYuNjcyNjlWMjIuMDM3QzYuNjcyNjkgMjYuMDk3NyA5LjMzMDA5IDI4LjkwMDkgMTMuMzk0IDI4LjkwMDlDMTcuNDU3OSAyOC45MDA5IDIwLjExMiAyNi4wOTc3IDIwLjExMiAyMi4wMzdWMC41NzM2MTFIMjYuNzg0N1YyMi4wMzdDMjYuNzg0NyAyOS44MjEzIDIxLjQ2NjcgMzQuOTkzNSAxMy4zOTQgMzQuOTkzNUM1LjMyMTMgMzQuOTkzNSAwIDI5LjgyMTMgMCAyMi4wMzdaTTMzLjExNzEgMC41NzM2MTFIMzkuNzg5OFYyOC40NjY3SDU1LjQwMzdWMzQuNDEzNEgzMy4xMTcxVjAuNTczNjExWk05MC4zNTgzIDYuMjMxOTRDOTMuNTUwNSA2LjIzMTk0IDk1LjYyNzggOC4xNjM0MyA5NS42Mjc4IDEwLjk2OTlDOTUuNjI3OCAxMy43NzY0IDkzLjU1MDUgMTUuNzU2NSA5MC4zMDk3IDE1Ljc1NjVIODQuNzk3Mkw3OC4xMjc4IDE1LjY5MTdWMzQuNDE2N0g4NC43OTcyVjIxLjM2NjJIODkuNjgxTDk2LjA2MiAzNC40MTY3SDEwMy4zMTJMOTYuMzAxOSAyMC4wNTY5Qzk5LjkyODIgMTguNjA4MyAxMDIuNDkyIDE1LjQ2NDggMTAyLjQ5MiAxMC45Njk5QzEwMi40OTIgNC45MjU5MyA5Ny44NTA5IDAuNTc2ODUyIDkwLjk4NyAwLjU3Njg1Mkg1MC43MjA4VjYuNTIzNjFINjAuODgwNlYzNC40MTY3SDY3LjYwMTlWNi4xOTk1NEw5MC4zNTgzIDYuMjM1MThWNi4yMzE5NFpNMTA3LjY5IDIyLjA0MDNWMC41NzY4NTJIMTE0LjM2M1YyMi4wNDAzQzExNC4zNjMgMjYuMTAwOSAxMTcuMDIgMjguOTA0MiAxMjEuMDg0IDI4LjkwNDJDMTI1LjE0OCAyOC45MDQyIDEyNy44MDIgMjYuMTAwOSAxMjcuODAyIDIyLjA0MDNWMC41NzY4NTJIMTM0LjQ3NVYyMi4wNDAzQzEzNC40NzUgMjkuODI0NSAxMjkuMTU2IDM0Ljk5NjggMTIxLjA4NCAzNC45OTY4QzExMy4wMTEgMzQuOTk2OCAxMDcuNjkzIDI5LjgyNDUgMTA3LjY5MyAyMi4wNDAzSDEwNy42OVpNMTM4Ljg5MiAyNC40MDkzSDE0Ni4wNDdDMTQ2LjQzMyAyNy40MDY5IDE0OC40MTYgMjkuMTQ3MiAxNTEuOTQ1IDI5LjE0NzJDMTU0LjI2NiAyOS4xNDcyIDE1Ni43ODEgMjcuOTM4NCAxNTYuNzgxIDI1LjMyOTZDMTU2Ljc4MSAyMy4wMDkzIDE1NS4yODMgMjEuNzUxOSAxNTEuNzU0IDIwLjY4ODlMMTQ3LjkzNyAxOS41Mjg3QzE0Mi41MjEgMTcuOTM0MyAxMzkuODE1IDE0LjU1MDkgMTM5LjgxNSA5Ljg2MTU3QzEzOS44MTUgMy45NjM0MyAxNDQuNjk5IDAgMTUwLjkzNCAwQzE1Ny43NSAwIDE2Mi44NzMgNC4zMDM3IDE2My4wMTkgOS43NjQzNUgxNTUuODYzQzE1NS41NzUgNy41ODk4MSAxNTMuNjQgNS44NDk1NCAxNTAuODg2IDUuODQ5NTRDMTQ4LjY2MyA1Ljg0OTU0IDE0Ni42NzkgNy4zNDY3NiAxNDYuNjc5IDkuNTczMTVDMTQ2LjY3OSAxMS42NTA1IDE0OC4yMjUgMTIuNzE2NyAxNTEuNTE0IDEzLjczMUwxNTQuOTQ2IDE0Ljc0NTRDMTYwLjk0MiAxNi41MzQzIDE2My42NDggMTkuOTY2MiAxNjMuNjQ4IDI1LjEzODRDMTYzLjY0OCAzMS4xODI0IDE1OC4zNzggMzUgMTUxLjkgMzVDMTQzLjk3MyAzNSAxMzkuMDg5IDMwLjY0NzcgMTM4Ljg5NSAyNC40MTI1TDEzOC44OTIgMjQuNDA5M1oiIGZpbGw9IiM1QjA0MjgiLz4NCjwvc3ZnPg==);
--apphead-logo-height: 2rem;
--apphead-logo-height-mobile: 1.125rem;
--apphead-logo-width-mobile: 5.79375rem;
--apphead-logo-width: 10.3rem;
--apphead-appname-display: block;
--apphead-appname-color: #3e3e3e;
--apphead-appname-font-weight: 500;
--apphead-appname-font-size: 1.25rem;
--apphead-button-color: #3e3e3e;
--apphead-tab-nav-active-border: #5b0428;
--apphead-button-active-state: #ebebeb;
}
.ultrus {
--switch-active-color: #00948f;
--switch-active-hover-color: #006966;
--switch-focus-outline-color: #00cafb;
}
.ultrus {
--list-background: #fff;
--list-separator: #d3d3d3;
}
.ultrus {
--list-title-font-family: "Poppins";
--list-title-font-size: 1.125rem;
--list-title-font-weight: bold;
}
.ultrus {
--list-item-background-hover: #ebebeb;
--list-item-background-active: #d3d3d3;
--list-item-background-selected: #e6f0f5;
--list-item-background-selected-hover: #cee1eb;
--list-item-background-selected-active: #bfd5e0;
--list-item-border-width: 0;
--list-item-border-color-default: transparent;
--list-item-border-color-hover: transparent;
--list-item-border-color-active: transparent;
--list-item-border-color-selected: transparent;
--list-item-outline-width: 1px;
--list-item-outline-default-color: transparent;
--list-item-outline-focus-color: #00cafb;
--list-item-padding-top: 0.25rem;
--list-item-padding-bottom: 0.25rem;
--list-item-padding-left: 0.75rem;
--list-item-padding-right: 0.75rem;
--list-item-indent-increment: 1rem;
--list-item-expand-gutter: 3rem;
--list-item-inter-gap: 0.5rem;
--list-item-intra-gap: 0.5rem;
}
.ultrus {
--lozenge-secondary: #e6e6e6;
--lozenge-secondary-border: 0.0625rem solid #d3d3d3;
--lozenge-warning: #ff9d55;
--lozenge-warning-light: #fff5ee;
--lozenge-warning-light-border: 0.0625rem solid #ff9d55;
--lozenge-danger: #ca0123;
--lozenge-danger-light: #fdf0f2;
--lozenge-danger-light-color: #5b0428;
--lozenge-danger-light-border: 0.0625rem solid #ca0123;
--lozenge-success: #00948f;
--lozenge-success-light: #e6f4f4;
--lozenge-success-light-color: #006966;
--lozenge-success-light-border: 0.0625rem solid #006966;
--lozenge-info: #00689c;
--lozenge-info-light: #e6f0f5;
--lozenge-info-light-color: #006966;
--lozenge-info-light-border: 0.0625rem solid #006966;
--lozenge-black: #000;
--lozenge-white: #fff;
--lozenge-white-color: #000;
--lozenge-white-border: 0.0625rem solid #000;
}
.ultrus {
--page-title-color: #3e3e3e;
--page-title-font:
600 1.5rem Poppins,
Arial,
sans-serif;
--page-title-line-height: 1.333;
--page-title-margin: 2.5rem 0 1rem 0;
--page-title-first-top-margin: 0;
--page-subtitle-color: #3e3e3e;
--page-subtitle-font:
600 1rem Poppins,
Arial,
sans-serif;
--page-subtitle-line-height: 1.333;
--page-subtitle-top-margin: 0.25rem;
--page-subtitle-bottom-margin: 1rem;
--section-title-color: #3e3e3e;
--section-title-font:
600 1.25rem Poppins,
Arial,
sans-serif;
--section-title-line-height: 1.333;
--section-title-margin: 1.5rem 0 1rem 0;
--section-title-first-top-margin: 0;
--section-subtitle-color: #3e3e3e;
--section-subtitle-font:
600 0.875rem Poppins,
Arial,
sans-serif;
--section-subtitle-line-height: 1.333;
--section-subtitle-top-margin: 0.25rem;
--section-subtitle-bottom-margin: 1rem;
--overline-color: #5b0428;
--overline-font:
600 0.75rem "Open Sans",
Arial,
sans-serif;
--overline-text-transform: uppercase;
--overline-line-height: 1.33;
--overline-margin: 1.5rem 0 0.5rem 0;
--paragraph-title-color: #3e3e3e;
--paragraph-title-font:
600 1.125rem Poppins,
Arial,
sans-serif;
--paragraph-title-line-height: 1.5;
--paragraph-title-margin: 1.5rem 0 1rem 0;
--paragraph-title-first-margin: 0;
--paragraph-subtitle-color: #3e3e3e;
--paragraph-subtitle-font:
600 1rem "Open Sans",
Arial,
sans-serif;
--paragraph-subtitle-line-height: 1.333;
--paragraph-subtitle-top-margin: 0.25rem;
--paragraph-subtitle-bottom-margin: 1rem;
--body-color: #3e3e3e;
--body-emphasis-color: #3e3e3e;
--body-font:
400 0.875rem "Open Sans",
Arial,
sans-serif;
--body-small: 0.75rem;
--body-line-height: 1.666;
--link-color: #00689c;
}
.ultrus {
--app-font-family: "Poppins", sans-serif;
--card-border: 0.0625rem solid #d3d3d3;
--card-border-radius: 0.1875rem;
--card-drop-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
--radio-btn-border-checked: 0.125rem solid #00689c;
--radio-btn-outline-focus: 0.1875rem solid #5b0428;
--spinner-color: #5b0428;
--progress-bar-background-colour: #5b0428;
--input-focus-color: #00cafb;
--input-success-color: #00948f;
--input-error-color: #ca0123;
--input-btn-border-left: 0.0625rem solid #000;
--input-btn-padding-right: 0.5rem;
--input-btn-primary-border: none;
--input-btn-secondary-border: 0.0625rem solid #5b0428;
--input-btn-alternative-border: none;
}
.ul-avatar {
align-items: center;
background-color: var(--avatar-brand, #ca0123);
border-radius: 10rem;
box-sizing: content-box;
color: #fff;
cursor: default;
display: flex;
font-family: var(--apphead-font-family, "Poppins", "Arial", sans-serif);
font-weight: var(--font-weight, 500);
justify-content: center;
min-width: 1.5rem;
position: relative;
width: 2.5rem;
}
.ul-avatar.-tiny {
font-size: 0.75rem;
height: 1.5rem;
width: 1.5rem;
}
.ul-avatar.-small {
font-size: 0.875rem;
height: 2rem;
width: 2rem;
}
.ul-avatar.-medium {
font-size: 1.125rem;
height: 2.5rem;
width: 2.5rem;
}
.ul-avatar.-large {
font-size: 1.125rem;
height: 3.5rem;
width: 3.5rem;
}
.ul-avatar.-initials-0 {
background-color: var(--avatar-team, #e6e6e6) !important;
color: var(--avatar-team-text, #3e3e3e) !important;
}
.ul-avatar.-initials-1 {
background-color: var(--avatar-team-1, #542211) !important;
color: var(--avatar-team-1-text, #fff) !important;
}
.ul-avatar.-initials-2 {
background-color: var(--avatar-team-2, #ab6634) !important;
color: var(--avatar-team-2-text, #fff) !important;
}
.ul-avatar.-initials-3 {
background-color: var(--avatar-team-3, #d68a58) !important;
color: var(--avatar-team-3-text, #fff) !important;
}
.ul-avatar.-initials-4 {
background-color: var(--avatar-team-4, #f6ce8d) !important;
color: var(--avatar-team-4-text, #000) !important;
}
.ul-avatar.-initials-5 {
background-color: var(--avatar-team-5, #7dd4af) !important;
color: var(--avatar-team-5-text, #000) !important;
}
.ul-avatar.-initials-6 {
background-color: var(--avatar-team-6, #008585) !important;
color: var(--avatar-team-6-text, #fff) !important;
}
.ul-avatar.-initials-7 {
background-color: var(--avatar-team-7, #c1eaea) !important;
color: var(--avatar-team-7-text, #000) !important;
}
.ul-avatar.-initials-8 {
background-color: var(--avatar-team-8, #27cbff) !important;
color: var(--avatar-team-8-text, #000) !important;
}
.ul-avatar.-widget {
background-color: var(--avatar-widget, #ca0123) !important;
color: var(--avatar-widget-text, #000) !important;
font-family: var(--app-font-family, "Poppins", "Arial", sans-serif) !important;
font-size: var(--avatar-widget-font-size, 0.75rem) !important;
font-weight: var(--avatar-widget-font-weight, 400) !important;
}
.ul-badge {
align-items: center;
background-color: #d3d3d3;
border-radius: 6.25rem;
color: #3e3e3e;
display: inline-table;
font-family: "Open Sans", sans-serif;
font-size: 0.875rem;
font-weight: 600;
height: 1rem;
justify-content: center;
line-height: 1rem;
padding: 0.25rem 0.46875rem;
text-align: center;
width: 0.5625rem;
}
.ul-badge.-warning {
background-color: var(--badge-warning-background-color, #ffc85e);
color: var(--badge-warning-color, #3e3e3e);
}
.ul-badge.-warning--light {
background-color: var(--badge-warning-background-color-light, #f8f1e0);
color: var(--badge-warning-color-light, #3e3e3e);
}
.ul-badge.-danger {
background-color: var(--badge-danger-background-color, #e12d33);
color: var(--badge-danger-color, #fff);
}
.ul-badge.-danger--light {
background-color: var(--badge-danger-background-color-light, #fdf0f2);
color: var(--badge-danger-color-light, #c01b21);
}
.ul-badge.-success {
background-color: var(--badge-success-background-color, #238424);
color: var(--badge-success-color, #fff);
}
.ul-badge.-success--light {
background-color: var(--badge-success-background-color-light, #e9f6e7);
color: var(--badge-success-color-light, #0d470e);
}
.ul-badge.-info {
background-color: var(--badge-info-background-color, #0c7489);
color: var(--badge-info-color, #fff);
}
.ul-badge.-info--light {
background-color: var(--badge-info-background-color-light, #e2f3f7);
color: var(--badge-info-color-light, #054e5d);
}
.ul-badge.-black {
background-color: #000;
color: #fff;
}
.ul-badge.-white {
background-color: #fff;
color: #000;
outline: 0.0625rem solid #000;
}
.ul-badge.-small {
font-size: 0.75rem;
height: 0.4375rem;
line-height: 0.4375rem;
padding: 0.28125rem;
width: 0.4375rem;
}
.ul-badge.-extra-small {
height: 0.5rem;
padding: unset;
width: 0.5rem;
}
.ul-badge-with-icon {
display: flex;
flex-direction: column;
}
.ul-badge-with-icon .ul-badge {
margin: -1rem 0 0 1rem;
position: absolute;
}
.ul-badge-with-icon .ul-badge.-small {
margin: -0.5625rem 0 0 0.9375rem;
}
.ul-badge-with-text {
align-items: center;
color: #000;
display: flex;
font-family: "Open Sans", sans-serif;
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
gap: 0.5rem;
line-height: normal;
}
.ul-banner {
align-items: center;
display: flex;
font-family: var(--app-font-family, "Open Sans", sans-serif);
font-size: 0.875rem;
font-weight: 400;
justify-content: space-between;
line-height: 1.3;
padding: 0.5rem 0.5rem 0.5rem 1rem;
text-align: left;
}
.ul-banner.-info {
background-color: var(--alerts-info-highlight-color, #0c7489);
color: var(--alerts-default-background-color, #fff);
}
.ul-banner.-info svg,
.ul-banner.-info i.ul-icon {
color: var(--alerts-default-background-color, #fff);
}
.ul-banner.-warning {
background-color: var(--alerts-warning-highlight-color, #ffa700);
color: var(--alerts-default-highlight-color, #000);
}
.ul-banner.-warning svg,
.ul-banner.-warning i.ul-icon {
color: var(--alerts-default-highlight-color, #000);
}
.ul-banner.-critical {
background-color: var(--alerts-critical-highlight-color, #e12d33);
color: var(--alerts-default-background-color, #fff);
}
.ul-banner.-critical svg,
.ul-banner.-critical i.ul-icon {
color: var(--alerts-default-background-color, #fff);
}
.ul-banner.-success {
background-color: var(--alerts-success-highlight-color, #238424);
color: var(--alerts-default-background-color, #fff);
}
.ul-banner.-success svg,
.ul-banner.-success i.ul-icon {
color: var(--alerts-default-background-color, #fff);
}
.ul-banner.-default {
background-color: var(--alerts-banner-default-background-color, #e6e6e6);
color: var(--alerts-default-highlight-color, #000);
}
.ul-banner.-default svg,
.ul-banner.-default i.ul-icon {
color: var(--alerts-default-highlight-color, #000);
}
.ul-banner.-default-alternative {
background-color: var(--alerts-default-highlight-color, #000);
color: var(--alerts-default-background-color, #fff);
}
.ul-banner.-default-alternative svg,
.ul-banner.-default-alternative i.ul-icon {
color: var(--alerts-default-background-color, #fff);
}
.ul-banner__text {
padding-left: 1rem;
}
.ul-banner__action {
cursor: pointer;
padding: 0 1rem;
text-decoration: underline;
}
.ul-banner__action-group {
align-items: center;
display: flex;
}
.ul-banner__action-group i.ul-icon {
cursor: pointer;
}
.ul-banner.-default .ul-banner__action {
color: #005999;
}
.ul-button {
align-items: center;
border: none;
border-radius: var(--btn-border-radius, 0.1875rem);
box-sizing: border-box;
cursor: pointer;
display: inline-flex;
font-family: var(--apphead-font-family, "Poppins", "Arial", sans-serif);
font-size: var(--btn-font-size-medium, 1.125rem);
font-weight: var(--font-weight, 500);
gap: 0.5rem;
line-height: var(--btn-line-height-medium, 1.5rem);
min-height: var(--btn-min-height, 2.5rem);
outline-offset: -1px;
text-align: center;
text-decoration: none;
white-space: nowrap;
width: fit-content;
}
.ul-button.-widget {
border-radius: var(--btn-widget-border-radius, 6.25rem);
font-family: var(--app-font-family, "Poppins", "Arial", sans-serif);
font-size: var(--btn-widget-font-size, 0.875rem);
font-weight: var(--btn-widget-font-weight, 500);
line-height: 1rem;
min-height: 0;
}
.ul-button.-primary {
background-color: var(--btn-primary-background, #005999);
color: var(--btn-primary-text-color, #fff);
outline: var(--btn-primary-border-color, none);
padding: var(--btn-padding-vertical, 0.5rem) var(--btn-padding-horizontal, 1rem);
}
.ul-button.-primary[disabled] {
background-color: var(--btn-primary-background-disabled, #005999);
color: var(--btn-primary-text-color-disabled, #fff);
cursor: default;
opacity: var(--btn-primary-disabled-opacity, 0.5);
outline: var(--btn-primary-border-disabled, none);
pointer-events: none;
}
.ul-button.-primary.-small {
font-size: var(--btn-font-size-small, 0.875rem);
line-height: var(--btn-line-height-small, 1rem);
min-height: var(--btn-min-height-small, 2rem);
padding: var(--btn-primary-padding-small, 0.5rem 1rem);
}
.ul-button.-primary.-small:has(:is(svg, i, ul-icon):only-child) {
max-width: 2rem;
}
.ul-button.-primary:has(:nth-child(2):is(svg, i, ul-icon)) {
padding-right: var(--btn-primary-icon-padding, 0.75rem);
}
.ul-button.-primary:has(:nth-child(2)):has(:first-child:is(svg, i, ul-icon)) {
padding-left: var(--btn-primary-icon-padding, 0.75rem);
}
.ul-button.-primary:has(:nth-child(2)) {
padding: var(--btn-primary-padding-with-icons, 0.5rem 1rem);
}
.ul-button.-primary:has(:is(svg, i, ul-icon):only-child) {
max-width: 2.5rem;
padding: var(--btn-padding-vertical, 0.5rem);
}
.ul-button.-primary:focus {
background-color: var(--btn-primary-background-focus, #005999);
color: var(--btn-primary-text-color-focus, #fff);
outline: var(--btn-primary-border-focus, 0.0625rem solid #0a99ff);
}
.ul-button.-primary:hover {
background-color: var(--btn-primary-background-hover, #003357);
box-shadow: var(--btn-primary-drop-shadow, 0 0 0 0 rgba(0, 0, 0, 0.25));
color: var(--btn-primary-text-color-hover, #fff);
outline: var(--btn-primary-border-hover, none);
}
.ul-button.-primary:active {
background-color: var(--btn-primary-background-active, #001524);
color: var(--btn-primary-text-color-active, #fff);
outline: var(--btn-primary-border-active, none);
}
.ul-button.-secondary {
background-color: var(--btn-secondary-background, #e6e6e6);
color: var(--btn-secondary-text-color, #000);
outline: var(--btn-secondary-border-color, none);
padding: var(--btn-padding-vertical, 0.5rem) var(--btn-padding-horizontal, 1rem);
}
.ul-button.-secondary[disabled] {
background-color: var(--btn-secondary-background-disabled, #e6e6e6);
color: var(--btn-secondary-text-color-disabled, #000);
cursor: default;
opacity: var(--btn-secondary-disabled-opacity, 0.5);
outline: var(--btn-secondary-border-disabled, none);
pointer-events: none;
}
.ul-button.-secondary.-small {
font-size: var(--btn-font-size-small, 0.875rem);
line-height: var(--btn-line-height-small, 1rem);
min-height: var(--btn-min-height-small, 2rem);
padding: var(--btn-secondary-padding-small, 0.5rem 1rem);
}
.ul-button.-secondary.-small:has(:is(svg, i, ul-icon):only-child) {
max-width: 2rem;
}
.ul-button.-secondary:has(:nth-child(2):is(svg, i, ul-icon)) {
padding-right: var(--btn-secondary-icon-padding, 0.75rem);
}
.ul-button.-secondary:has(:nth-child(2)):has(:first-child:is(svg, i, ul-icon)) {
padding-left: var(--btn-secondary-icon-padding, 0.75rem);
}
.ul-button.-secondary:has(:nth-child(2)) {
padding: var(--btn-secondary-padding-with-icons, 0.5rem 1rem);
}
.ul-button.-secondary:has(:is(svg, i, ul-icon):only-child) {
max-width: 2.5rem;
padding: var(--btn-padding-vertical, 0.5rem);
}
.ul-button.-secondary:focus {
background-color: var(--btn-secondary-background-focus, #e6e6e6);
color: var(--btn-secondary-text-color-focus, #000);
outline: var(--btn-secondary-border-focus, 0.0625rem solid #0a99ff);
}
.ul-button.-secondary:hover {
background-color: var(--btn-secondary-background-hover, #d3d3d3);
box-shadow: var(--btn-secondary-drop-shadow, 0 0 0 0 rgba(0, 0, 0, 0.25));
color: var(--btn-secondary-text-color-hover, #000);
outline: var(--btn-secondary-border-hover, none);
}
.ul-button.-secondary:active {
background-color: var(--btn-secondary-background-active, #999);
color: var(--btn-secondary-text-color-active, #000);
outline: var(--btn-secondary-border-active, none);
}
.ul-button.-tertiary {
background-color: var(--btn-tertiary-background, transparent);
color: var(--btn-tertiary-text-color, #005999);
outline: var(--btn-tertiary-border-color, none);
padding: var(--btn-padding-vertical-small, 0.5rem) var(--btn-padding-horizontal-small, 1rem);
}
.ul-button.-tertiary[disabled] {
background-color: var(--btn-tertiary-background-disabled, #fff);
color: var(--btn-tertiary-text-color-disabled, #005999);
cursor: default;
opacity: var(--btn-tertiary-disabled-opacity, 0.5);
outline: var(--btn-tertiary-border-disabled, none);
pointer-events: none;
}
.ul-button.-tertiary.-small {
font-size: var(--btn-font-size-small, 0.875rem);
line-height: var(--btn-line-height-small, 1rem);
min-height: var(--btn-min-height-small, 2rem);
padding: var(--btn-tertiary-padding-small, 0.5rem 1rem);
}
.ul-button.-tertiary.-small:has(:is(svg, i, ul-icon):only-child) {
max-width: 2rem;
}
.ul-button.-tertiary:has(:nth-child(2):is(svg, i, ul-icon)) {
padding-right: var(--btn-tertiary-icon-padding, 0.75rem);
}
.ul-button.-tertiary:has(:nth-child(2)):has(:first-child:is(svg, i, ul-icon)) {
padding-left: var(--btn-tertiary-icon-padding, 0.75rem);
}
.ul-button.-tertiary:has(:nth-child(2)) {
padding: var(--btn-tertiary-padding-with-icons, 0.5rem 1rem);
}
.ul-button.-tertiary:has(:is(svg, i, ul-icon):only-child) {
max-width: 2.5rem;
padding: var(--btn-padding-vertical, 0.5rem);
}
.ul-button.-tertiary:focus {
background-color: var(--btn-tertiary-background-focus, transparent);
color: var(--btn-tertiary-text-color-focus, #005999);
outline: var(--btn-tertiary-border-focus, 0.0625rem solid #0a99ff);
}
.ul-button.-tertiary:hover {
background-color: var(--btn-tertiary-background-hover, #005999);
box-shadow: var(--btn-tertiary-drop-shadow, 0 0 0 0 rgba(0, 0, 0, 0.25));
color: var(--btn-tertiary-text-color-hover, #fff);
outline: var(--btn-tertiary-border-hover, none);
}
.ul-button.-tertiary:active {
background-color: var(--btn-tertiary-background-active, #001524);
color: var(--btn-tertiary-text-color-active, #fff);
outline: var(--btn-tertiary-border-active, none);
}
.ul-button.-alternative {
background-color: var(--btn-alternative-background, #fff);
color: var(--btn-alternative-text-color, #000);
outline: var(--btn-alternative-border-color, 0.0625rem solid #000);
padding: var(--btn-padding-vertical, 0.5rem) var(--btn-padding-horizontal, 1rem);
}
.ul-button.-alternative[disabled] {
background-color: var(--btn-alternative-background-disabled, #fff);
color: var(--btn-alternative-text-color-disabled, #000);
cursor: default;
opacity: var(--btn-alternative-disabled-opacity, 0.5);
outline: var(--btn-alternative-border-disabled, 0.0625rem solid #000);
pointer-events: none;
}
.ul-button.-alternative.-small {
font-size: var(--btn-font-size-small, 0.875rem);
line-height: var(--btn-line-height-small, 1rem);
min-height: var(--btn-min-height-small, 2rem);
padding: var(--btn-alternative-padding-small, 0.5rem 1rem);
}
.ul-button.-alternative.-small:has(:is(svg, i, ul-icon):only-child) {
max-width: 2rem;
}
.ul-button.-alternative:has(:nth-child(2):is(svg, i, ul-icon)) {
padding-right: var(--btn-alternative-icon-padding, 0.75rem);
}
.ul-button.-alternative:has(:nth-child(2)):has(:first-child:is(svg, i, ul-icon)) {
padding-left: var(--btn-alternative-icon-padding, 0.75rem);
}
.ul-button.-alternative:has(:nth-child(2)) {
padding: var(--btn-alternative-padding-with-icons, 0.5rem 1rem);
}
.ul-button.-alternative:has(:is(svg, i, ul-icon):only-child) {
max-width: 2.5rem;
padding: var(--btn-padding-vertical, 0.5rem);
}
.ul-button.-alternative:focus {
background-color: var(--btn-alternative-background-focus, #fff);
color: var(--btn-alternative-text-color-focus, #000);
outline: var(--btn-alternative-border-focus, 0.0625rem solid #0a99ff);
}
.ul-button.-alternative:hover {
background-color: var(--btn-alternative-background-hover, #000);
box-shadow: var(--btn-alternative-drop-shadow, 0 0 0 0 rgba(0, 0, 0, 0.25));
color: var(--btn-alternative-text-color-hover, #fff);
outline: var(--btn-alternative-border-hover, none);
}
.ul-button.-alternative:active {
background-color: var(--btn-alternative-background-active, #000);
color: var(--btn-alternative-text-color-active, #fff);
outline: var(--btn-alternative-border-active, none);
}
.ul-button.-save {
background-color: var(--btn-save-background, #238424);
color: var(--btn-save-text-color, #fff);
outline: var(--btn-save-border-color, none);
padding: var(--btn-padding-vertical, 0.5rem) var(--btn-padding-horizontal, 1rem);
}
.ul-button.-save[disabled] {
background-color: var(--btn-save-background-disabled, #0d470e);
color: var(--btn-save-text-color-disabled, #fff);
cursor: default;
opacity: var(--btn-save-disabled-opacity, 0.5);
outline: var(--btn-save-border-disabled, none);
pointer-events: none;
}
.ul-button.-save.-small {
font-size: var(--btn-font-size-small, 0.875rem);
line-height: var(--btn-line-height-small, 1rem);
min-height: var(--btn-min-height-small, 2rem);
padding: var(--btn-save-padding-small, 0.5rem 1rem);
}
.ul-button.-save.-small:has(:is(svg, i, ul-icon):only-child) {
max-width: 2rem;
}
.ul-button.-save:has(:nth-child(2):is(svg, i, ul-icon)) {
padding-right: var(--btn-save-icon-padding, 0.75rem);
}
.ul-button.-save:has(:nth-child(2)):has(:first-child:is(svg, i, ul-icon)) {
padding-left: var(--btn-save-icon-padding, 0.75rem);
}
.ul-button.-save:has(:nth-child(2)) {
padding: var(--btn-save-padding-with-icons, 0.5rem 1rem);
}
.ul-button.-save:has(:is(svg, i, ul-icon):only-child) {
max-width: 2.5rem;
padding: var(--btn-padding-vertical, 0.5rem);
}
.ul-button.-save:focus {
background-color: var(--btn-save-background-focus, #238424);
color: var(--btn-save-text-color-focus, #fff);
outline: var(--btn-save-border-focus, 0.0625rem solid #0a99ff);
}
.ul-button.-save:hover {
background-color: var(--btn-save-background-hover, #0d470e);
box-shadow: var(--btn-save-drop-shadow, 0 0 0 0 rgba(0, 0, 0, 0.25));
color: var(--btn-save-text-color-hover, #fff);
outline: var(--btn-save-border-hover, none);
}
.ul-button.-save:active {
background-color: var(--btn-save-background-active, #093308);
color: var(--btn-save-text-color-active, #fff);
outline: var(--btn-save-border-active, none);
}
.ul-button.-delete {
background-color: var(--btn-delete-background, #e12d33);
color: var(--btn-delete-text-color, #fff);
outline: var(--btn-delete-border-color, none);
padding: var(--btn-padding-vertical, 0.5rem) var(--btn-padding-horizontal, 1rem);
}
.ul-button.-delete[disabled] {
background-color: var(--btn-delete-background-disabled, #e12d33);
color: var(--btn-delete-text-color-disabled, #fff);
cursor: default;
opacity: var(--btn-delete-disabled-opacity, 0.5);
outline: var(--btn-delete-border-disabled, none);
pointer-events: none;
}
.ul-button.-delete.-small {
font-size: var(--btn-font-size-small, 0.875rem);
line-height: var(--btn-line-height-small, 1rem);
min-height: var(--btn-min-height-small, 2rem);
padding: var(--btn-delete-padding-small, 0.5rem 1rem);
}
.ul-button.-delete.-small:has(:is(svg, i, ul-icon):only-child) {
max-width: 2rem;
}
.ul-button.-delete:has(:nth-child(2):is(svg, i, ul-icon)) {
padding-right: var(--btn-delete-icon-padding, 0.75rem);
}
.ul-button.-delete:has(:nth-child(2)):has(:first-child:is(svg, i, ul-icon)) {
padding-left: var(--btn-delete-icon-padding, 0.75rem);
}
.ul-button.-delete:has(:nth-child(2)) {
padding: var(--btn-delete-padding-with-icons, 0.5rem 1rem);
}
.ul-button.-delete:has(:is(svg, i, ul-icon):only-child) {
max-width: 2.5rem;
padding: var(--btn-padding-vertical, 0.5rem);
}
.ul-button.-delete:focus {
background-color: var(--btn-delete-background-focus, #e12d33);
color: var(--btn-delete-text-color-focus, #fff);
outline: var(--btn-delete-border-focus, 0.0625rem solid #0a99ff);
}
.ul-button.-delete:hover {
background-color: var(--btn-delete-background-hover, #c01b21);
box-shadow: var(--btn-delete-drop-shadow, 0 0 0 0 rgba(0, 0, 0, 0.25));
color: var(--btn-delete-text-color-hover, #fff);
outline: var(--btn-delete-border-hover, none);
}
.ul-button.-delete:active {
background-color: var(--btn-delete-background-active, #931519);
color: var(--btn-delete-text-color-active, #fff);
outline: var(--btn-delete-border-active, none);
}
.ul-button.-widget {
background-color: var(--btn-widget-background, #e12d33);
color: var(--btn-widget-text-color, #fff);
outline: var(--btn-widget-border-color, none);
padding: var(--btn-padding-vertical, 0.5rem) var(--btn-padding-horizontal, 1rem);
}
.ul-button.-widget[disabled] {
background-color: var(--btn-widget-background-disabled, #e12d33);
color: var(--btn-widget-text-color-disabled, #fff);
cursor: default;
opacity: var(--btn-widget-disabled-opacity, 0.5);
outline: var(--btn-widget-border-disabled, none);
pointer-events: none;
}
.ul-button.-widget.-small {
font-size: var(--btn-font-size-small, 0.875rem);
line-height: var(--btn-line-height-small, 1rem);
min-height: var(--btn-min-height-small, 2rem);
padding: var(--btn-widget-padding-small, 0.5rem 1rem);
}
.ul-button.-widget.-small:has(:is(svg, i, ul-icon):only-child) {
max-width: 2rem;
}
.ul-button.-widget:has(:nth-child(2):is(svg, i, ul-icon)) {
padding-right: var(--btn-widget-icon-padding, 0.75rem);
}
.ul-button.-widget:has(:nth-child(2)):has(:first-child:is(svg, i, ul-icon)) {
padding-left: var(--btn-widget-icon-padding, 0.75rem);
}
.ul-button.-widget:has(:nth-child(2)) {
padding: var(--btn-widget-padding-with-icons, 0.5rem 1rem);
}
.ul-button.-widget:has(:is(svg, i, ul-icon):only-child) {
max-width: 2.5rem;
padding: var(--btn-padding-vertical, 0.5rem);
}
.ul-button.-widget:focus {
background-color: var(--btn-widget-background-focus, #e12d33);
color: var(--btn-widget-text-color-focus, #fff);
outline: var(--btn-widget-border-focus, 0.0625rem solid #0a99ff);
}
.ul-button.-widget:hover {
background-color: var(--btn-widget-background-hover, #c01b21);
box-shadow: var(--btn-widget-drop-shadow, 0 0 0 0 rgba(0, 0, 0, 0.25));
color: var(--btn-widget-text-color-hover, #fff);
outline: var(--btn-widget-border-hover, none);
}
.ul-button.-widget:active {
background-color: var(--btn-widget-background-active, #931519);
color: var(--btn-widget-text-color-active, #fff);
outline: var(--btn-widget-border-active, none);
}
.ul-button__input-btn {
border-bottom-right-radius: 0;
border-left: var(--input-btn-border-left, 0.0625rem solid #000);
border-top-right-radius: 0;
font-size: 1.125rem;
padding-right: var(--input-btn-padding-right, 1rem) !important;
}
.ul-button__input-btn.-primary {
border-left: var(--input-btn-primary-border, none);
}
.ul-button__input-btn.-secondary {
border-left: var(--input-btn-secondary-border, 0.0625rem solid #000);
}
.ul-button__input-btn.-alternative {
border-left: var(--input-btn-alternative-border, 0.0625rem solid #000);
}
.ul-card {
background-color: #fff;
border: var(--card-border, 0.0625rem solid #d3d3d3);
border-radius: var(--card-border-radius, none);
box-shadow: var(--card-drop-shadow, none);
font-family: var(--app-font-family, "Open Sans", sans-serif);
height: 100%;
width: 100%;
}
.ul-checkbox {
align-items: center;
color: #000;
display: inline-block;
font-family: var(--app-font-family, "Open Sans", sans-serif);
font-size: 1rem;
font-weight: 400;
gap: 0.5rem;
line-height: 1.375rem;
position: relative;
z-index: 0;
}
.ul-checkbox label {
cursor: pointer;
display: inline-block;
width: 100%;
}
.ul-checkbox label::before {
border: solid 0.125rem #3e3e3e;
border-radius: 0.1875rem;
box-sizing: border-box;
content: "";
display: inline-block;
height: 1.25rem;
margin: 0.1875rem 0.6875rem 0.1875rem 0.0625rem;
transition: border-color 0.2s, background-color 0.2s;
vertical-align: -0.375rem;
width: 1.25rem;
}
.ul-checkbox label::after {
border: solid 0.125rem transparent;
border-right: none;
border-top: none;
content: "";
display: block;
height: 0.3125rem;
left: 0.125rem;
position: absolute;
top: 0.1875rem;
transform: translate(0.1875rem, 0.25rem) rotate(-45deg);
width: 0.625rem;
}
.ul-checkbox input[type=checkbox] {
appearance: none;
border-radius: 0.1875rem;
box-shadow: none;
display: block;
height: 2.5rem;
left: -0.625rem;
margin: 0;
opacity: 0;
outline: none;
pointer-events: none;
position: absolute;
top: -0.5rem;
transform: scale(1);
transition: opacity 0.3s, transform 0.2s;
width: 2.5rem;
z-index: -1;
}
.ul-checkbox input[type=checkbox]:checked + label::before,
.ul-checkbox input[type=checkbox]:indeterminate + label::before {
background-color: #005999;
border-color: #005999;
}
.ul-checkbox input[type=checkbox]:hover + label::before {
outline: 0.1875rem solid #d3d3d3;
outline-offset: 0;
}
.ul-checkbox input[type=checkbox]:focus + label::before {
outline: var(--radio-btn-outline-focus, 0.125rem solid #0a99ff);
outline-offset: 0.125rem;
}
.ul-checkbox input[type=checkbox]:checked + label::after,
.ul-checkbox input[type=checkbox]:indeterminate + label::after {
border-color: #fff;
}
.ul-checkbox input[type=checkbox]:indeterminate + label::after {
border-left: none;
transform: translate(0.25rem, 0.1875rem);
}
.ul-checkbox input[type=checkbox]:disabled + label,
.ul-checkbox input[type=checkbox]:disabled + label::before {
cursor: not-allowed;
opacity: 0.5;
pointer-events: none;
}
.ul-checkbox input[type=checkbox]:hover + label::before {
outline: 0.1875rem solid #d3d3d3;
outline-offset: 0;
}
.ul-chip {
align-items: center;
background-color: #fff;
border: 0.0625rem solid #d3d3d3;
border-radius: var(--chip-border-radius, 6.25rem);
color: #000;
display: inline-flex;
font-family: "Open Sans", sans-serif;
font-size: 1rem;
font-style: normal;
font-weight: 400;
gap: 0.5rem;
justify-content: center;
line-height: 2rem;
min-height: 2rem;
padding: var(--chip-padding, 0.25rem 1rem);
}
.ul-chip svg:first-child,
.ul-chip i:first-child {
color: #3e3e3e;
}
.ul-chip.-secondary {
background-color: var(--chip-secondary-background, #f8f8f8);
border-color: var(--chip-secondary-border-color, #d3d3d3);
}
.ul-chip.-secondary svg:first-child,
.ul-chip.-secondary i:first-child {
color: var(--chip-secondary-icon-color, #3e3e3e);
}
.ul-chip.-secondary:hover {
background-color: var(--chip-secondary-background-color-hover, #ebebeb);
border-color: var(--chip-secondary-border-color-hover, #d3d3d3);
}
.ul-chip.-secondary:active {
background-color: var(--chip-secondary-background-color-active, #dfdfdf);
border-color: var(--chip-secondary-border-color-active, #d3d3d3);
}
.ul-chip.-secondary:focus {
background-color: var(--chip-secondary-background-color-focus, #ecf5fc);
border-color: var(--chip-secondary-border-color-focus, #0a99ff);
}
.ul-chip.-success {
background-color: var(--chip-success-background, #fff);
border-color: var(--chip-success-border-color, #238424);
}
.ul-chip.-success svg:first-child,
.ul-chip.-success i:first-child {
color: var(--chip-success-icon-color, #238424);
}
.ul-chip.-success:hover {
background-color: var(--chip-success-background-color-hover, #f8f8f8);
border-color: var(--chip-success-border-color-hover, #238424);
}
.ul-chip.-success:active {
background-color: var(--chip-success-background-color-active, #ebebeb);
border-color: var(--chip-success-border-color-active, #238424);
}
.ul-chip.-success:focus {
background-color: var(--chip-success-background-color-focus, #e9f6e7);
border-color: var(--chip-success-border-color-focus, #238424);
}
.ul-chip.-warning {
background-color: var(--chip-warning-background, #fff);
border-color: var(--chip-warning-border-color, #ffa700);
}
.ul-chip.-warning svg:first-child,
.ul-chip.-warning i:first-child {
color: var(--chip-warning-icon-color, #ffa700);
}
.ul-chip.-warning:hover {
background-color: var(--chip-warning-background-color-hover, #f8f8f8);
border-color: var(--chip-warning-border-color-hover, #ffa700);
}
.ul-chip.-warning:active {
background-color: var(--chip-warning-background-color-active, #ebebeb);
border-color: var(--chip-warning-border-color-active, #ffa700);
}
.ul-chip.-warning:focus {
background-color: var(--chip-warning-background-color-focus, #f8f1e0);
border-color: var(--chip-warning-border-color-focus, #ffa700);
}
.ul-chip.-critical {
background-color: var(--chip-critical-background, #fff);
border-color: var(--chip-critical-border-color, #e12d33);
}
.ul-chip.-critical svg:first-child,
.ul-chip.-critical i:first-child {
color: var(--chip-critical-icon-color, #e12d33);
}
.ul-chip.-critical:hover {
background-color: var(--chip-critical-background-color-hover, #f8f8f8);
border-color: var(--chip-critical-border-color-hover, #e12d33);
}
.ul-chip.-critical:active {
background-color: var(--chip-critical-background-color-active, #ebebeb);
border-color: var(--chip-critical-border-color-active, #e12d33);
}
.ul-chip.-critical:focus {
background-color: var(--chip-critical-background-color-focus, #fdf0f2);
border-color: var(--chip-critical-border-color-focus, #e12d33);
}
.ul-chip:has(:nth-child(2):is(svg, i)) {
padding-right: var(--chip-icon-right-padding, 0.5rem);
}
.ul-chip.avatar {
padding-left: var(--chip-avatar-left-padding, 0.25rem);
}
.ul-chip:has(:first-child:is(.ul-avatar)) {
padding-left: var(--chip-avatar-left-padding, 0.25rem);
}
.ul-chip.-small {
font-size: 0.875rem;
line-height: 1.5rem;
min-height: 1.5rem;
min-width: 5.125rem;
}
.ul-chip.-small:has(:nth-child(2):is(svg, i)) {
padding-right: var(--chip-icon-right-padding-small, 0.25rem);
}
.ul-chip:hover {
background-color: #f8f8f8;
}
.ul-chip:active {
background-color: #e6e6e6;
}
.ul-chip:focus {
background-color: var(--chip-secondary-background-color-focus, #ecf5fc);
border-color: var(--chip-secondary-border-color-focus, #0a99ff);
}
.ul-empty-state {
align-items: center;
display: flex;
flex-direction: column;
font-family: "Open Sans", sans-serif;
gap: 1rem;
justify-content: center;
min-height: 100%;
text-align: center;
width: 18.125rem;
}
.ul-empty-state__heading {
font-size: 1.25rem;
font-style: normal;
font-weight: 300;
line-height: normal;
}
.ul-empty-state__description {
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: center;
}
.ul-group-buttons {
align-items: center;
display: flex;
}
.ul-group-buttons.-primary {
gap: var(--group-buttons-gap-primary, 0.0625rem);
}
.ul-group-buttons.-primary .ul-button:last-child {
margin-left: var(--group-buttons-margin-left-primary, 0rem);
}
.ul-group-buttons.-primary .ul-button:not(:first-child):not(:last-child) {
margin-left: var(--group-buttons-margin-left-primary, 0rem);
}
.ul-group-buttons.-secondary {
gap: var(--group-buttons-gap-secondary, 0.0625rem);
}
.ul-group-buttons.-secondary .ul-button:last-child {
margin-left: var(--group-buttons-margin-left-secondary, 0rem);
}
.ul-group-buttons.-secondary .ul-button:not(:first-child):not(:last-child) {
margin-left: var(--group-buttons-margin-left-secondary, 0rem);
}
.ul-group-buttons.-alternative {
gap: var(--group-buttons-gap-alternative, -0.0625rem);
}
.ul-group-buttons.-alternative .ul-button:last-child {
margin-left: var(--group-buttons-margin-left-alternative, -0.0625rem);
}
.ul-group-buttons.-alternative .ul-button:not(:first-child):not(:last-child) {
margin-left: var(--group-buttons-margin-left-alternative, -0.0625rem);
}
.ul-group-buttons .ul-button:first-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.ul-group-buttons .ul-button:last-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.ul-group-buttons .ul-button:not(:first-child):not(:last-child) {
border-radius: 0;
}
.ul-app-header {
align-items: center;
background-color: var(--apphead-header-background, #fff);
border-bottom: var(--apphead-header-border-bottom, 0.0625rem solid #ccc);
box-shadow: var(--apphead-header-shadow, transparent);
box-sizing: border-box;
display: flex;
height: var(--apphead-header-height, 3.5rem);
padding: var(--apphead-header-padding, 0 1.5rem);
}
.ul-app-header a {
text-decoration: none;
}
.ul-app-header .ul-grid__container {
display: flex;
}
.ul-app-header.ul-select {
flex: 1;
}
@media (max-width: 768px) {
.ul-app-header {
padding: var(--apphead-header-padding-mobile, 0 0.5rem);
}
}
.ul-app-header__logo {
align-items: center;
background-image: var(--apphead-logo);
background-repeat: no-repeat;
background-size: contain;
display: inherit;
height: var(--apphead-logo-height, 2.000625rem);
justify-content: flex-end;
width: var(--apphead-logo-width, 4.8675rem);
}
@media (max-width: 768px) {
.ul-app-header__logo {
height: var(--apphead-logo-height-mobile, 1.5rem);
width: var(--apphead-logo-width-mobile, 3.649375rem);
}
}
.ul-app-header__separator {
border-left: 0.0625rem solid #d3d3d3;
height: auto;
min-height: 1.5rem;
}
.ul-app-header__center {
align-items: center;
display: inherit;
flex: 1;
gap: 0;
justify-content: center;
}
.ul-app-header__center:has(:nth-child(2)) {
gap: 0.5rem;
}
@media (max-width: 768px) {
.ul-app-header__center {
display: none;
}
}
.ul-app-header__left {
align-items: center;
display: inherit;
gap: 0;
}
.ul-app-header__left:has(:nth-child(2)) {
gap: 0.5rem;
}
@media (max-width: 768px) {
.ul-app-header__left:has(:nth-child(2)) {
gap: 0.75rem;
}
}
.ul-app-header__appname {
color: var(--apphead-appname-color, #ca0123);
display: var(--apphead-appname-display, block);
font-family:
Poppins,
"Open Sans",
Arial,
sans-serif;
font-size: var(--apphead-appname-font-size, 1.25rem);
font-weight: var(--apphead-appname-font-weight, 500);
line-height: 1;
margin: 0;
}
.ul-app-header__appname a {
color: inherit;
}
.ul-app-header__right {
align-items: center;
display: flex;
flex-grow: 0;
gap: 0.5rem;
justify-content: flex-end;
}
@media (max-width: 768px) {
.ul-app-header__right {
flex-grow: 1;
gap: 0.75rem;
}
}
.ul-app-header button.ul-button.-tertiary {
color: var(--apphead-button-color, #3e3e3e);
justify-content: center;
min-width: 2.5rem;
width: auto;
}
.ul-app-header button.ul-button.-tertiary:hover {
background-color: var(--apphead-button-active-state, #fff);
box-shadow: none;
color: var(--apphead-button-color, #3e3e3e);
}
.ul-app-header button.ul-button.-tertiary:active {
background-color: var(--apphead-button-active-state, #fff);
box-shadow: none;
color: var(--apphead-button-color, #3e3e3e);
}
.ul-app-header button.ul-button.-tertiary:disabled {
background-color: #fff;
color: var(--apphead-button-color, #3e3e3e);
}
.ul-app-header button.ul-button.-tertiary:focus {
background-color: #fff;
color: var(--apphead-button-color, #3e3e3e);
}
@font-face {
font-family: "Material Symbols Filled";
font-style: normal;
font-weight: 400;
src: url("./media/Material_Symbols_Filled-400.woff2") format("woff2"), url("./media/Material_Symbols_Filled-400.ttf") format("truetype");
}
.ul-icon {
direction: ltr;
display: inline-block;
font-family: "Material Symbols Filled";
font-style: normal;
font-weight: 400;
letter-spacing: normal;
line-height: 1;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
}
.ul-icon.-danger {
color: var(--icon-critical-color);
}
.ul-icon.-warning {
color: var(--icon-warning-color);
}
.ul-icon.-success {
color: var(--icon-success-color);
}
.ul-icon.-info {
color: var(--icon-info-color);
}
.ul-icon.-inactive {
color: var(--icon-disabled-color);
}
.ul-icon.-default {
color: var(--icon-default-color);
}
.ul-icon.-extra-small {
font-size: 0.5rem;
}
.ul-icon.-small {
font-size: 1rem;
}
.ul-icon.-medium {
font-size: 1.5rem;
}
.ul-icon.-large {
font-size: 2rem;
}
.ul-icon__padded {
padding: 0.25rem;
}
.ul-icon__padded.-extra-small {
font-size: 0.375rem;
}
.ul-icon__padded.-small {
font-size: 0.5rem;
}
.ul-icon__padded.-medium {
font-size: 1rem;
}
.ul-icon__padded.-large {
font-size: 1.5rem;
}
.ul-icon-button {
align-items: center;
background: none;
border: none;
border-radius: var(--btn-border-radius, 0.1875rem);
box-sizing: border-box;
cursor: pointer;
display: inline-flex;
height: 2.5rem;
justify-content: center;
padding: 0.5rem 1rem;
text-align: center;
text-decoration: none;
white-space: nowrap;
width: 2.5rem;
}
.ul-icon-button.-small {
height: 2rem;
width: 2rem;
}
.ul-icon-button i,
.ul-icon-button .ul-icon,
.ul-icon-button ul-icon {
color: var(--icon-btn-text-color, #3e3e3e);
}
.ul-icon-button:hover i,
.ul-icon-button:hover .ul-icon,
.ul-icon-button:hover ul-icon,
.ul-icon-button:active i,
.ul-icon-button:active .ul-icon,
.ul-icon-button:active ul-icon {
color: #000;
}
.ul-icon-button:hover {
background: #ebebeb;
}
.ul-icon-button:active {
background: #dfdfdf;
}
.ul-icon-button:focus {
outline: 0.0625rem solid #0a99ff;
}
.ul-icon-button ul-icon[size=medium] {
margin-top: 0.3125rem;
}
.ul-icon-button ul-icon[size=small] {
margin-top: 0.3125rem;
}
.ul-inline-alert {
align-items: center;
box-shadow: 0 0.25rem 0.125rem 0 rgba(0, 0, 0, 0.1019607843);
color: #000;
display: flex;
font-family: var(--app-font-family, "Open Sans", sans-serif);
font-size: 0.875rem;
font-weight: 400;
line-height: 1.36;
padding: 0.5rem 0.5rem 0.5rem 1rem;
text-align: left;
width: -moz-available;
width: -webkit-fill-available;
}
.ul-inline-alert.-info {
background-color: var(--alerts-info-background-color, #e2f3f7);
border-left: 0.25rem solid var(--alerts-info-highlight-color, #0c7489);
}
.ul-inline-alert.-info svg:first-child,
.ul-inline-alert.-info i:first-child,
.ul-inline-alert.-info ul-icon:first-child {
color: var(--alerts-info-highlight-color, #0c7489);
fill: var(--alerts-info-highlight-color, #0c7489);
}
.ul-inline-alert.-warning {
background-color: var(--alerts-warning-background-color, #f8f1e0);
border-left: 0.25rem solid var(--alerts-warning-highlight-color, #ffa700);
}
.ul-inline-alert.-warning svg:first-child,
.ul-inline-alert.-warning i:first-child,
.ul-inline-alert.-warning ul-icon:first-child {
color: var(--alerts-warning-highlight-color, #ffa700);
fill: var(--alerts-warning-highlight-color, #ffa700);
}
.ul-inline-alert.-critical {
background-color: var(--alerts-critical-background-color, #fdf0f2);
border-left: 0.25rem solid var(--alerts-critical-highlight-color, #e12d33);
}
.ul-inline-alert.-critical svg:first-child,
.ul-inline-alert.-critical i:first-child,
.ul-inline-alert.-critical ul-icon:first-child {
color: var(--alerts-critical-highlight-color, #e12d33);
fill: var(--alerts-critical-highlight-color, #e12d33);
}
.ul-inline-alert.-success {
background-color: var(--alerts-success-background-color, #e9f6e7);
border-left: 0.25rem solid var(--alerts-success-highlight-color, #238424);
}
.ul-inline-alert.-success svg:first-child,
.ul-inline-alert.-success i:first-child,
.ul-inline-alert.-success ul-icon:first-child {
color: var(--alerts-success-highlight-color, #238424);
fill: var(--alerts-success-highlight-color, #238424);
}
.ul-inline-alert.-default {
background-color: var(--alerts-default-background-color, #fff);
border-left: 0.25rem solid var(--alerts-default-highlight-color, #000);
}
.ul-inline-alert.-default svg:first-child,
.ul-inline-alert.-default i:first-child,
.ul-inline-alert.-default ul-icon:first-child {
color: var(--alerts-default-highlight-color, #000);
fill: var(--alerts-default-highlight-color, #000);
}
.ul-inline-alert__text {
overflow: hidden;
padding-left: 1rem;
width: -moz-available;
width: -webkit-fill-available;
word-wrap: break-word;
}
.ul-inline-alert__action {
color: #005999;
cursor: pointer;
padding: 0 1rem;
text-decoration: underline;
}
.ul-inline-alert__close {
color: #000;
cursor: pointer;
}
.ul-input {
display: flex;
flex-direction: column;
font-family: "Open Sans", sans-serif;
font-size: 1rem;
font-weight: 400;
}
.ul-input ul-_label,
.ul-input label {
color: #000;
line-height: 1.38;
margin-bottom: 0.5rem;
}
.ul-input.-small .ul-input__input,
.ul-input.-small input[type=text] {
height: 2rem;
}
.ul-input.-large .ul-input__input,
.ul-input.-large input[type=text] {
height: 2.5rem;
}
.ul-input__wrapper {
align-items: center;
border: 0.0625rem solid #59595a;
border-radius: 0.1875rem;
display: flex;
justify-content: space-between;
}
.ul-input__wrapper--pristine {
border: 0.0625rem solid #59595a;
}
.ul-input__wrapper--success {
border: 0.0625rem solid var(--input-success-color, #238424);
}
.ul-input__wrapper--error {
border: 0.0625rem solid var(--input-error-color, #e12d33);
}
.ul-input__input,
.ul-input input[type=text] {
background: none;
border: none;
color: #000;
flex-grow: 1;
font-size: 0.875rem;
height: 2.5rem;
padding: 0 1rem;
}
.ul-input__input::placeholder,
.ul-input input[type=text]::placeholder {
color: #59595a;
}
.ul-input__input:focus-visible,
.ul-input input[type=text]:focus-visible {
outline: none;
}
.ul-input input[type=text]:focus {
border: none;
outline: none;
}
.ul-input__wrapper:focus-within {
border: 0.0625rem solid var(--input-focus-color, #0a99ff);
}
.ul-input:disabled .ul-input__input,
.ul-input__input:disabled,
.ul-input input[type=text]:disabled {
background-color: inherit;
color: rgba(0, 0, 0, 0.5019607843) !important;
}
.ul-input:disabled .ul-input__input::placeholder,
.ul-input__input:disabled::placeholder,
.ul-input input[type=text]:disabled::placeholder {
color: rgba(0, 0, 0, 0.5019607843) !important;
}
.-disabled .ul-input__wrapper,
.ul-input__wrapper.-disabled {
border: 0.0625rem solid rgba(0, 0, 0, 0.5019607843) !important;
}
.-disabled > .ul-input__label,
.ul-input:disabled > .ul-input__label,
.-disabled > .ul-input__helper-text,
.ul-input:disabled > .ul-input__helper-text,
.ul-input.-disabled .ul-label,
.ul-input:disabled .ul-label,
.ul-input.-disabled .ul-helper-field,
.ul-input:disabled .ul-helper-field {
color: rgba(0, 0, 0, 0.5019607843) !important;
}
.ul-input__helper-text {
align-items: center;
display: flex;
font-size: 0.75rem;
margin-top: 0.5rem;
}
.ul-input__helper-text--error {
color: var(--input-error-color, #e12d33);
}
.ul-input__helper-text--success {
color: var(--input-success-color, #238424);
}
.ul-input__button {
outline: 0 !important;
}
.ul-input__reset-button {
margin-right: 0.5rem;
}
ul-list-header .clip {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ul-list-header {
align-items: center;
background-color: var(--list-background);
border-color: transparent;
border-style: solid;
border-width: var(--list-item-border-width);
display: flex;
font-family: var(--list-title-font-family);
font-size: var(--list-title-font-size);
font-weight: var(--list-title-font-weight);
gap: var(--list-item-inter-gap);
line-height: 1.5rem;
padding: 1rem var(--list-item-padding-right) 1rem var(--list-item-padding-left);
width: -webkit-fill-available;
width: stretch;
width: -webkit-fill-available;
width: -moz-available;
}
.ul-list-header > div {
align-items: first baseline;
display: flex;
gap: var(--list-item-inter-gap);
}
.ul-list-header > div div {
flex-grow: 0;
flex-shrink: 0;
}
.ul-list-header div.left {
margin-right: auto;
overflow: hidden;
}
.ul-list-header div.right {
justify-content: flex-end;
overflow: visible;
}
.ul-list-header .clip {
flex: 1 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ul-list-header .wrap {
flex: 1 1;
white-space: wrap;
}
.ul-list-header:has(+ ul.ul-list details):has(.right) {
padding-right: var(--list-item-expand-gutter);
}
ul-list-item .clip {
flex: 1 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
ul-list-item .wrap {
flex: 1 1;
white-space: wrap;
}
ul-list-item ul-icon {
position: relative;
top: 0.2rem;
}
li.ul-list-item,
li.ul-list-item details summary {
background-color: var(--list-background);
box-sizing: border-box;
column-gap: var(--list-item-inter-gap);
display: flex;
flex-direction: row;
outline: none;
padding: 0;
position: relative;
width: -webkit-fill-available;
width: stretch;
width: -webkit-fill-available;
width: -moz-available;
}
li.ul-list-item > .left,
li.ul-list-item .right,
li.ul-list-item details summary > .left,
li.ul-list-item details summary .right {
align-items: first baseline;
display: flex;
gap: var(--list-item-intra-gap);
}
li.ul-list-item .clip,
li.ul-list-item details summary .clip {
flex: 1 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
li.ul-list-item .wrap,
li.ul-list-item details summary .wrap {
flex: 1 1;
white-space: wrap;
}
li.ul-list-item i.ul-icon,
li.ul-list-item details summary i.ul-icon {
position: relative;
top: 0.2rem;
}
li.ul-list-item .left,
li.ul-list-item details summary .left {
width: -webkit-fill-available;
width: stretch;
width: -webkit-fill-available;
width: -moz-available;
overflow: hidden;
padding: var(--list-item-padding-top) 0 var(--list-item-padding-bottom) calc(var(--list-depth) * var(--list-item-indent-increment) + var(--list-item-padding-left));
}
li.ul-list-item .right,
li.ul-list-item details summary .right {
justify-content: flex-end;
overflow: visible;
padding: var(--list-item-padding-top) var(--list-item-padding-right) var(--list-item-padding-top) 0;
}
li.ul-list-item:not(:has(ul.ul-list, ul-list)).-disabled > *,
li.ul-list-item details summary:not(:has(ul.ul-list, ul-list)).-disabled > * {
opacity: 0.5;
}
li.ul-list-item.-disabled > details > summary,
li.ul-list-item details summary.-disabled > details > summary {
opacity: 0.5;
}
li.ul-list-item:not(:has(ul.ul-list, ul-list)) {
align-items: center;
}
li.ul-list-item {
overflow: visible;
}
li.ul-list-item::before,
li.ul-list-item > details > summary::before {
bottom: 0;
content: "";
left: 0;
outline-color: var(--list-item-outline-default-color);
outline-style: solid;
outline-width: var(--list-item-outline-width);
pointer-events: none;
position: absolute;
right: 0;
top: 0;
}
li.ul-list-item:not(:has(ul.ul-list, ul-list))::before,
li.ul-list-item > details > summary::before {
border-color: var(--list-item-border-color-default);
border-style: solid;
border-width: var(--list-item-border-width);
}
li.ul-list-item:not(:has(ul.ul-list, ul-list)):not(.-disabled):hover,
li.ul-list-item > details > summary:hover {
background-color: var(--list-item-background-hover);
}
li.ul-list-item:not(:has(ul.ul-list, ul-list)):not(.-disabled):hover::before,
li.ul-list-item > details > summary:hover::before {
border-color: var(--list-item-border-color-hover);
}
li.ul-list-item:not(:has(ul.ul-list, ul-list)):not(.-disabled):active,
li.ul-list-item > details > summary:active {
background-color: var(--list-item-background-active);
border-color: var(--list-item-border-color-active);
}
li.ul-list-item:not(:has(ul.ul-list, ul-list)):not(.-disabled).-selected,
li.ul-list-item.-selected > details > summary {
background-color: var(--list-item-background-selected);
}
li.ul-list-item:not(:has(ul.ul-list, ul-list)):not(.-disabled).-selected::before,
li.ul-list-item.-selected > details > summary::before {
border-color: var(--list-item-border-color-selected);
}
li.ul-list-item:not(:has(ul.ul-list, ul-list)):not(.-disabled).-selected:hover,
li.ul-list-item.-selected > details > summary:hover {
background-color: var(--list-item-background-selected-hover);
}
li.ul-list-item:not(:has(ul.ul-list, ul-list)):not(.-disabled).-selected:active,
li.ul-list-item.-selected > details > summary:active {
background-color: var(--list-item-background-selected-active);
}
li.ul-list-item details > summary {
align-items: center;
column-gap: 0;
display: flex;
}
li.ul-list-item details > summary .left {
padding-right: var(--list-item-inter-gap);
}
li.ul-list-item details > summary .right {
padding-right: 0;
}
li.ul-list-item details > summary::marker,
li.ul-list-item details > summary::-webkit-details-marker {
display: none;
}
li.ul-list-item details > summary::after {
content: "arrow_right";
flex-grow: 0;
flex-shrink: 0;
font-family: "Material Symbols Filled";
font-size: 1rem;
font-style: normal;
font-weight: 400;
height: 1.5rem;
margin: 0 calc((var(--list-item-expand-gutter) - 1.5rem) / 2);
text-align: center;
width: 1.5rem;
z-index: 1;
}
li.ul-list-item details[open] > summary {
margin-bottom: 1px;
}
li.ul-list-item details[open] > summary::after {
transform: rotate(90deg);
}
li.ul-list-item:has(details) {
background-color: transparent;
flex-direction: column;
}
ul.ul-list:has(details li.ul-list-item) li.ul-list-item:not(:has(details)) {
padding-right: calc(var(--list-item-expand-gutter) - var(--list-item-padding-right));
}
li.ul-list-item {
position: relative;
}
li.ul-list-item:focus-visible:not(:has(details))::before {
border-width: var(--list-item-border-width);
left: var(--list-item-outline-inset);
outline-color: var(--list-item-outline-focus-color);
right: var(--list-item-outline-inset);
}
li.ul-list-item:focus-visible > details > summary::before {
outline-color: var(--list-item-outline-focus-color);
}
li.ul-list-item:has(> a:focus-visible)::before {
left: var(--list-item-outline-inset);
outline-color: var(--list-item-outline-focus-color);
right: var(--list-item-outline-inset);
top: 0;
}
li.ul-list-item > details > summary:focus-visible::after {
outline-color: var(--list-item-outline-focus-color);
outline-style: solid;
outline-width: var(--list-item-outline-width);
}
li.ul-list-item > details > summary:has(> a:focus-visible)::before {
left: var(--list-item-outline-inset);
outline-color: var(--list-item-outline-focus-color);
right: var(--list-item-outline-inset);
}
li.ul-list-item a:focus-visible {
outline: none;
}
:root {
--list-depth: 0;
}
ul.ul-list {
background-color: inherit;
display: flex;
flex-direction: column;
gap: 1px;
list-style: none;
margin: 0;
padding: 0;
--list-item-outline-inset: 1px;
width: -webkit-fill-available;
width: stretch;
width: -webkit-fill-available;
width: -moz-available;
}
ul.ul-list.celled {
background-color: var(--list-separator);
border: 1px solid var(--list-separator);
--list-item-outline-inset: 0;
}
ul.ul-list.divided {
background-color: var(--list-separator);
}
ul.ul-list ul.ul-list {
--list-depth: 1;
--list-item-outline-inset: inherit;
}
ul.ul-list ul.ul-list ul.ul-list {
--list-depth: 2;
}
ul.ul-list ul.ul-list ul.ul-list ul.ul-list {
--list-depth: 3;
}
ul.ul-list ul.ul-list ul.ul-list ul.ul-list ul.ul-list {
--list-depth: 4;
}
ul.ul-list ul.ul-list ul.ul-list ul.ul-list ul.ul-list ul.ul-list {
--list-depth: 5;
}
ul.ul-list ul.ul-list ul.ul-list ul.ul-list ul.ul-list ul.ul-list ul.ul-list {
--list-depth: 6;
}
.ul-lozenge {
align-items: center;
background: var(--lozenge-secondary, #e6e6e6);
border: 1px solid var(--lozenge-secondary-border, 0.0625rem solid #d3d3d3);
border-radius: 0.1875rem;
box-sizing: border-box;
color: #3e3e3e;
display: inline-flex;
font-family: var(--app-font-family, "Open Sans", sans-serif);
font-size: 0.875rem;
font-style: normal;
font-weight: 700;
gap: 0.5rem;
height: 1.5rem;
justify-content: center;
line-height: 1.5rem;
padding: 0 0.5rem;
text-transform: uppercase;
}
.ul-lozenge.-small {
font-size: 0.75rem;
height: 1.0625rem;
line-height: 1.0625rem;
padding: 0 0.375rem;
}
.ul-lozenge .ul-icon:last-child,
.ul-lozenge .ul-icon:first-child {
padding-left: 0;
padding-right: 0;
}
.ul-lozenge.-secondary {
background-color: var(--lozenge-secondary, #e6e6e6);
color: #3e3e3e;
border: var(--lozenge-secondary-border, 0.0625rem solid #d3d3d3);
}
.ul-lozenge.-warning {
background-color: var(--lozenge-warning, #ffc85e);
color: #3e3e3e;
}
.ul-lozenge.-warning--light {
background-color: var(--lozenge-warning-light, #f8f1e0);
border: var(--lozenge-warning-light-border, 0.0625rem solid #ffa700);
color: #3e3e3e;
}
.ul-lozenge.-danger {
background-color: var(--lozenge-danger, #e12d33);
color: #fff;
}
.ul-lozenge.-danger--light {
background-color: var(--lozenge-danger-light, #fdf0f2);
border: var(--lozenge-danger-light-border, 0.0625rem solid #e12d33);
color: var(--lozenge-danger-light-color, #c01b21);
}
.ul-lozenge.-success {
background-color: var(--lozenge-success, #238424);
color: #fff;
}
.ul-lozenge.-success--light {
background-color: var(--lozenge-success-light, #e9f6e7);
border: var(--lozenge-success-light-border, 0.0625rem solid #0d470e);
color: var(--lozenge-success-light-color, #0d470e);
}
.ul-lozenge.-info {
background-color: var(--lozenge-info, #0c7489);
color: #fff;
}
.ul-lozenge.-info--light {
background-color: var(--lozenge-info-light, #e2f3f7);
border: var(--lozenge-info-light-border, 0.0625rem solid #0d470e);
color: var(--lozenge-info-light-color, #0d470e);
}
.ul-lozenge.-black {
background-color: var(--lozenge-black, #000);
color: #fff;
}
.ul-lozenge.-white {
background-color: var(--lozenge-white, #fff);
color: var(--lozenge-white-color, #000);
border: var(--lozenge-white-border, 0.0625rem solid #000);
}
dialog::backdrop {
background-color: rgba(0, 0, 0, 0.5);
}
dialog.ul-modal {
align-items: center;
border: none;
border-radius: 0.1875rem;
box-shadow: 0rem 0rem 0.5rem 0rem rgba(0, 0, 0, 0.1450980392);
flex-direction: column;
font-family:
Poppins,
"Open Sans",
Arial,
sans-serif;
font-size: 0.875rem;
font-style: normal;
max-height: 95%;
max-width: 95%;
padding: 0;
z-index: 1;
}
div.ul-modal {
display: none;
max-height: 100%;
max-width: 100%;
}
div.ul-modal.ul-modal--open {
display: flex;
height: 100%;
width: 100%;
}
.ul-modal {
align-items: center;
bottom: 0;
box-sizing: border-box;
justify-content: center;
left: 0;
padding-left: 1rem;
padding-right: 1rem;
position: fixed;
top: 0;
width: fit-content;
z-index: 100;
}
.ul-modal--open {
display: flex;
}
.ul-modal__body {
align-items: center;
border-radius: 0.1875rem;
box-shadow: 0rem 0rem 0.5rem 0rem rgba(0, 0, 0, 0.1450980392);
display: flex;
flex-direction: column;
font-family:
Poppins,
"Open Sans",
Arial,
sans-serif;
font-size: 0.875rem;
font-style: normal;
z-index: 1;
}
.ul-modal__backdrop {
background: grey;
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.ul-modal__header {
align-items: center;
background-color: #fff;
border-bottom: 0.0625rem solid #ccc;
box-sizing: border-box;
display: flex;
font-size: 1.25rem;
height: 3.625rem;
justify-content: space-between;
padding: 0 1rem;
width: 100%;
}
.ul-modal__title {
font-size: 1.25rem;
font-weight: 600;
margin: 0;
}
.ul-modal__close-icon {
cursor: pointer;
}
.ul-modal__content {
background-color: #fff;
border: 0.0625rem solid #ccc;
box-sizing: border-box;
min-height: 2.9375rem;
padding: 1rem;
width: 100%;
}
.ul-modal__footer {
background-color: #f8f8f8;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: flex-end;
min-height: 4rem;
padding: 1rem;
width: 100%;
}
.ul-modal__button-group {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.ul-modal__tertiary-button {
margin-right: auto;
}
.ul-nav {
font-family: var(--app-font-family, "Open Sans", sans-serif);
font-size: 1rem;
}
.ul-nav__item {
align-items: center;
border-bottom: 0.1875rem solid #ebebeb;
box-sizing: border-box;
cursor: pointer;
display: flex;
height: 2.5rem;
line-height: 1;
}
.ul-nav__item.-active {
border-bottom: 0.1875rem solid var(--apphead-tab-nav-active-border, #ca0123);
}
.ul-nav__item:focus {
border: 0.0625rem solid #0a99ff;
}
.ul-nav__group {
align-items: center;
background: #ebebeb;
column-gap: 1rem;
display: flex;
padding: 0 1.5rem;
}
.ul-nav__content {
padding: 1rem;
}
.ul-progress {
font-family: var(--app-font-family, "Open Sans", sans-serif);
font-size: 0.875rem;
font-weight: 400;
line-height: 1.36;
}
.ul-progress__text {
display: flex;
justify-content: space-between;
margin: -0.625rem 0;
}
.ul-progress label {
color: #3e3e3e;
}
.ul-progress progress,
.ul-progress progress[value] {
appearance: none;
background: none;
background: #e6e6e6;
border: none;
border-radius: 6.25rem;
height: 0.25rem;
margin: 0;
width: 100%;
}
.ul-progress progress::-moz-progress-bar,
.ul-progress progress[value]::-moz-progress-bar {
background: var(--progress-bar-background-colour, #0a99ff);
border-radius: 6.25rem;
}
.ul-progress progress::-webkit-progress-bar,
.ul-progress progress[value]::-webkit-progress-bar {
background: #e6e6e6;
border-radius: 6.25rem;
}
.ul-progress progress::-webkit-progress-value,
.ul-progress progress[value]::-webkit-progress-value {
background: var(--progress-bar-background-colour, #0a99ff);
border-radius: 6.25rem;
}
.ul-progress progress:indeterminate {
background-color: #e6e6e6;
border-radius: 6.25rem;
clip-path: inset(0);
height: 0.25rem;
overflow: hidden;
}
.ul-progress progress:indeterminate::before {
animation: indeterminate 1s ease-out infinite;
background-color: var(--progress-bar-background-colour, #0a99ff);
border-radius: 6.25rem;
content: "";
height: 0.25rem;
position: absolute;
width: 20%;
will-change: left, right;
}
@keyframes indeterminate {
0% {
left: -30%;
right: 0%;
}
25% {
left: 0%;
right: 30%;
}
50% {
left: 30%;
right: 60%;
}
75% {
left: 60%;
right: 90%;
}
100% {
left: 90%;
right: 120%;
}
}
fieldset.ul-radio-btn-group,
.ul-radio-btn-group {
border: none;
display: flex;
flex-direction: column;
font-family: "Open Sans", sans-serif;
font-weight: 400;
gap: 0.5rem;
margin: 0;
padding: 0;
}
fieldset.ul-radio-btn-group .ul-radio-btn-group__title,
fieldset.ul-radio-btn-group legend,
.ul-radio-btn-group .ul-radio-btn-group__title,
.ul-radio-btn-group legend {
color: #000;
font-size: 1.25rem;
line-height: 1.4;
margin: 0 0 0.5rem;
padding: 0;
vertical-align: middle;
}
fieldset.ul-radio-btn-group .ul-helper-field,
.ul-radio-btn-group .ul-helper-field {
margin: 0;
}
fieldset.ul-radio-btn-group,
.ul-radio-btn-group {
}
fieldset.ul-radio-btn-group:is(fieldset.ul-radio-btn-group:disabled, .-disabled, .ul-radio-btn-group:disabled) .ul-helper-field,
.ul-radio-btn-group:is(fieldset.ul-radio-btn-group:disabled, .-disabled, .ul-radio-btn-group:disabled) .ul-helper-field {
margin-top: 0;
opacity: 0.5;
}
fieldset.ul-radio-btn-group,
.ul-radio-btn-group {
}
fieldset.ul-radio-btn-group:disabled .ul-radio-btn,
.ul-radio-btn-group:disabled .ul-radio-btn {
cursor: not-allowed;
opacity: 0.5;
}
fieldset.ul-radio-btn-group:disabled .ul-radio-btn label,
.ul-radio-btn-group:disabled .ul-radio-btn label {
cursor: not-allowed;
}
:host(:disabled) ::slotted(legend),
:host(:disabled) ::slotted(ul-helper-text),
.ul-radio-btn-group:disabled :is(.ul-radio-btn-group__title, legend) {
opacity: 0.5;
}
.ul-radio-btn {
align-items: center;
display: flex;
font-family: var(--app-font-family, "Open Sans", sans-serif);
font-size: 1rem;
font-weight: 400;
gap: 0.5rem;
}
.ul-radio-btn:has(:disabled) {
cursor: not-allowed;
opacity: 0.5;
}
.ul-radio-btn input[type=radio] {
appearance: none;
background-color: #fff;
border: 0.125rem solid #3e3e3e;
border-radius: 50%;
display: grid;
height: 1.25rem;
margin: 0;
place-content: center;
width: 1.25rem;
}
.ul-radio-btn input[type=radio]:checked {
background-color: #005999;
border: var(--radio-btn-border-checked, 0.125rem solid #005999);
box-shadow: inset 0 0 0 0.1875em #fff;
transition: background-color 0.15s, box-shadow 0.1s;
}
.ul-radio-btn input[type=radio]:focus:not(:disabled) {
outline: var(--radio-btn-outline-focus, 0.125rem solid #0a99ff);
outline-offset: 0.125rem;
}
.ul-radio-btn input[type=radio]:hover:not(:disabled) {
outline: 0.1875rem solid #d3d3d3;
outline-offset: 0;
}
.ul-radio-btn input[type=radio]:disabled,
.ul-radio-btn input[type=radio]:disabled + label {
cursor: not-allowed;
}
nav.ul-sidebar-nav,
ul-sidebar-nav {
background-color: #fff;
border-right: 1px solid #d3d3d3;
display: flex;
flex-direction: column;
gap: 1rem;
justify-content: space-between;
overflow-y: auto;
padding: 1rem 0;
--list-item-border-width: 0 5px 0 0;
--list-item-border-color-selected: #0a99ff;
}
nav.ul-sidebar-nav li.ul-list-item > a,
nav.ul-sidebar-nav ul-list-item > a,
nav.ul-sidebar-nav summary > a,
nav.ul-sidebar-nav ul-list-item > ul-list-header > a,
ul-sidebar-nav li.ul-list-item > a,
ul-sidebar-nav ul-list-item > a,
ul-sidebar-nav summary > a,
ul-sidebar-nav ul-list-item > ul-list-header > a {
color: var(--body-color);
cursor: pointer;
text-decoration: none;
}
.ul-spinner,
progress.ul-spinner {
animation: spin 1s linear(0 0%, 0.38 25%, 1 100%) infinite;
appearance: none;
background: none;
border: 0.25rem solid #ebebeb;
border-radius: 50%;
border-top: 0.25rem solid var(--spinner-color, #0a99ff);
box-sizing: content-box;
height: 2.5rem;
position: relative;
width: 2.5rem;
}
.ul-spinner::before,
.ul-spinner::after,
progress.ul-spinner::before,
progress.ul-spinner::after {
background: var(--spinner-color, #0a99ff);
border-radius: 50%;
content: "";
display: block;
height: 0.25rem;
position: absolute;
width: 0.25rem;
}
.ul-spinner::before,
progress.ul-spinner::before {
right: 0.1875rem;
top: 0.125rem;
}
.ul-spinner::after,
progress.ul-spinner::after {
left: 0.1875rem;
top: 0.125rem;
}
.ul-spinner.-small,
progress.ul-spinner.-small {
border: 0.125rem solid #ebebeb;
border-top: 0.125rem solid var(--spinner-color, #0a99ff);
height: 1rem;
width: 1rem;
}
.ul-spinner.-small::before,
.ul-spinner.-small::after,
progress.ul-spinner.-small::before,
progress.ul-spinner.-small::after {
height: 0.125rem;
width: 0.125rem;
}
.ul-spinner.-small::before,
progress.ul-spinner.-small::before {
right: 0rem;
top: 0.0625rem;
}
.ul-spinner.-small::after,
progress.ul-spinner.-small::after {
left: 0rem;
top: 0.0625rem;
}
.ul-spinner.-medium,
progress.ul-spinner.-medium {
border: 0.125rem solid #ebebeb;
border-top: 0.125rem solid var(--spinner-color, #0a99ff);
height: 1.5rem;
width: 1.5rem;
}
.ul-spinner.-medium::before,
.ul-spinner.-medium::after,
progress.ul-spinner.-medium::before,
progress.ul-spinner.-medium::after {
height: 0.125rem;
width: 0.125rem;
}
.ul-spinner.-medium::before,
progress.ul-spinner.-medium::before {
right: 0.125rem;
top: 0.125rem;
}
.ul-spinner.-medium::after,
progress.ul-spinner.-medium::after {
left: 0.125rem;
top: 0.125rem;
}
.ul-spinner.-large,
progress.ul-spinner.-large {
border: 0.1875rem solid #ebebeb;
border-top: 0.1875rem solid var(--spinner-color, #0a99ff);
height: 2rem;
width: 2rem;
}
.ul-spinner.-large::before,
.ul-spinner.-large::after,
progress.ul-spinner.-large::before,
progress.ul-spinner.-large::after {
height: 0.1875rem;
width: 0.1875rem;
}
.ul-spinner.-large::before,
progress.ul-spinner.-large::before {
right: 0.125rem;
top: 0.125rem;
}
.ul-spinner.-large::after,
progress.ul-spinner.-large::after {
left: 0.125rem;
top: 0.125rem;
}
.ul-spinner.-xtra-large,
progress.ul-spinner.-xtra-large {
border: 0.25rem solid #ebebeb;
border-top: 0.25rem solid var(--spinner-color, #0a99ff);
height: 2.5rem;
width: 2.5rem;
}
.ul-spinner.-xtra-large::before,
.ul-spinner.-xtra-large::after,
progress.ul-spinner.-xtra-large::before,
progress.ul-spinner.-xtra-large::after {
height: 0.25rem;
width: 0.25rem;
}
.ul-spinner.-xtra-large::before,
progress.ul-spinner.-xtra-large::before {
right: 0.1875rem;
top: 0.125rem;
}
.ul-spinner.-xtra-large::after,
progress.ul-spinner.-xtra-large::after {
left: 0.1875rem;
top: 0.125rem;
}
.ul-spinner::-moz-progress-bar,
progress.ul-spinner::-moz-progress-bar {
background: none;
}
.ul-spinner::-webkit-progress-bar,
progress.ul-spinner::-webkit-progress-bar {
display: none;
}
.ul-spinner::-ms-fill,
progress.ul-spinner::-ms-fill {
animation-name: none;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.ul-switch {
display: flex;
flex-direction: column;
font-family: "Open Sans", sans-serif;
}
.ul-switch.-small label {
font-size: 0.875rem;
}
.ul-switch.-small input[type=checkbox] {
height: 1.25rem;
width: 3.25rem;
}
.ul-switch.-small input[type=checkbox]::before {
padding: 0.25rem 0.3125rem;
}
.ul-switch.-small input[type=checkbox]::after {
height: 1rem;
left: 0.125rem;
top: 0.125rem;
width: 1rem;
}
.ul-switch.-large label {
font-size: 1rem;
}
.ul-switch.-large input[type=checkbox] {
height: 1.75rem;
width: 3.75rem;
}
.ul-switch.-large input[type=checkbox]::before {
padding: 0.4375rem 0.3125rem;
}
.ul-switch.-large input[type=checkbox]::after {
height: 1.375rem;
left: 0.1875rem;
top: 0.1875rem;
width: 1.375rem;
}
.ul-switch label {
color: #000;
line-height: 1.36;
margin-bottom: 0.375rem;
}
.ul-switch label:has(+ input:disabled) {
opacity: 0.5;
}
.ul-switch input[type=checkbox] {
appearance: none;
background: #59595a;
border-radius: 6.25rem;
cursor: pointer;
display: inline-block;
height: 1.75rem;
outline: none;
position: relative;
width: 3.75rem;
}
.ul-switch input[type=checkbox]:checked {
background: var(--switch-active-color, #238424);
}
.ul-switch input[type=checkbox]:hover:not(:focus) {
background: var(--switch-active-hover-color, #0d470e);
}
.ul-switch input[type=checkbox]:hover:not(:focus):not(:checked) {
background: #000;
}
.ul-switch input[type=checkbox]:focus {
outline: 0.125rem solid var(--switch-focus-outline-color, #0a99ff);
outline-offset: 0.125rem;
}
.ul-switch input[type=checkbox]::before {
color: #fff;
content: "OFF";
float: right;
font-size: 0.75rem;
font-weight: 700;
padding: 0.4375rem 0.3125rem;
}
.ul-switch input[type=checkbox]::after {
background: #fff;
border-radius: 50%;
content: "";
display: block;
height: 1.375rem;
left: 0.1875rem;
position: absolute;
top: 0.1875rem;
transform: translateX(0);
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.32, 1.2), opacity 0.3s;
width: 1.375rem;
}
.ul-switch input[type=checkbox]:checked::before {
content: "ON";
float: left;
}
.ul-switch input[type=checkbox]:checked::after {
transform: translateX(32px);
}
.ul-switch input[type=checkbox]:disabled {
cursor: not-allowed;
opacity: 0.5;
}
.ul-tabs {
font-family: var(--app-font-family, "Open Sans", sans-serif);
font-weight: 400;
}
.ul-tabs__group {
background-color: #dfdfdf;
column-gap: 0.0625rem;
display: flex;
width: fit-content;
}
.ul-tabs__item {
align-items: center;
background: #ebebeb;
box-sizing: border-box;
color: #000;
cursor: pointer;
display: flex;
padding: 0.5rem 1rem;
}
.ul-tabs__item.-medium {
font-size: 0.875rem;
line-height: 1rem;
}
.ul-tabs__item.-active {
background: #fff;
border-top: 0.1875rem solid var(--apphead-tab-nav-active-border, #ca0123);
font-weight: 600;
margin-top: -0.25rem;
}
.ul-tabs__item.-large {
font-size: 1rem;
line-height: 1.5rem;
}
.ul-tabs__item.-active {
background: #fff;
border-top: 0.1875rem solid var(--apphead-tab-nav-active-border, #ca0123);
font-weight: 600;
margin-top: -0.25rem;
}
.ul-tabs__item:focus {
border: 0.0625rem solid #0a99ff;
}
.ul-tabs__content {
padding: 1rem;
}
.ul-textarea {
display: flex;
flex-direction: column;
font-family: "Open Sans", sans-serif;
font-size: 1rem;
font-weight: 400;
width: 100%;
}
.ul-textarea label,
.ul-textarea__label {
color: #000;
line-height: 1.375;
margin-bottom: 0.5rem;
}
.ul-textarea__input,
.ul-textarea textarea {
border-radius: 0.1875rem;
box-sizing: border-box;
font-size: 0.875rem;
max-height: 25rem;
min-height: 6.6875rem;
padding: 0.625rem 1rem;
resize: vertical;
}
.ul-textarea__input.-helper-text,
.ul-textarea textarea.-helper-text {
min-height: 5.0625rem;
}
.ul-textarea__input::placeholder,
.ul-textarea textarea::placeholder {
color: #59595a;
font-family: "Open Sans", sans-serif;
}
.ul-textarea__input:focus-visible,
.ul-textarea textarea:focus-visible {
outline: none;
}
.ul-textarea__input:focus,
.ul-textarea textarea:focus {
border: 0.0625rem solid var(--input-focus-color, #0a99ff);
}
.ul-textarea__input--pristine,
.ul-textarea textarea--pristine {
border: 0.0625rem solid #59595a;
}
.ul-textarea__input--success,
.ul-textarea textarea--success {
border: 0.0625rem solid var(--input-success-color, #238424);
}
.ul-textarea__input--error,
.ul-textarea textarea--error {
border: 0.0625rem solid var(--input-error-color, #e12d33);
}
.ul-textarea:disabled .ul-textarea__input,
.ul-textarea__input:disabled {
background-color: inherit;
border: 0.0625rem solid rgba(0, 0, 0, 0.5019607843) !important;
color: rgba(0, 0, 0, 0.5019607843) !important;
}
.ul-textarea:disabled .ul-textarea__input::placeholder,
.ul-textarea__input:disabled::placeholder {
color: rgba(0, 0, 0, 0.5019607843) !important;
}
.-disabled > .ul-textarea__label,
.ul-textarea:disabled > .ul-textarea__label,
.-disabled > .ul-textarea__helper-text-wrapper,
.ul-textarea:disabled > .ul-textarea__helper-text-wrapper {
color: rgba(0, 0, 0, 0.5019607843) !important;
}
.ul-textarea__helper-text {
align-items: center;
display: flex;
}
.ul-textarea__helper-text--error {
color: var(--input-error-color, #e12d33);
}
.ul-textarea__helper-text--success {
color: var(--input-success-color, #238424);
}
.ul-textarea__state-icon {
margin-right: 0.25rem;
}
.ul-textarea__helper-text-wrapper {
align-items: flex-end;
color: #000;
display: flex;
font-size: 0.75rem;
justify-content: space-between;
line-height: 1.42;
}
.ul-textarea__character-counter {
margin-top: 0.5rem;
}
.ul-textarea textarea::-webkit-resizer {
background: url("./media/resize-bottom-right.svg") no-repeat #fff 99.9% 100%;
background-size: 1.25rem;
height: 1.25rem;
width: 1.25rem;
}
.ul-toast {
align-items: center;
box-shadow: 0rem 0rem 0.5rem 0rem rgba(0, 0, 0, 0.2509803922);
color: #000;
display: flex;
font-family: var(--app-font-family, "Open Sans", sans-serif);
font-size: 0.875rem;
font-weight: 400;
justify-content: space-between;
line-height: 1.3;
margin-bottom: 0.5rem;
padding: 0.5rem 0.5rem 0.5rem 1rem;
text-align: left;
}
.ul-toast.-info {
background-color: var(--alerts-info-background-color, #e2f3f7);
border: 0.0625rem solid var(--alerts-info-highlight-color, #0c7489);
border-radius: 0.5rem;
}
.ul-toast.-info svg:first-child,
.ul-toast.-info i:first-child {
color: var(--alerts-info-highlight-color, #0c7489);
fill: var(--alerts-info-highlight-color, #0c7489);
}
.ul-toast.-warning {
background-color: var(--alerts-warning-background-color, #f8f1e0);
border: 0.0625rem solid var(--alerts-warning-highlight-color, #ffa700);
border-radius: 0.5rem;
}
.ul-toast.-warning svg:first-child,
.ul-toast.-warning i:first-child {
color: var(--alerts-warning-highlight-color, #ffa700);
fill: var(--alerts-warning-highlight-color, #ffa700);
}
.ul-toast.-critical {
background-color: var(--alerts-critical-background-color, #fdf0f2);
border: 0.0625rem solid var(--alerts-critical-highlight-color, #e12d33);
border-radius: 0.5rem;
}
.ul-toast.-critical svg:first-child,
.ul-toast.-critical i:first-child {
color: var(--alerts-critical-highlight-color, #e12d33);
fill: var(--alerts-critical-highlight-color, #e12d33);
}
.ul-toast.-success {
background-color: var(--alerts-success-background-color, #e9f6e7);
border: 0.0625rem solid var(--alerts-success-highlight-color, #238424);
border-radius: 0.5rem;
}
.ul-toast.-success svg:first-child,
.ul-toast.-success i:first-child {
color: var(--alerts-success-highlight-color, #238424);
fill: var(--alerts-success-highlight-color, #238424);
}
.ul-toast.-default {
background-color: var(--alerts-default-background-color, #fff);
border: 0.0625rem solid var(--alerts-default-highlight-color, #000);
border-radius: 0.5rem;
}
.ul-toast.-default svg:first-child,
.ul-toast.-default i:first-child {
color: var(--alerts-default-highlight-color, #000);
fill: var(--alerts-default-highlight-color, #000);
}
.ul-toast svg:first-child,
.ul-toast i:first-child {
flex-grow: 1;
}
.ul-toast__text {
flex-grow: 1;
padding-left: 1rem;
}
.ul-toast__action {
color: #005999;
cursor: pointer;
padding: 0 1rem;
text-decoration: underline;
}
.ul-toast__action-group {
align-items: center;
display: flex;
}
.ul-toast__close {
color: #000;
cursor: pointer;
}
.ul-toast-container {
box-sizing: border-box;
margin: 0 auto;
position: fixed;
width: fit-content;
}
[ul-tooltip] {
cursor: pointer;
position: relative;
}
[ul-tooltip]::before,
[ul-tooltip]::after {
display: none;
filter: opacity(0);
opacity: 0;
pointer-events: none;
position: absolute;
}
[ul-tooltip]::before {
background-color: #000;
border-radius: 0.1875rem;
color: #fff;
content: attr(ul-tooltip);
font-family: "Open Sans", sans-serif;
font-size: 0.875rem;
height: 1.8125rem;
min-width: 3rem;
overflow: hidden;
padding: 0.25rem 0.5rem 0.375rem;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
z-index: 1000;
}
[ul-tooltip]::after {
border-left: 0.375rem solid transparent;
border-right: 0.375rem solid transparent;
border-top: 0.375rem solid #000;
content: " ";
font-size: 0;
line-height: 0;
width: 0;
}
[ul-tooltip]:hover::before,
[ul-tooltip]:hover::after {
align-items: center;
display: flex;
filter: opacity(100);
justify-content: center;
opacity: 1;
}
[ul-tooltip=""]::before,
[ul-tooltip=""]::after {
display: none !important;
}
[ul-tooltip]:not([flow])::before,
[ul-tooltip][flow^=top]::before {
bottom: calc(100% - 0.125rem);
}
[ul-tooltip]:not([flow])::after,
[ul-tooltip][flow^=top]::after,
[ul-tooltip][flow^=top-left]::after,
[ul-tooltip][flow^=top-right]::after {
top: 0.125rem;
}
[ul-tooltip]:not([flow])::before,
[ul-tooltip][flow^=top]::before,
[ul-tooltip]:not([flow])::after,
[ul-tooltip][flow^=top]::after {
left: 50%;
transform: translate(-50%, -0.625rem);
}
[ul-tooltip][flow^=top-left]::before,
[ul-tooltip][flow^=top-left]::after {
left: 50%;
transform: translate(-90%, -0.625rem);
}
[ul-tooltip][flow^=top-right]::before,
[ul-tooltip][flow^=top-right]::after {
left: 50%;
transform: translate(-10%, -0.625rem);
}
[ul-tooltip][flow^=bottom]::before,
[ul-tooltip][flow^=bottom-left]::before,
[ul-tooltip][flow^=bottom-right]::before {
top: calc(100% - 0.125rem);
}
[ul-tooltip][flow^=bottom]::after,
[ul-tooltip][flow^=bottom-left]::after,
[ul-tooltip][flow^=bottom-right]::after {
border-bottom: 0.375rem solid #000;
border-top: 0;
bottom: 0.125rem;
}
[ul-tooltip][flow^=bottom]::before,
[ul-tooltip][flow^=bottom]::after {
left: 50%;
transform: translate(-50%, 0.625rem);
}
[ul-tooltip][flow^=bottom-left]::before,
[ul-tooltip][flow^=bottom-left]::after {
left: 50%;
transform: translate(-90%, 0.625rem);
}
[ul-tooltip][flow^=bottom-right]::before,
[ul-tooltip][flow^=bottom-right]::after {
left: 50%;
transform: translate(-10%, 0.625rem);
}
[ul-tooltip][flow^=left]::before {
right: calc(100% - 0.125rem);
top: 50%;
transform: translate(-0.625rem, -50%);
}
[ul-tooltip][flow^=left]::after {
border-bottom: 0.375rem solid transparent;
border-left: 0.375rem solid #000;
border-right: 0;
border-top: 0.375rem solid transparent;
left: 0.125rem;
top: 50%;
transform: translate(-0.625rem, -50%);
}
[ul-tooltip][flow^=right]::before {
left: calc(100% - 0.125rem);
top: 50%;
transform: translate(0.625rem, -50%);
}
[ul-tooltip][flow^=right]::after {
border-bottom: 0.375rem solid transparent;
border-left: 0;
border-right: 0.375rem solid #000;
border-top: 0.375rem solid transparent;
right: 0.125rem;
top: 50%;
transform: translate(0.625rem, -50%);
}
.ul-tooltip {
font-family: "Open Sans", sans-serif;
position: relative;
}
.ul-tooltip::before {
background-color: #000;
border-radius: 0.1875rem;
bottom: calc(100% + 0.375rem);
color: #fff;
content: attr(tooltip-text);
font-size: 0.875rem;
font-weight: 600;
height: 1.8125rem;
max-width: 20rem;
min-width: 3rem;
overflow: hidden;
padding: 0.25rem 0.5rem 0.375rem;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
.ul-tooltip::after {
border-left: 0.375rem solid transparent;
border-right: 0.375rem solid transparent;
border-top: 0.375rem solid #000;
content: " ";
font-size: 0;
line-height: 0;
width: 0;
}
.ul-tooltip::before,
.ul-tooltip::after {
left: 50%;
position: absolute;
transform: translate(-50%, 0.25rem);
}
.ul-tooltip.-bottom::before {
bottom: calc(100% + 0.5rem);
}
.ul-tooltip.-bottom::after {
border-bottom: 0.375rem solid #000;
border-top: 0;
top: -2.6875rem;
}
.ul-tooltip.-bottom::before,
.ul-tooltip.-bottom::after {
left: 50%;
position: absolute;
transform: translateX(-50%);
}
.ul-tooltip.-left::after {
border-bottom: 0.375rem solid transparent;
border-left: 0.375rem solid #000;
border-right: 0;
border-top: 0.375rem solid transparent;
bottom: 0.625rem;
left: 2.875rem;
}
.ul-tooltip.-right::after {
border-bottom: 0.375rem solid transparent;
border-right: 0.375rem solid #000;
border-top: 0.375rem solid transparent;
bottom: 0.625rem;
left: -3.3125rem;
}
:host(ul-page-title) {
display: block;
margin: var(--page-title-margin, 0 0 1rem);
}
:host(ul-section-title) {
display: block;
margin: var(--section-title-margin, 0 0 1rem);
}
:host(ul-paragraph-title) {
display: block;
margin: var(--paragraph-title-margin, 0 0 1rem);
}
:host(ul-page-title:first-child),
:host(ul-section-title:first-child),
:host(ul-paragraph-title:first-child) {
margin-top: 0;
}
@layer design-system {
h1,
h1.ul-page-title {
color: var(--page-title-color, #000);
font: var(--page-title-font, 600 2rem/1.2 "Open Sans", sans-serif);
line-height: var(--page-title-line-height, 1.2);
margin: var(--page-title-margin, 0 0 1rem);
text-wrap: balance;
}
h1:first-child,
h1.ul-page-title:first-child {
margin-top: var(--page-title-first-top-margin, 0);
}
h1:has(+ div[role=doc-subtitle]),
h1.ul-page-title:has(+ div[role=doc-subtitle]) {
margin-bottom: 0;
}
h1 + div[role=doc-subtitle] {
color: var(--page-subtitle-color, #3e3e3e);
font: var(--page-subtitle-font, 400 1.25rem/1.4 "Open Sans", sans-serif);
line-height: var(--page-subtitle-line-height, 1.4);
margin-bottom: var(--page-subtitle-bottom-margin, 1rem);
margin-top: var(--page-subtitle-top-margin, 0);
text-wrap: balance;
}
h2,
h2.ul-section-title {
color: var(--section-title-color, #000);
font: var(--section-title-font, 600 1.5rem/1.3 "Open Sans", sans-serif);
line-height: var(--section-title-line-height, 1.3);
margin: var(--section-title-margin, 0 0 1rem);
text-wrap: balance;
}
h2:first-child,
h2.ul-section-title:first-child {
margin-top: var(--section-title-first-top-margin, 0);
}
h2:has(+ div[role=doc-subtitle]),
h2.ul-section-title:has(+ div[role=doc-subtitle]) {
margin-bottom: 0;
}
h2 + div[role=doc-subtitle] {
color: var(--section-subtitle-color, #3e3e3e);
font: var(--section-subtitle-font, 400 1rem/1.4 "Open Sans", sans-serif);
line-height: var(--section-subtitle-line-height, 1.4);
margin-bottom: var(--section-subtitle-bottom-margin, 1rem);
margin-top: var(--section-subtitle-top-margin, 0);
text-wrap: balance;
}
h3,
h3.ul-paragraph-title {
color: var(--paragraph-title-color, #000);
font: var(--paragraph-title-font, 600 1.25rem/1.3 "Open Sans", sans-serif);
line-height: var(--paragraph-title-line-height, 1.3);
margin: var(--paragraph-title-margin, 0 0 0.75rem);
text-wrap: balance;
}
h3:first-child,
h3.ul-paragraph-title:first-child {
margin-top: var(--paragraph-title-first-top-margin, 0);
}
.overline {
color: var(--overline-color, #ca0123);
font: var(--overline-font, 600 0.75rem/1.2 "Open Sans", sans-serif);
margin: var(--overline-margin, 0 0 0.5rem);
text-transform: var(--overline-text-transform, uppercase);
text-wrap: balance;
}
.overline + h3,
.overline + h3.ul-paragraph-title {
margin-top: 0;
}
h3:has(+ div[role=doc-subtitle]),
h3.ul-paragraph-title:has(+ div[role=doc-subtitle]) {
margin-bottom: 0;
}
h3 + div[role=doc-subtitle] {
color: var(--paragraph-subtitle-color, #3e3e3e);
font: var(--paragraph-subtitle-font, 400 0.875rem/1.4 "Open Sans", sans-serif);
line-height: var(--paragraph-subtitle-line-height, 1.4);
margin-bottom: var(--paragraph-subtitle-bottom-margin, 0.75rem);
margin-top: var(--paragraph-subtitle-top-margin, 0);
text-wrap: balance;
}
body {
color: var(--body-color, #3e3e3e);
font: var(--body-font, 400 0.875rem/1.66 "Open Sans", sans-serif);
line-height: 1.66;
}
a {
color: var(--link-color, #005999);
}
.small {
font-size: var(--body-small, 0.75rem);
}
}
.ul-helper-field {
align-items: center;
display: flex;
font-family: "Open Sans", sans-serif;
font-size: 0.75rem;
gap: 0.25rem;
margin-top: 0.5rem;
}
.ul-helper-field--radio {
margin-top: 0;
}
.ul-helper-field--error {
color: var(--input-error-color);
}
.ul-helper-field--success {
color: var(--input-success-color);
}
.ul-helper-field--disabled {
color: rgba(0, 0, 0, 0.5019607843) !important;
}
.ul-label {
display: flex;
font-family: "Open Sans", sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.38;
margin-bottom: 0.5rem;
}
.ul-label--disabled {
color: rgba(0, 0, 0, 0.5019607843) !important;
}
.ul-reset-button {
align-items: center;
background: none;
border: none;
border-radius: 50%;
cursor: pointer;
display: flex;
justify-content: center;
}
.ul-reset-button.-input {
background: #dfdfdf;
}
.ul-reset-button:hover {
background: #dfdfdf;
}
.ul-reset-button:active {
background: #d3d3d3;
}
.ul-reset-button:focus {
background: #d3d3d3;
border: 0.0625rem solid #0a99ff;
}
.ul-reset-button.-small {
height: 0.5rem;
width: 0.5rem;
}
.ul-reset-button.-medium {
height: 1rem;
width: 1rem;
}
.ul-reset-button.-large {
height: 1.5rem;
width: 1.5rem;
}
/* src/style/button.css */
.mat-tonal-button.ul-button {
border-radius: var(--btn-border-radius);
}
.mat-mdc-unelevated-button:not(:disabled).ul-button.-save {
background-color: var(--btn-save-background);
}
.prime-action-bar {
gap: 0.5rem;
display: inline-flex;
width: 100%;
}
.prime-action-bar a,
.prime-action-bar button {
display: inherit;
justify-content: center;
align-items: center;
min-height: 2.375rem;
min-width: 7.375rem;
font-size: 0.86rem;
}
@media (max-width: 768px) {
.prime-action-bar {
flex-direction: column;
}
.prime-action-bar a,
.prime-action-bar button {
width: 100%;
}
}
/* src/style/card.css */
.ul-card {
box-sizing: border-box;
width: auto;
padding: var(--ul-card-padding);
border-radius: 0.6rem;
overflow: hidden;
}
.ul-card:has(.prime-action-bar) {
position: relative;
}
.ul-card.narrow {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
/* src/style/form.css */
.uls .mat-mdc-form-field.ul-single-line-input {
--mdc-outlined-text-field-container-shape: 0;
--mdc-outlined-text-field-outline-color: var(--ul-app-border-primary);
--mdc-outlined-text-field-hover-outline-color: var(--ul-app-text-primary);
--mdc-outlined-text-field-focus-outline-color: var(--ul-app-primary);
--mdc-outlined-text-field-input-text-color: var(--ul-app-text-primary);
--mdc-outlined-text-field-label-text-color: var(--ul-app-text-primary);
--mdc-outlined-text-field-focus-label-text-color: var(--ul-app-primary);
--mdc-outlined-text-field-caret-color: var(--ul-app-primary);
--mdc-outlined-text-field-error-outline-color: var(--ul-app-danger);
--mdc-outlined-text-field-error-label-text-color: var(--ul-app-danger);
--mdc-outlined-text-field-error-caret-color: var(--ul-app-danger);
}
.uls .mat-mdc-form-field.ul-single-line-input .mat-mdc-text-field-wrapper {
background-color: var(--brand-ul-white);
}
.uls .mat-mdc-form-field.ul-single-line-input .mdc-text-field--outlined {
min-height: 2.5rem;
}
.uls .mat-mdc-form-field.ul-single-line-input .mat-mdc-form-field-infix {
min-height: 2.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.uls .mat-mdc-form-field.ul-textarea-field .mat-mdc-text-field-wrapper {
background-color: var(--brand-ul-white);
}
.uls .mat-mdc-form-field.ul-textarea-field .mdc-notched-outline__leading,
.uls .mat-mdc-form-field.ul-textarea-field .mdc-notched-outline__notch,
.uls .mat-mdc-form-field.ul-textarea-field .mdc-notched-outline__trailing {
border-color: var(--ul-app-border-primary);
}
.uls .mat-mdc-form-field.ul-textarea-field:hover .mdc-notched-outline__leading,
.uls .mat-mdc-form-field.ul-textarea-field:hover .mdc-notched-outline__notch,
.uls .mat-mdc-form-field.ul-textarea-field:hover .mdc-notched-outline__trailing,
.uls .mat-mdc-form-field.ul-textarea-field.mat-focused .mdc-notched-outline__leading,
.uls .mat-mdc-form-field.ul-textarea-field.mat-focused .mdc-notched-outline__notch,
.uls .mat-mdc-form-field.ul-textarea-field.mat-focused .mdc-notched-outline__trailing {
border-color: var(--ul-app-primary);
}
.uls .mat-mdc-form-field.ul-textarea-field.ng-invalid.ng-touched .mdc-notched-outline__leading,
.uls .mat-mdc-form-field.ul-textarea-field.ng-invalid.ng-touched .mdc-notched-outline__notch,
.uls .mat-mdc-form-field.ul-textarea-field.ng-invalid.ng-touched .mdc-notched-outline__trailing {
border-color: var(--ul-app-danger);
}
.uls .mat-mdc-form-field.ul-textarea-field textarea.mat-mdc-input-element {
min-height: 8rem;
color: var(--ul-app-text-primary);
font: var(--body-font);
line-height: var(--body-line-height);
resize: vertical;
}
.uls .mat-mdc-form-field.ul-textarea-field textarea.mat-mdc-input-element::placeholder {
color: var(--neutral-gray-30);
}
.uls .mat-mdc-checkbox,
.uls .mat-mdc-checkbox.ul-checkbox {
--mdc-checkbox-selected-icon-color: var(--ul-app-primary);
--mdc-checkbox-selected-hover-icon-color: var(--ul-app-primary-hover);
--mdc-checkbox-selected-focus-icon-color: var(--ul-app-primary);
--mdc-checkbox-selected-pressed-icon-color: var(--ul-app-primary-pressed);
--mdc-checkbox-unselected-icon-color: var(--ul-app-text-primary);
--mdc-checkbox-unselected-hover-icon-color: var(--ul-app-text-primary);
--mdc-checkbox-unselected-focus-icon-color: var(--ul-app-text-primary);
--mdc-checkbox-unselected-pressed-icon-color: var(--ul-app-text-primary);
--mdc-checkbox-selected-checkmark-color: var(--brand-ul-white);
--mat-checkbox-label-text-color: var(--ul-app-text-primary);
--mat-checkbox-label-text-font: var(--body-font);
}
.uls .mat-mdc-radio-button,
.uls .mat-mdc-radio-button.ul-radio {
--mdc-radio-selected-icon-color: var(--ul-app-primary);
--mdc-radio-selected-hover-icon-color: var(--ul-app-primary-hover);
--mdc-radio-selected-focus-icon-color: var(--ul-app-primary);
--mdc-radio-selected-pressed-icon-color: var(--ul-app-primary-pressed);
--mdc-radio-unselected-icon-color: var(--ul-app-text-primary);
--mdc-radio-unselected-hover-icon-color: var(--ul-app-text-primary);
--mdc-radio-unselected-focus-icon-color: var(--ul-app-text-primary);
--mdc-radio-unselected-pressed-icon-color: var(--ul-app-text-primary);
--mat-radio-label-text-color: var(--ul-app-text-primary);
--mat-radio-label-text-font: var(--body-font);
}
.uls .mat-mdc-slide-toggle,
.uls .mat-mdc-slide-toggle.ul-switch {
--mdc-switch-selected-focus-track-color: var(--ul-app-primary);
--mdc-switch-selected-hover-track-color: var(--ul-app-primary-hover);
--mdc-switch-selected-pressed-track-color: var(--ul-app-primary-pressed);
--mdc-switch-selected-track-color: var(--ul-app-primary);
--mdc-switch-selected-focus-state-layer-color: var(--ul-app-primary);
--mdc-switch-selected-hover-state-layer-color: var(--ul-app-primary-hover);
--mdc-switch-selected-pressed-state-layer-color: var(--ul-app-primary-pressed);
--mdc-switch-selected-handle-color: var(--brand-ul-white);
--mdc-switch-selected-focus-handle-color: var(--brand-ul-white);
--mdc-switch-selected-hover-handle-color: var(--brand-ul-white);
--mdc-switch-selected-pressed-handle-color: var(--brand-ul-white);
--mdc-switch-unselected-track-color: var(--ul-app-secondary);
--mdc-switch-unselected-hover-track-color: var(--neutral-gray-40);
--mdc-switch-unselected-focus-track-color: var(--neutral-gray-40);
--mdc-switch-unselected-pressed-track-color: var(--neutral-gray-40);
--mdc-switch-unselected-handle-color: var(--brand-ul-white);
--mdc-switch-unselected-hover-handle-color: var(--brand-ul-white);
--mdc-switch-unselected-focus-handle-color: var(--brand-ul-white);
--mdc-switch-unselected-pressed-handle-color: var(--brand-ul-white);
--mat-switch-label-text-color: var(--ul-app-text-primary);
--mat-switch-label-text-font: var(--body-font);
}
/* src/style/menu.css */
.mat-mdc-menu-content {
background: white;
}
.top-level-nav-menu .mat-mdc-menu-content {
padding: 0.25rem 0;
background: white;
}
.top-level-nav-menu .menu-item {
color: var(--ul-app-text-primary);
font-size: 0.875rem;
}
.top-level-nav-menu .menu-item.active {
color: var(--brand-ul-red);
font-weight: 700;
}
.top-level-nav-menu .menu-item:hover {
background-color: var(--list-item-background-hover);
color: var(--brand-ul-red);
}
.mat-divider.menu-divider.mat-divider-horizontal {
border-top-color: var(--ul-app-border-primary);
}
/* src/style/table.css */
.mat-column-name {
min-width: clamp(8rem, 15.625rem, 50rem);
white-space: normal;
}
.mat-column-description {
min-width: clamp(15.625rem, 30vw, 64rem);
white-space: normal;
}
.mat-column-description comp-description {
display: block;
max-width: 100%;
}
.mat-mdc-cell,
.mat-mdc-header-cell {
padding: 1rem;
}
/* src/style/text.css */
.blink {
animation-name: animation_blink;
animation-timing-function: ease-in;
animation-duration: 2s;
animation-iteration-count: infinite;
}
@keyframes animation_blink {
0% {
opacity: 1;
}
50% {
opacity: 0.1;
}
100% {
opacity: 1;
}
}
/* src/styles.css */
:root,
.uls {
--ul-app-primary: #01518a;
--ul-app-primary-hover: #003357;
--ul-app-primary-pressed: #001524;
--ul-app-primary-light: #ecf5fc;
--ul-app-secondary: #e6e6e6;
--ul-app-tertiary: #fffffe;
--ul-app-text-primary: #3e3e3e;
--ul-app-text-link: #01518a;
--ul-app-text-hover-focus: #0a99ff;
--ul-app-text-emphasis: #000000;
--ul-app-background-body: #fafaf9;
--ul-app-background-surface: #ebebea;
--ul-app-border-primary: #d3d3d3;
--ul-app-success: #146615;
--ul-app-success-light: #eaf0e9;
--ul-app-warning: #ffa700;
--ul-app-danger: #e12d33;
--ul-app-danger-light: #fdf0f2;
--ul-app-info: #096072;
--ul-app-series-critical: #ec001b;
--ul-app-series-high: #fe7f21;
--master-primary-blue: var(--ul-app-primary);
--master-primary-blue-hover: var(--ul-app-primary-hover);
--master-primary-blue-pressed: var(--ul-app-primary-pressed);
--master-primary-blue-light: var(--ul-app-primary-light);
--master-danger-red: var(--ul-app-danger);
--master-danger-red-light: var(--ul-app-danger-light);
--master-warning-orange: var(--ul-app-warning);
--master-info-teal: var(--ul-app-info);
--link-color: var(--ul-app-text-link);
--list-background: var(--ul-app-background-body);
--ul-card-padding: 1rem;
}
body {
color: var(--ul-app-text-primary);
background-color: var(--neutral-gray-90);
line-height: var(--body-line-height);
}
a {
color: var(--ul-app-text-link);
}
a:hover,
a:focus-visible {
color: var(--ul-app-text-hover-focus);
}
a .click-area {
display: flex;
min-height: 48px;
width: auto;
align-items: center;
}
button {
text-wrap: nowrap;
}
.uppercase {
text-transform: uppercase;
}
@media print {
.no-print {
display: none !important;
}
}
markdown pre {
white-space: pre-wrap;
overflow-wrap: anywhere;
word-break: break-word;
overflow-x: hidden;
}
markdown pre > code {
white-space: inherit;
overflow-wrap: anywhere;
word-break: break-word;
}
.mat-mdc-form-field-subscript-wrapper {
margin: 3px 0;
}
/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */