/* Section success */ /* Section warning */ /* Section purple */ /* Section blue */ :root { /* primary */ --md-ref-palette-primary0: #000000; --md-ref-palette-primary5: #000f2f; --md-ref-palette-primary10: #001944; --md-ref-palette-primary20: #002d6d; --md-ref-palette-primary25: #003883; --md-ref-palette-primary30: #004299; --md-ref-palette-primary35: #004db0; --md-ref-palette-primary40: #0059c8; --md-ref-palette-primary50: #0070f9; --md-ref-palette-primary60: #4d8efe; --md-ref-palette-primary70: #80aaff; --md-ref-palette-primary80: #adc6ff; --md-ref-palette-primary90: #d9e2ff; --md-ref-palette-primary95: #edf0ff; --md-ref-palette-primary98: #f8f8ff; --md-ref-palette-primary99: #fcfcff; --md-ref-palette-primary100: #ffffff; /* secondary */ --md-ref-palette-secondary0: #000000; --md-ref-palette-secondary5: #091121; --md-ref-palette-secondary10: #141b2c; --md-ref-palette-secondary20: #293042; --md-ref-palette-secondary25: #343b4d; --md-ref-palette-secondary30: #3f4759; --md-ref-palette-secondary35: #4b5265; --md-ref-palette-secondary40: #575e71; --md-ref-palette-secondary50: #70778b; --md-ref-palette-secondary60: #8990a5; --md-ref-palette-secondary70: #a4abc0; --md-ref-palette-secondary80: #bfc6dc; --md-ref-palette-secondary90: #dbe2f9; --md-ref-palette-secondary95: #edf0ff; --md-ref-palette-secondary98: #faf9ff; --md-ref-palette-secondary99: #fefbff; --md-ref-palette-secondary100: #ffffff; /* tertiary */ --md-ref-palette-tertiary0: #000000; --md-ref-palette-tertiary5: #1c0e00; --md-ref-palette-tertiary10: #2a1700; --md-ref-palette-tertiary20: #462a00; --md-ref-palette-tertiary25: #553400; --md-ref-palette-tertiary30: #653e00; --md-ref-palette-tertiary35: #744900; --md-ref-palette-tertiary40: #855400; --md-ref-palette-tertiary50: #a66a00; --md-ref-palette-tertiary60: #c5831b; --md-ref-palette-tertiary70: #e49d36; --md-ref-palette-tertiary80: #ffb95c; --md-ref-palette-tertiary90: #ffddb7; --md-ref-palette-tertiary95: #ffeede; --md-ref-palette-tertiary98: #fff8f4; --md-ref-palette-tertiary99: #fffefb; --md-ref-palette-tertiary100: #ffffff; /* error */ --md-ref-palette-error0: #000000; --md-ref-palette-error5: #2c0006; --md-ref-palette-error10: #40000c; --md-ref-palette-error20: #680019; --md-ref-palette-error25: #7c0020; --md-ref-palette-error30: #920027; --md-ref-palette-error35: #a8002f; --md-ref-palette-error40: #be0036; --md-ref-palette-error50: #e71d49; --md-ref-palette-error60: #ff5167; --md-ref-palette-error70: #ff8890; --md-ref-palette-error80: #ffb3b6; --md-ref-palette-error90: #ffdada; --md-ref-palette-error95: #ffedec; --md-ref-palette-error98: #fff8f7; --md-ref-palette-error99: #fffbfc; --md-ref-palette-error100: #ffffff; /* neutral */ --md-ref-palette-neutral0:#000000; --md-ref-palette-neutral5:#101114; --md-ref-palette-neutral10:#1a1c1e; --md-ref-palette-neutral20:#303034; --md-ref-palette-neutral25:#3b3b3f; --md-ref-palette-neutral30:#46464a; --md-ref-palette-neutral35:#525256; --md-ref-palette-neutral40:#5e5e62; --md-ref-palette-neutral50:#77777a; --md-ref-palette-neutral60:#919094; --md-ref-palette-neutral70:#acabaf; --md-ref-palette-neutral80:#c7c6ca; --md-ref-palette-neutral90:#e3e2e6; --md-ref-palette-neutral95:#f2f0f4; --md-ref-palette-neutral98:#f8f6fa; --md-ref-palette-neutral99:#fbfbfb; --md-ref-palette-neutral100:#ffffff; /* neutral-variant */ --md-ref-palette-neutral-variant0:#000000; --md-ref-palette-neutral-variant5:#0E1118; --md-ref-palette-neutral-variant10:#191b23; --md-ref-palette-neutral-variant20:#2e3038; --md-ref-palette-neutral-variant25:#393b43; --md-ref-palette-neutral-variant30:#44464f; --md-ref-palette-neutral-variant35:#50525a; --md-ref-palette-neutral-variant40:#5c5e67; --md-ref-palette-neutral-variant50:#757780; --md-ref-palette-neutral-variant60:#8f9099; --md-ref-palette-neutral-variant70:#a9abb4; --md-ref-palette-neutral-variant80:#c5c6d0; --md-ref-palette-neutral-variant90:#e1e2ec; --md-ref-palette-neutral-variant95:#eff0fa; --md-ref-palette-neutral-variant98:#f5f6fd; --md-ref-palette-neutral-variant99:#fbfbff; --md-ref-palette-neutral-variant100:#ffffff; /* success */ --md-ref-palette-success0: #000000; --md-ref-palette-success5: #021500; --md-ref-palette-success10: #052100; --md-ref-palette-success20: #0d3900; --md-ref-palette-success25: #124500; --md-ref-palette-success30: #175200; --md-ref-palette-success35: #1b5f00; --md-ref-palette-success40: #216d00; --md-ref-palette-success50: #2b8900; --md-ref-palette-success60: #47a424; --md-ref-palette-success70: #62c03e; --md-ref-palette-success80: #7ddd57; --md-ref-palette-success90: #98fa70; --md-ref-palette-success95: #ccffb2; --md-ref-palette-success98: #edffdf; --md-ref-palette-success99: #f7ffed; --md-ref-palette-success100: #ffffff; /* warning */ --md-ref-palette-warning0: #000000; --md-ref-palette-warning5: #171000; --md-ref-palette-warning10: #241a00; --md-ref-palette-warning20: #3d2f00; --md-ref-palette-warning25: #4a3900; --md-ref-palette-warning30: #584400; --md-ref-palette-warning35: #665000; --md-ref-palette-warning40: #745b00; --md-ref-palette-warning50: #927300; --md-ref-palette-warning60: #b18c00; --md-ref-palette-warning70: #d1a600; --md-ref-palette-warning80: #f2c000; --md-ref-palette-warning90: #ffe08d; --md-ref-palette-warning95: #ffefcd; --md-ref-palette-warning98: #fff8f1; --md-ref-palette-warning99: #fffefb; --md-ref-palette-warning100: #ffffff; /* purple */ --md-ref-palette-purple0: #000000; --md-ref-palette-purple5: #24002c; --md-ref-palette-purple10: #350040; --md-ref-palette-purple20: #560068; --md-ref-palette-purple25: #68007c; --md-ref-palette-purple30: #7a0092; --md-ref-palette-purple35: #8d00a8; --md-ref-palette-purple40: #a000be; --md-ref-palette-purple50: #c800ed; --md-ref-palette-purple60: #e04bff; --md-ref-palette-purple70: #ed80ff; --md-ref-palette-purple80: #f7adff; --md-ref-palette-purple90: #ffd6ff; --md-ref-palette-purple95: #ffebfc; --md-ref-palette-purple98: #fff7ff; --md-ref-palette-purple99: #fffbff; --md-ref-palette-purple100: #ffffff; /* blue */ --md-ref-palette-blue0: #000000; --md-ref-palette-blue5: #001320; --md-ref-palette-blue10: #001e2f; --md-ref-palette-blue20: #00344e; --md-ref-palette-blue25: #003f5e; --md-ref-palette-blue30: #004b6f; --md-ref-palette-blue35: #005881; --md-ref-palette-blue40: #006492; --md-ref-palette-blue50: #007eb7; --md-ref-palette-blue60: #0099dd; --md-ref-palette-blue70: #2bb5ff; --md-ref-palette-blue80: #8bceff; --md-ref-palette-blue90: #cae6ff; --md-ref-palette-blue95: #e6f2ff; --md-ref-palette-blue98: #f6f9ff; --md-ref-palette-blue99: #fcfcff; --md-ref-palette-blue100: #ffffff; } /* Tokens light*/ :root { /* primary */ --md-sys-color-primary-lowest-light: var(--md-ref-palette-primary80); --md-sys-color-primary-lower-light: var(--md-ref-palette-primary70); --md-sys-color-primary-low-light: var(--md-ref-palette-primary60); --md-sys-color-primary-light: var(--md-ref-palette-primary50); --md-sys-color-primary-high-light: var(--md-ref-palette-primary40); --md-sys-color-primary-higher-light: var(--md-ref-palette-primary35); --md-sys-color-primary-highest-light: var(--md-ref-palette-primary30); --md-sys-color-on-primary-light: var(--md-ref-palette-primary100); --md-sys-color-primary-container-light: var(--md-ref-palette-primary90); --md-sys-color-on-primary-container-light: var(--md-ref-palette-primary10); --md-sys-color-primary-container-low-light: var(--md-ref-palette-primary95); --md-sys-color-primary-container-lower-light: var(--md-ref-palette-primary98); --md-sys-color-primary-container-lowest-light: var(--md-ref-palette-primary99); --md-sys-color-primary-container-high-light: var(--md-ref-palette-primary80); --md-sys-color-primary-container-higher-light: var(--md-ref-palette-primary70); --md-sys-color-primary-container-highest-light: var(--md-ref-palette-primary60); /* secondary */ --md-sys-color-secondary-lowest-light: var(--md-ref-palette-secondary80); --md-sys-color-secondary-lower-light: var(--md-ref-palette-secondary70); --md-sys-color-secondary-low-light: var(--md-ref-palette-secondary60); --md-sys-color-secondary-light: var(--md-ref-palette-secondary50); --md-sys-color-secondary-high-light: var(--md-ref-palette-secondary40); --md-sys-color-secondary-higher-light: var(--md-ref-palette-secondary35); --md-sys-color-secondary-highest-light: var(--md-ref-palette-secondary30); --md-sys-color-on-secondary-light: var(--md-ref-palette-secondary100); --md-sys-color-secondary-container-light: var(--md-ref-palette-secondary90); --md-sys-color-on-secondary-container-light: var(--md-ref-palette-secondary10); --md-sys-color-secondary-container-low-light: var(--md-ref-palette-secondary95); --md-sys-color-secondary-container-lower-light: var(--md-ref-palette-secondary98); --md-sys-color-secondary-container-lowest-light: var(--md-ref-palette-secondary99); --md-sys-color-secondary-container-high-light: var(--md-ref-palette-secondary80); --md-sys-color-secondary-container-higher-light: var(--md-ref-palette-secondary70); --md-sys-color-secondary-container-highest-light: var(--md-ref-palette-secondary60); /* tertiary */ --md-sys-color-tertiary-lowest-light: var(--md-ref-palette-tertiary80); --md-sys-color-tertiary-lower-light: var(--md-ref-palette-tertiary70); --md-sys-color-tertiary-low-light: var(--md-ref-palette-tertiary60); --md-sys-color-tertiary-light: var(--md-ref-palette-tertiary50); --md-sys-color-tertiary-high-light: var(--md-ref-palette-tertiary40); --md-sys-color-tertiary-higher-light: var(--md-ref-palette-tertiary35); --md-sys-color-tertiary-highest-light: var(--md-ref-palette-tertiary30); --md-sys-color-on-tertiary-light: var(--md-ref-palette-tertiary100); --md-sys-color-tertiary-container-light: var(--md-ref-palette-tertiary90); --md-sys-color-on-tertiary-container-light: var(--md-ref-palette-tertiary10); --md-sys-color-tertiary-container-low-light: var(--md-ref-palette-tertiary95); --md-sys-color-tertiary-container-lower-light: var(--md-ref-palette-tertiary98); --md-sys-color-tertiary-container-lowest-light: var(--md-ref-palette-tertiary99); --md-sys-color-tertiary-container-high-light: var(--md-ref-palette-tertiary80); --md-sys-color-tertiary-container-higher-light: var(--md-ref-palette-tertiary70); --md-sys-color-tertiary-container-highest-light: var(--md-ref-palette-tertiary60); /* error */ --md-sys-color-error-lowest-light: var(--md-ref-palette-error80); --md-sys-color-error-lower-light: var(--md-ref-palette-error70); --md-sys-color-error-low-light: var(--md-ref-palette-error60); --md-sys-color-error-light: var(--md-ref-palette-error50); --md-sys-color-error-high-light: var(--md-ref-palette-error40); --md-sys-color-error-higher-light: var(--md-ref-palette-error35); --md-sys-color-error-highest-light: var(--md-ref-palette-error30); --md-sys-color-on-error-light: var(--md-ref-palette-error100); --md-sys-color-error-container-light: var(--md-ref-palette-error90); --md-sys-color-on-error-container-light: var(--md-ref-palette-error10); --md-sys-color-error-container-low-light: var(--md-ref-palette-error95); --md-sys-color-error-container-lower-light: var(--md-ref-palette-error98); --md-sys-color-error-container-lowest-light: var(--md-ref-palette-error99); --md-sys-color-error-container-high-light: var(--md-ref-palette-error80); --md-sys-color-error-container-higher-light: var(--md-ref-palette-error70); --md-sys-color-error-container-highest-light: var(--md-ref-palette-error60); /* success */ --md-sys-color-success-lowest-light: var(--md-ref-palette-success80); --md-sys-color-success-lower-light: var(--md-ref-palette-success70); --md-sys-color-success-low-light: var(--md-ref-palette-success60); --md-sys-color-success-light: var(--md-ref-palette-success50); --md-sys-color-success-high-light: var(--md-ref-palette-success40); --md-sys-color-success-higher-light: var(--md-ref-palette-success35); --md-sys-color-success-highest-light: var(--md-ref-palette-success30); --md-sys-color-on-success-light: var(--md-ref-palette-success100); --md-sys-color-success-container-light: var(--md-ref-palette-success90); --md-sys-color-on-success-container-light: var(--md-ref-palette-success10); --md-sys-color-success-container-low-light: var(--md-ref-palette-success95); --md-sys-color-success-container-lower-light: var(--md-ref-palette-success98); --md-sys-color-success-container-lowest-light: var(--md-ref-palette-success99); --md-sys-color-success-container-high-light: var(--md-ref-palette-success80); --md-sys-color-success-container-higher-light: var(--md-ref-palette-success70); --md-sys-color-success-container-highest-light: var(--md-ref-palette-success60); /* warning */ --md-sys-color-warning-lowest-light: var(--md-ref-palette-warning80); --md-sys-color-warning-lower-light: var(--md-ref-palette-warning70); --md-sys-color-warning-low-light: var(--md-ref-palette-warning60); --md-sys-color-warning-light: var(--md-ref-palette-warning50); --md-sys-color-warning-high-light: var(--md-ref-palette-warning40); --md-sys-color-warning-higher-light: var(--md-ref-palette-warning35); --md-sys-color-warning-highest-light: var(--md-ref-palette-warning30); --md-sys-color-on-warning-light: var(--md-ref-palette-warning100); --md-sys-color-warning-container-light: var(--md-ref-palette-warning90); --md-sys-color-on-warning-container-light: var(--md-ref-palette-warning10); --md-sys-color-warning-container-low-light: var(--md-ref-palette-warning95); --md-sys-color-warning-container-lower-light: var(--md-ref-palette-warning98); --md-sys-color-warning-container-lowest-light: var(--md-ref-palette-warning99); --md-sys-color-warning-container-high-light: var(--md-ref-palette-warning80); --md-sys-color-warning-container-higher-light: var(--md-ref-palette-warning70); --md-sys-color-warning-container-highest-light: var(--md-ref-palette-warning60); /* purple */ --md-sys-color-purple-lowest-light: var(--md-ref-palette-purple80); --md-sys-color-purple-lower-light: var(--md-ref-palette-purple70); --md-sys-color-purple-low-light: var(--md-ref-palette-purple60); --md-sys-color-purple-light: var(--md-ref-palette-purple50); --md-sys-color-purple-high-light: var(--md-ref-palette-purple40); --md-sys-color-purple-higher-light: var(--md-ref-palette-purple35); --md-sys-color-purple-highest-light: var(--md-ref-palette-purple30); --md-sys-color-on-purple-light: var(--md-ref-palette-purple100); --md-sys-color-purple-container-light: var(--md-ref-palette-purple90); --md-sys-color-on-purple-container-light: var(--md-ref-palette-purple10); --md-sys-color-purple-container-low-light: var(--md-ref-palette-purple95); --md-sys-color-purple-container-lower-light: var(--md-ref-palette-purple98); --md-sys-color-purple-container-lowest-light: var(--md-ref-palette-purple99); --md-sys-color-purple-container-high-light: var(--md-ref-palette-purple80); --md-sys-color-purple-container-higher-light: var(--md-ref-palette-purple70); --md-sys-color-purple-container-highest-light: var(--md-ref-palette-purple60); /* blue */ --md-sys-color-blue-lowest-light: var(--md-ref-palette-blue80); --md-sys-color-blue-lower-light: var(--md-ref-palette-blue70); --md-sys-color-blue-low-light: var(--md-ref-palette-blue60); --md-sys-color-blue-light: var(--md-ref-palette-blue50); --md-sys-color-blue-high-light: var(--md-ref-palette-blue40); --md-sys-color-blue-higher-light: var(--md-ref-palette-blue35); --md-sys-color-blue-highest-light: var(--md-ref-palette-blue30); --md-sys-color-on-blue-light: var(--md-ref-palette-blue100); --md-sys-color-blue-container-light: var(--md-ref-palette-blue90); --md-sys-color-on-blue-container-light: var(--md-ref-palette-blue10); --md-sys-color-blue-container-low-light: var(--md-ref-palette-blue95); --md-sys-color-blue-container-lower-light: var(--md-ref-palette-blue98); --md-sys-color-blue-container-lowest-light: var(--md-ref-palette-blue99); --md-sys-color-blue-container-high-light: var(--md-ref-palette-blue80); --md-sys-color-blue-container-higher-light: var(--md-ref-palette-blue70); --md-sys-color-blue-container-highest-light: var(--md-ref-palette-blue60); /* neutral */ --md-sys-color-background-light: var(--md-ref-palette-neutral100); --md-sys-color-on-background-light: var(--md-ref-palette-neutral10); --md-sys-color-on-surface-light: var(--md-ref-palette-neutral10); --md-sys-color-surface-light: var(--md-ref-palette-neutral99); --md-sys-color-surface-high-light: var(--md-ref-palette-neutral98); --md-sys-color-surface-higher-light: var(--md-ref-palette-neutral95); --md-sys-color-surface-highest-light: var(--md-ref-palette-neutral90); /* neutral-variant */ --md-sys-color-outline-light: var(--md-ref-palette-neutral-variant50); --md-sys-color-outline-low-light: var(--md-ref-palette-neutral-variant60); --md-sys-color-outline-lower-light: var(--md-ref-palette-neutral-variant70); --md-sys-color-outline-lowest-light: var(--md-ref-palette-neutral-variant80); --md-sys-color-outline-variant-light: var(--md-ref-palette-neutral-variant80); --md-sys-color-outline-variant-low-light: var(--md-ref-palette-neutral-variant90); --md-sys-color-outline-variant-lower-light: var(--md-ref-palette-neutral-variant95); --md-sys-color-outline-variant-lowest-light: var(--md-ref-palette-neutral-variant98); --md-sys-color-surface-variant-light: var(--md-ref-palette-neutral-variant90); --md-sys-color-surface-variant-low-light: var(--md-ref-palette-neutral-variant95); --md-sys-color-surface-variant-lower-light: var(--md-ref-palette-neutral-variant98); --md-sys-color-surface-variant-lowest-light: var(--md-ref-palette-neutral-variant99); --md-sys-color-on-surface-variant-light: var(--md-ref-palette-neutral-variant30); /* primary */ --md-ctx-palette-primary0-light: var(--md-ref-palette-primary0); --md-ctx-palette-primary5-light: var(--md-ref-palette-primary5); --md-ctx-palette-primary10-light: var(--md-ref-palette-primary10); --md-ctx-palette-primary20-light: var(--md-ref-palette-primary20); --md-ctx-palette-primary25-light: var(--md-ref-palette-primary25); --md-ctx-palette-primary30-light: var(--md-ref-palette-primary30); --md-ctx-palette-primary35-light: var(--md-ref-palette-primary35); --md-ctx-palette-primary40-light: var(--md-ref-palette-primary40); --md-ctx-palette-primary50-light: var(--md-ref-palette-primary50); --md-ctx-palette-primary60-light: var(--md-ref-palette-primary60); --md-ctx-palette-primary70-light: var(--md-ref-palette-primary70); --md-ctx-palette-primary80-light: var(--md-ref-palette-primary80); --md-ctx-palette-primary90-light: var(--md-ref-palette-primary90); --md-ctx-palette-primary95-light: var(--md-ref-palette-primary95); --md-ctx-palette-primary98-light: var(--md-ref-palette-primary98); --md-ctx-palette-primary99-light: var(--md-ref-palette-primary99); --md-ctx-palette-primary100-light: var(--md-ref-palette-primary100); /* secondary */ --md-ctx-palette-secondary0-light: var(--md-ref-palette-secondary0); --md-ctx-palette-secondary5-light: var(--md-ref-palette-secondary5); --md-ctx-palette-secondary10-light: var(--md-ref-palette-secondary10); --md-ctx-palette-secondary20-light: var(--md-ref-palette-secondary20); --md-ctx-palette-secondary25-light: var(--md-ref-palette-secondary25); --md-ctx-palette-secondary30-light: var(--md-ref-palette-secondary30); --md-ctx-palette-secondary35-light: var(--md-ref-palette-secondary35); --md-ctx-palette-secondary40-light: var(--md-ref-palette-secondary40); --md-ctx-palette-secondary50-light: var(--md-ref-palette-secondary50); --md-ctx-palette-secondary60-light: var(--md-ref-palette-secondary60); --md-ctx-palette-secondary70-light: var(--md-ref-palette-secondary70); --md-ctx-palette-secondary80-light: var(--md-ref-palette-secondary80); --md-ctx-palette-secondary90-light: var(--md-ref-palette-secondary90); --md-ctx-palette-secondary95-light: var(--md-ref-palette-secondary95); --md-ctx-palette-secondary98-light: var(--md-ref-palette-secondary98); --md-ctx-palette-secondary99-light: var(--md-ref-palette-secondary99); --md-ctx-palette-secondary100-light: var(--md-ref-palette-secondary100); /* tertiary */ --md-ctx-palette-tertiary0-light: var(--md-ref-palette-tertiary0); --md-ctx-palette-tertiary5-light: var(--md-ref-palette-tertiary5); --md-ctx-palette-tertiary10-light: var(--md-ref-palette-tertiary10); --md-ctx-palette-tertiary20-light: var(--md-ref-palette-tertiary20); --md-ctx-palette-tertiary25-light: var(--md-ref-palette-tertiary25); --md-ctx-palette-tertiary30-light: var(--md-ref-palette-tertiary30); --md-ctx-palette-tertiary35-light: var(--md-ref-palette-tertiary35); --md-ctx-palette-tertiary40-light: var(--md-ref-palette-tertiary40); --md-ctx-palette-tertiary50-light: var(--md-ref-palette-tertiary50); --md-ctx-palette-tertiary60-light: var(--md-ref-palette-tertiary60); --md-ctx-palette-tertiary70-light: var(--md-ref-palette-tertiary70); --md-ctx-palette-tertiary80-light: var(--md-ref-palette-tertiary80); --md-ctx-palette-tertiary90-light: var(--md-ref-palette-tertiary90); --md-ctx-palette-tertiary95-light: var(--md-ref-palette-tertiary95); --md-ctx-palette-tertiary98-light: var(--md-ref-palette-tertiary98); --md-ctx-palette-tertiary99-light: var(--md-ref-palette-tertiary99); --md-ctx-palette-tertiary100-light: var(--md-ref-palette-tertiary100); /* error */ --md-ctx-palette-error0-light: var(--md-ref-palette-error0); --md-ctx-palette-error5-light: var(--md-ref-palette-error5); --md-ctx-palette-error10-light: var(--md-ref-palette-error10); --md-ctx-palette-error20-light: var(--md-ref-palette-error20); --md-ctx-palette-error25-light: var(--md-ref-palette-error25); --md-ctx-palette-error30-light: var(--md-ref-palette-error30); --md-ctx-palette-error35-light: var(--md-ref-palette-error35); --md-ctx-palette-error40-light: var(--md-ref-palette-error40); --md-ctx-palette-error50-light: var(--md-ref-palette-error50); --md-ctx-palette-error60-light: var(--md-ref-palette-error60); --md-ctx-palette-error70-light: var(--md-ref-palette-error70); --md-ctx-palette-error80-light: var(--md-ref-palette-error80); --md-ctx-palette-error90-light: var(--md-ref-palette-error90); --md-ctx-palette-error95-light: var(--md-ref-palette-error95); --md-ctx-palette-error98-light: var(--md-ref-palette-error98); --md-ctx-palette-error99-light: var(--md-ref-palette-error99); --md-ctx-palette-error100-light: var(--md-ref-palette-error100); /* neutral */ --md-ctx-palette-neutral0-light: var(--md-ref-palette-neutral0); --md-ctx-palette-neutral5-light: var(--md-ref-palette-neutral5); --md-ctx-palette-neutral10-light: var(--md-ref-palette-neutral10); --md-ctx-palette-neutral20-light: var(--md-ref-palette-neutral20); --md-ctx-palette-neutral25-light: var(--md-ref-palette-neutral25); --md-ctx-palette-neutral30-light: var(--md-ref-palette-neutral30); --md-ctx-palette-neutral35-light: var(--md-ref-palette-neutral35); --md-ctx-palette-neutral40-light: var(--md-ref-palette-neutral40); --md-ctx-palette-neutral50-light: var(--md-ref-palette-neutral50); --md-ctx-palette-neutral60-light: var(--md-ref-palette-neutral60); --md-ctx-palette-neutral70-light: var(--md-ref-palette-neutral70); --md-ctx-palette-neutral80-light: var(--md-ref-palette-neutral80); --md-ctx-palette-neutral90-light: var(--md-ref-palette-neutral90); --md-ctx-palette-neutral95-light: var(--md-ref-palette-neutral95); --md-ctx-palette-neutral98-light: var(--md-ref-palette-neutral98); --md-ctx-palette-neutral99-light: var(--md-ref-palette-neutral99); --md-ctx-palette-neutral100-light: var(--md-ref-palette-neutral100); /* neutral-variant */ --md-ctx-palette-neutral-variant0-light: var(--md-ref-palette-neutral-variant0); --md-ctx-palette-neutral-variant5-light: var(--md-ref-palette-neutral-variant5); --md-ctx-palette-neutral-variant10-light: var(--md-ref-palette-neutral-variant10); --md-ctx-palette-neutral-variant20-light: var(--md-ref-palette-neutral-variant20); --md-ctx-palette-neutral-variant25-light: var(--md-ref-palette-neutral-variant25); --md-ctx-palette-neutral-variant30-light: var(--md-ref-palette-neutral-variant30); --md-ctx-palette-neutral-variant35-light: var(--md-ref-palette-neutral-variant35); --md-ctx-palette-neutral-variant40-light: var(--md-ref-palette-neutral-variant40); --md-ctx-palette-neutral-variant50-light: var(--md-ref-palette-neutral-variant50); --md-ctx-palette-neutral-variant60-light: var(--md-ref-palette-neutral-variant60); --md-ctx-palette-neutral-variant70-light: var(--md-ref-palette-neutral-variant70); --md-ctx-palette-neutral-variant80-light: var(--md-ref-palette-neutral-variant80); --md-ctx-palette-neutral-variant90-light: var(--md-ref-palette-neutral-variant90); --md-ctx-palette-neutral-variant95-light: var(--md-ref-palette-neutral-variant95); --md-ctx-palette-neutral-variant98-light: var(--md-ref-palette-neutral-variant98); --md-ctx-palette-neutral-variant99-light: var(--md-ref-palette-neutral-variant99); --md-ctx-palette-neutral-variant100-light: var(--md-ref-palette-neutral-variant100); /* success */ --md-ctx-palette-success0-light: var(--md-ref-palette-success0); --md-ctx-palette-success5-light: var(--md-ref-palette-success5); --md-ctx-palette-success10-light: var(--md-ref-palette-success10); --md-ctx-palette-success20-light: var(--md-ref-palette-success20); --md-ctx-palette-success25-light: var(--md-ref-palette-success25); --md-ctx-palette-success30-light: var(--md-ref-palette-success30); --md-ctx-palette-success35-light: var(--md-ref-palette-success35); --md-ctx-palette-success40-light: var(--md-ref-palette-success40); --md-ctx-palette-success50-light: var(--md-ref-palette-success50); --md-ctx-palette-success60-light: var(--md-ref-palette-success60); --md-ctx-palette-success70-light: var(--md-ref-palette-success70); --md-ctx-palette-success80-light: var(--md-ref-palette-success80); --md-ctx-palette-success90-light: var(--md-ref-palette-success90); --md-ctx-palette-success95-light: var(--md-ref-palette-success95); --md-ctx-palette-success98-light: var(--md-ref-palette-success98); --md-ctx-palette-success99-light: var(--md-ref-palette-success99); --md-ctx-palette-success100-light: var(--md-ref-palette-success100); /* warning */ --md-ctx-palette-warning0-light: var(--md-ref-palette-warning0); --md-ctx-palette-warning5-light: var(--md-ref-palette-warning5); --md-ctx-palette-warning10-light: var(--md-ref-palette-warning10); --md-ctx-palette-warning20-light: var(--md-ref-palette-warning20); --md-ctx-palette-warning25-light: var(--md-ref-palette-warning25); --md-ctx-palette-warning30-light: var(--md-ref-palette-warning30); --md-ctx-palette-warning35-light: var(--md-ref-palette-warning35); --md-ctx-palette-warning40-light: var(--md-ref-palette-warning40); --md-ctx-palette-warning50-light: var(--md-ref-palette-warning50); --md-ctx-palette-warning60-light: var(--md-ref-palette-warning60); --md-ctx-palette-warning70-light: var(--md-ref-palette-warning70); --md-ctx-palette-warning80-light: var(--md-ref-palette-warning80); --md-ctx-palette-warning90-light: var(--md-ref-palette-warning90); --md-ctx-palette-warning95-light: var(--md-ref-palette-warning95); --md-ctx-palette-warning98-light: var(--md-ref-palette-warning98); --md-ctx-palette-warning99-light: var(--md-ref-palette-warning99); --md-ctx-palette-warning100-light: var(--md-ref-palette-warning100); /* purple */ --md-ctx-palette-purple0-light: var(--md-ref-palette-purple0); --md-ctx-palette-purple5-light: var(--md-ref-palette-purple5); --md-ctx-palette-purple10-light: var(--md-ref-palette-purple10); --md-ctx-palette-purple20-light: var(--md-ref-palette-purple20); --md-ctx-palette-purple25-light: var(--md-ref-palette-purple25); --md-ctx-palette-purple30-light: var(--md-ref-palette-purple30); --md-ctx-palette-purple35-light: var(--md-ref-palette-purple35); --md-ctx-palette-purple40-light: var(--md-ref-palette-purple40); --md-ctx-palette-purple50-light: var(--md-ref-palette-purple50); --md-ctx-palette-purple60-light: var(--md-ref-palette-purple60); --md-ctx-palette-purple70-light: var(--md-ref-palette-purple70); --md-ctx-palette-purple80-light: var(--md-ref-palette-purple80); --md-ctx-palette-purple90-light: var(--md-ref-palette-purple90); --md-ctx-palette-purple95-light: var(--md-ref-palette-purple95); --md-ctx-palette-purple98-light: var(--md-ref-palette-purple98); --md-ctx-palette-purple99-light: var(--md-ref-palette-purple99); --md-ctx-palette-purple100-light: var(--md-ref-palette-purple100); /* blue */ --md-ctx-palette-blue0-light: var(--md-ref-palette-blue0); --md-ctx-palette-blue5-light: var(--md-ref-palette-blue5); --md-ctx-palette-blue10-light: var(--md-ref-palette-blue10); --md-ctx-palette-blue20-light: var(--md-ref-palette-blue20); --md-ctx-palette-blue25-light: var(--md-ref-palette-blue25); --md-ctx-palette-blue30-light: var(--md-ref-palette-blue30); --md-ctx-palette-blue35-light: var(--md-ref-palette-blue35); --md-ctx-palette-blue40-light: var(--md-ref-palette-blue40); --md-ctx-palette-blue50-light: var(--md-ref-palette-blue50); --md-ctx-palette-blue60-light: var(--md-ref-palette-blue60); --md-ctx-palette-blue70-light: var(--md-ref-palette-blue70); --md-ctx-palette-blue80-light: var(--md-ref-palette-blue80); --md-ctx-palette-blue90-light: var(--md-ref-palette-blue90); --md-ctx-palette-blue95-light: var(--md-ref-palette-blue95); --md-ctx-palette-blue98-light: var(--md-ref-palette-blue98); --md-ctx-palette-blue99-light: var(--md-ref-palette-blue99); --md-ctx-palette-blue100-light: var(--md-ref-palette-blue100); } /* Tokens dark*/ :root { /* primary */ --md-sys-color-primary-lowest-dark: var(--md-ref-palette-primary20); --md-sys-color-primary-lower-dark: var(--md-ref-palette-primary35); --md-sys-color-primary-low-dark: var(--md-ref-palette-primary40); --md-sys-color-primary-dark: var(--md-ref-palette-primary80); --md-sys-color-primary-high-dark: var(--md-ref-palette-primary60); --md-sys-color-primary-higher-dark: var(--md-ref-palette-primary70); --md-sys-color-primary-highest-dark: var(--md-ref-palette-primary80); --md-sys-color-on-primary-dark: var(--md-ref-palette-primary20); --md-sys-color-primary-container-dark: var(--md-ref-palette-primary30); --md-sys-color-on-primary-container-dark: var(--md-ref-palette-primary90); --md-sys-color-primary-container-low-dark: var(--md-ref-palette-primary25); --md-sys-color-primary-container-lower-dark: var(--md-ref-palette-primary20); --md-sys-color-primary-container-lowest-dark: var(--md-ref-palette-primary10); --md-sys-color-primary-container-high-dark: var(--md-ref-palette-primary35); --md-sys-color-primary-container-higher-dark: var(--md-ref-palette-primary40); --md-sys-color-primary-container-highest-dark: var(--md-ref-palette-primary50); /* secondary */ --md-sys-color-secondary-lowest-dark: var(--md-ref-palette-secondary20); --md-sys-color-secondary-lower-dark: var(--md-ref-palette-secondary35); --md-sys-color-secondary-low-dark: var(--md-ref-palette-secondary40); --md-sys-color-secondary-dark: var(--md-ref-palette-secondary80); --md-sys-color-secondary-high-dark: var(--md-ref-palette-secondary60); --md-sys-color-secondary-higher-dark: var(--md-ref-palette-secondary70); --md-sys-color-secondary-highest-dark: var(--md-ref-palette-secondary80); --md-sys-color-on-secondary-dark: var(--md-ref-palette-secondary20); --md-sys-color-secondary-container-dark: var(--md-ref-palette-secondary30); --md-sys-color-on-secondary-container-dark: var(--md-ref-palette-secondary90); --md-sys-color-secondary-container-low-dark: var(--md-ref-palette-secondary25); --md-sys-color-secondary-container-lower-dark: var(--md-ref-palette-secondary20); --md-sys-color-secondary-container-lowest-dark: var(--md-ref-palette-secondary10); --md-sys-color-secondary-container-high-dark: var(--md-ref-palette-secondary35); --md-sys-color-secondary-container-higher-dark: var(--md-ref-palette-secondary40); --md-sys-color-secondary-container-highest-dark: var(--md-ref-palette-secondary50); /* tertiary */ --md-sys-color-tertiary-lowest-dark: var(--md-ref-palette-tertiary20); --md-sys-color-tertiary-lower-dark: var(--md-ref-palette-tertiary35); --md-sys-color-tertiary-low-dark: var(--md-ref-palette-tertiary40); --md-sys-color-tertiary-dark: var(--md-ref-palette-tertiary80); --md-sys-color-tertiary-high-dark: var(--md-ref-palette-tertiary60); --md-sys-color-tertiary-higher-dark: var(--md-ref-palette-tertiary70); --md-sys-color-tertiary-highest-dark: var(--md-ref-palette-tertiary80); --md-sys-color-on-tertiary-dark: var(--md-ref-palette-tertiary20); --md-sys-color-tertiary-container-dark: var(--md-ref-palette-tertiary30); --md-sys-color-on-tertiary-container-dark: var(--md-ref-palette-tertiary90); --md-sys-color-tertiary-container-low-dark: var(--md-ref-palette-tertiary25); --md-sys-color-tertiary-container-lower-dark: var(--md-ref-palette-tertiary20); --md-sys-color-tertiary-container-lowest-dark: var(--md-ref-palette-tertiary10); --md-sys-color-tertiary-container-high-dark: var(--md-ref-palette-tertiary35); --md-sys-color-tertiary-container-higher-dark: var(--md-ref-palette-tertiary40); --md-sys-color-tertiary-container-highest-dark: var(--md-ref-palette-tertiary50); /* error */ --md-sys-color-error-lowest-dark: var(--md-ref-palette-error20); --md-sys-color-error-lower-dark: var(--md-ref-palette-error35); --md-sys-color-error-low-dark: var(--md-ref-palette-error40); --md-sys-color-error-dark: var(--md-ref-palette-error80); --md-sys-color-error-high-dark: var(--md-ref-palette-error60); --md-sys-color-error-higher-dark: var(--md-ref-palette-error70); --md-sys-color-error-highest-dark: var(--md-ref-palette-error80); --md-sys-color-on-error-dark: var(--md-ref-palette-error20); --md-sys-color-error-container-dark: var(--md-ref-palette-error30); --md-sys-color-on-error-container-dark: var(--md-ref-palette-error90); --md-sys-color-error-container-low-dark: var(--md-ref-palette-error25); --md-sys-color-error-container-lower-dark: var(--md-ref-palette-error20); --md-sys-color-error-container-lowest-dark: var(--md-ref-palette-error10); --md-sys-color-error-container-high-dark: var(--md-ref-palette-error35); --md-sys-color-error-container-higher-dark: var(--md-ref-palette-error40); --md-sys-color-error-container-highest-dark: var(--md-ref-palette-error50); /* success */ --md-sys-color-success-lowest-dark: var(--md-ref-palette-success20); --md-sys-color-success-lower-dark: var(--md-ref-palette-success35); --md-sys-color-success-low-dark: var(--md-ref-palette-success40); --md-sys-color-success-dark: var(--md-ref-palette-success80); --md-sys-color-success-high-dark: var(--md-ref-palette-success60); --md-sys-color-success-higher-dark: var(--md-ref-palette-success70); --md-sys-color-success-highest-dark: var(--md-ref-palette-success80); --md-sys-color-on-success-dark: var(--md-ref-palette-success20); --md-sys-color-success-container-dark: var(--md-ref-palette-success30); --md-sys-color-on-success-container-dark: var(--md-ref-palette-success90); --md-sys-color-success-container-low-dark: var(--md-ref-palette-success25); --md-sys-color-success-container-lower-dark: var(--md-ref-palette-success20); --md-sys-color-success-container-lowest-dark: var(--md-ref-palette-success10); --md-sys-color-success-container-high-dark: var(--md-ref-palette-success35); --md-sys-color-success-container-higher-dark: var(--md-ref-palette-success40); --md-sys-color-success-container-highest-dark: var(--md-ref-palette-success50); /* warning */ --md-sys-color-warning-lowest-dark: var(--md-ref-palette-warning20); --md-sys-color-warning-lower-dark: var(--md-ref-palette-warning35); --md-sys-color-warning-low-dark: var(--md-ref-palette-warning40); --md-sys-color-warning-dark: var(--md-ref-palette-warning80); --md-sys-color-warning-high-dark: var(--md-ref-palette-warning60); --md-sys-color-warning-higher-dark: var(--md-ref-palette-warning70); --md-sys-color-warning-highest-dark: var(--md-ref-palette-warning80); --md-sys-color-on-warning-dark: var(--md-ref-palette-warning20); --md-sys-color-warning-container-dark: var(--md-ref-palette-warning30); --md-sys-color-on-warning-container-dark: var(--md-ref-palette-warning90); --md-sys-color-warning-container-low-dark: var(--md-ref-palette-warning25); --md-sys-color-warning-container-lower-dark: var(--md-ref-palette-warning20); --md-sys-color-warning-container-lowest-dark: var(--md-ref-palette-warning10); --md-sys-color-warning-container-high-dark: var(--md-ref-palette-warning35); --md-sys-color-warning-container-higher-dark: var(--md-ref-palette-warning40); --md-sys-color-warning-container-highest-dark: var(--md-ref-palette-warning50); /* purple */ --md-sys-color-purple-lowest-dark: var(--md-ref-palette-purple20); --md-sys-color-purple-lower-dark: var(--md-ref-palette-purple35); --md-sys-color-purple-low-dark: var(--md-ref-palette-purple40); --md-sys-color-purple-dark: var(--md-ref-palette-purple80); --md-sys-color-purple-high-dark: var(--md-ref-palette-purple60); --md-sys-color-purple-higher-dark: var(--md-ref-palette-purple70); --md-sys-color-purple-highest-dark: var(--md-ref-palette-purple80); --md-sys-color-on-purple-dark: var(--md-ref-palette-purple20); --md-sys-color-purple-container-dark: var(--md-ref-palette-purple30); --md-sys-color-on-purple-container-dark: var(--md-ref-palette-purple90); --md-sys-color-purple-container-low-dark: var(--md-ref-palette-purple25); --md-sys-color-purple-container-lower-dark: var(--md-ref-palette-purple20); --md-sys-color-purple-container-lowest-dark: var(--md-ref-palette-purple10); --md-sys-color-purple-container-high-dark: var(--md-ref-palette-purple35); --md-sys-color-purple-container-higher-dark: var(--md-ref-palette-purple40); --md-sys-color-purple-container-highest-dark: var(--md-ref-palette-purple50); /* blue */ --md-sys-color-blue-lowest-dark: var(--md-ref-palette-blue20); --md-sys-color-blue-lower-dark: var(--md-ref-palette-blue35); --md-sys-color-blue-low-dark: var(--md-ref-palette-blue40); --md-sys-color-blue-dark: var(--md-ref-palette-blue80); --md-sys-color-blue-high-dark: var(--md-ref-palette-blue60); --md-sys-color-blue-higher-dark: var(--md-ref-palette-blue70); --md-sys-color-blue-highest-dark: var(--md-ref-palette-blue80); --md-sys-color-on-blue-dark: var(--md-ref-palette-blue20); --md-sys-color-blue-container-dark: var(--md-ref-palette-blue30); --md-sys-color-on-blue-container-dark: var(--md-ref-palette-blue90); --md-sys-color-blue-container-low-dark: var(--md-ref-palette-blue25); --md-sys-color-blue-container-lower-dark: var(--md-ref-palette-blue20); --md-sys-color-blue-container-lowest-dark: var(--md-ref-palette-blue10); --md-sys-color-blue-container-high-dark: var(--md-ref-palette-blue35); --md-sys-color-blue-container-higher-dark: var(--md-ref-palette-blue40); --md-sys-color-blue-container-highest-dark: var(--md-ref-palette-blue50); /* neutral */ --md-sys-color-background-dark: var(--md-ref-palette-neutral10); --md-sys-color-on-background-dark: var(--md-ref-palette-neutral100); --md-sys-color-on-surface-dark: var(--md-ref-palette-neutral100); --md-sys-color-surface-dark: var(--md-ref-palette-neutral0); --md-sys-color-surface-high-dark: var(--md-ref-palette-neutral5); --md-sys-color-surface-higher-dark: var(--md-ref-palette-neutral10); --md-sys-color-surface-highest-dark: var(--md-ref-palette-neutral20); /* neutral-variant */ --md-sys-color-outline-dark: var(--md-ref-palette-neutral-variant60); --md-sys-color-outline-low-dark: var(--md-ref-palette-neutral-variant40); --md-sys-color-outline-lower-dark: var(--md-ref-palette-neutral-variant35); --md-sys-color-outline-lowest-dark: var(--md-ref-palette-neutral-variant20); --md-sys-color-outline-variant-dark: var(--md-ref-palette-neutral-variant30); --md-sys-color-outline-variant-low-dark: var(--md-ref-palette-neutral-variant25); --md-sys-color-outline-variant-lower-dark: var(--md-ref-palette-neutral-variant20); --md-sys-color-outline-variant-lowest-dark: var(--md-ref-palette-neutral-variant10); --md-sys-color-surface-variant-dark: var(--md-ref-palette-neutral-variant25); --md-sys-color-surface-variant-low-dark: var(--md-ref-palette-neutral-variant20); --md-sys-color-surface-variant-lower-dark: var(--md-ref-palette-neutral-variant10); --md-sys-color-surface-variant-lowest-dark: var(--md-ref-palette-neutral-variant5); --md-sys-color-on-surface-variant-dark: var(--md-ref-palette-neutral-variant80); /* primary */ --md-ctx-palette-primary0-dark: var(--md-ref-palette-primary100); --md-ctx-palette-primary5-dark: var(--md-ref-palette-primary99); --md-ctx-palette-primary10-dark: var(--md-ref-palette-primary98); --md-ctx-palette-primary20-dark: var(--md-ref-palette-primary95); --md-ctx-palette-primary25-dark: var(--md-ref-palette-primary90); --md-ctx-palette-primary30-dark: var(--md-ref-palette-primary80); --md-ctx-palette-primary35-dark: var(--md-ref-palette-primary70); --md-ctx-palette-primary40-dark: var(--md-ref-palette-primary60); --md-ctx-palette-primary50-dark: var(--md-ref-palette-primary50); --md-ctx-palette-primary60-dark: var(--md-ref-palette-primary40); --md-ctx-palette-primary70-dark: var(--md-ref-palette-primary35); --md-ctx-palette-primary80-dark: var(--md-ref-palette-primary30); --md-ctx-palette-primary90-dark: var(--md-ref-palette-primary25); --md-ctx-palette-primary95-dark: var(--md-ref-palette-primary20); --md-ctx-palette-primary98-dark: var(--md-ref-palette-primary10); --md-ctx-palette-primary99-dark: var(--md-ref-palette-primary5); --md-ctx-palette-primary100-dark: var(--md-ref-palette-primary0); /* secondary */ --md-ctx-palette-secondary0-dark: var(--md-ref-palette-secondary100); --md-ctx-palette-secondary5-dark: var(--md-ref-palette-secondary99); --md-ctx-palette-secondary10-dark: var(--md-ref-palette-secondary98); --md-ctx-palette-secondary20-dark: var(--md-ref-palette-secondary95); --md-ctx-palette-secondary25-dark: var(--md-ref-palette-secondary90); --md-ctx-palette-secondary30-dark: var(--md-ref-palette-secondary80); --md-ctx-palette-secondary35-dark: var(--md-ref-palette-secondary70); --md-ctx-palette-secondary40-dark: var(--md-ref-palette-secondary60); --md-ctx-palette-secondary50-dark: var(--md-ref-palette-secondary50); --md-ctx-palette-secondary60-dark: var(--md-ref-palette-secondary40); --md-ctx-palette-secondary70-dark: var(--md-ref-palette-secondary35); --md-ctx-palette-secondary80-dark: var(--md-ref-palette-secondary30); --md-ctx-palette-secondary90-dark: var(--md-ref-palette-secondary25); --md-ctx-palette-secondary95-dark: var(--md-ref-palette-secondary20); --md-ctx-palette-secondary98-dark: var(--md-ref-palette-secondary10); --md-ctx-palette-secondary99-dark: var(--md-ref-palette-secondary5); --md-ctx-palette-secondary100-dark: var(--md-ref-palette-secondary0); /* tertiary */ --md-ctx-palette-tertiary0-dark: var(--md-ref-palette-tertiary100); --md-ctx-palette-tertiary5-dark: var(--md-ref-palette-tertiary99); --md-ctx-palette-tertiary10-dark: var(--md-ref-palette-tertiary98); --md-ctx-palette-tertiary20-dark: var(--md-ref-palette-tertiary95); --md-ctx-palette-tertiary25-dark: var(--md-ref-palette-tertiary90); --md-ctx-palette-tertiary30-dark: var(--md-ref-palette-tertiary80); --md-ctx-palette-tertiary35-dark: var(--md-ref-palette-tertiary70); --md-ctx-palette-tertiary40-dark: var(--md-ref-palette-tertiary60); --md-ctx-palette-tertiary50-dark: var(--md-ref-palette-tertiary50); --md-ctx-palette-tertiary60-dark: var(--md-ref-palette-tertiary40); --md-ctx-palette-tertiary70-dark: var(--md-ref-palette-tertiary35); --md-ctx-palette-tertiary80-dark: var(--md-ref-palette-tertiary30); --md-ctx-palette-tertiary90-dark: var(--md-ref-palette-tertiary25); --md-ctx-palette-tertiary95-dark: var(--md-ref-palette-tertiary20); --md-ctx-palette-tertiary98-dark: var(--md-ref-palette-tertiary10); --md-ctx-palette-tertiary99-dark: var(--md-ref-palette-tertiary5); --md-ctx-palette-tertiary100-dark: var(--md-ref-palette-tertiary0); /* error */ --md-ctx-palette-error0-dark: var(--md-ref-palette-error100); --md-ctx-palette-error5-dark: var(--md-ref-palette-error99); --md-ctx-palette-error10-dark: var(--md-ref-palette-error98); --md-ctx-palette-error20-dark: var(--md-ref-palette-error95); --md-ctx-palette-error25-dark: var(--md-ref-palette-error90); --md-ctx-palette-error30-dark: var(--md-ref-palette-error80); --md-ctx-palette-error35-dark: var(--md-ref-palette-error70); --md-ctx-palette-error40-dark: var(--md-ref-palette-error60); --md-ctx-palette-error50-dark: var(--md-ref-palette-error50); --md-ctx-palette-error60-dark: var(--md-ref-palette-error40); --md-ctx-palette-error70-dark: var(--md-ref-palette-error35); --md-ctx-palette-error80-dark: var(--md-ref-palette-error30); --md-ctx-palette-error90-dark: var(--md-ref-palette-error25); --md-ctx-palette-error95-dark: var(--md-ref-palette-error20); --md-ctx-palette-error98-dark: var(--md-ref-palette-error10); --md-ctx-palette-error99-dark: var(--md-ref-palette-error5); --md-ctx-palette-error100-dark: var(--md-ref-palette-error0); /* neutral */ --md-ctx-palette-neutral0-dark: var(--md-ref-palette-neutral100); --md-ctx-palette-neutral5-dark: var(--md-ref-palette-neutral99); --md-ctx-palette-neutral10-dark: var(--md-ref-palette-neutral98); --md-ctx-palette-neutral20-dark: var(--md-ref-palette-neutral95); --md-ctx-palette-neutral25-dark: var(--md-ref-palette-neutral90); --md-ctx-palette-neutral30-dark: var(--md-ref-palette-neutral80); --md-ctx-palette-neutral35-dark: var(--md-ref-palette-neutral70); --md-ctx-palette-neutral40-dark: var(--md-ref-palette-neutral60); --md-ctx-palette-neutral50-dark: var(--md-ref-palette-neutral50); --md-ctx-palette-neutral60-dark: var(--md-ref-palette-neutral40); --md-ctx-palette-neutral70-dark: var(--md-ref-palette-neutral35); --md-ctx-palette-neutral80-dark: var(--md-ref-palette-neutral30); --md-ctx-palette-neutral90-dark: var(--md-ref-palette-neutral25); --md-ctx-palette-neutral95-dark: var(--md-ref-palette-neutral20); --md-ctx-palette-neutral98-dark: var(--md-ref-palette-neutral10); --md-ctx-palette-neutral99-dark: var(--md-ref-palette-neutral5); --md-ctx-palette-neutral100-dark: var(--md-ref-palette-neutral0); /* neutral-variant */ --md-ctx-palette-neutral-variant0-dark: var(--md-ref-palette-neutral-variant100); --md-ctx-palette-neutral-variant5-dark: var(--md-ref-palette-neutral-variant99); --md-ctx-palette-neutral-variant10-dark: var(--md-ref-palette-neutral-variant98); --md-ctx-palette-neutral-variant20-dark: var(--md-ref-palette-neutral-variant95); --md-ctx-palette-neutral-variant25-dark: var(--md-ref-palette-neutral-variant90); --md-ctx-palette-neutral-variant30-dark: var(--md-ref-palette-neutral-variant80); --md-ctx-palette-neutral-variant35-dark: var(--md-ref-palette-neutral-variant70); --md-ctx-palette-neutral-variant40-dark: var(--md-ref-palette-neutral-variant60); --md-ctx-palette-neutral-variant50-dark: var(--md-ref-palette-neutral-variant50); --md-ctx-palette-neutral-variant60-dark: var(--md-ref-palette-neutral-variant40); --md-ctx-palette-neutral-variant70-dark: var(--md-ref-palette-neutral-variant35); --md-ctx-palette-neutral-variant80-dark: var(--md-ref-palette-neutral-variant30); --md-ctx-palette-neutral-variant90-dark: var(--md-ref-palette-neutral-variant25); --md-ctx-palette-neutral-variant95-dark: var(--md-ref-palette-neutral-variant20); --md-ctx-palette-neutral-variant98-dark: var(--md-ref-palette-neutral-variant10); --md-ctx-palette-neutral-variant99-dark: var(--md-ref-palette-neutral-variant5); --md-ctx-palette-neutral-variant100-dark: var(--md-ref-palette-neutral-variant0); /* success */ --md-ctx-palette-success0-dark: var(--md-ref-palette-success100); --md-ctx-palette-success5-dark: var(--md-ref-palette-success99); --md-ctx-palette-success10-dark: var(--md-ref-palette-success98); --md-ctx-palette-success20-dark: var(--md-ref-palette-success95); --md-ctx-palette-success25-dark: var(--md-ref-palette-success90); --md-ctx-palette-success30-dark: var(--md-ref-palette-success80); --md-ctx-palette-success35-dark: var(--md-ref-palette-success70); --md-ctx-palette-success40-dark: var(--md-ref-palette-success60); --md-ctx-palette-success50-dark: var(--md-ref-palette-success50); --md-ctx-palette-success60-dark: var(--md-ref-palette-success40); --md-ctx-palette-success70-dark: var(--md-ref-palette-success35); --md-ctx-palette-success80-dark: var(--md-ref-palette-success30); --md-ctx-palette-success90-dark: var(--md-ref-palette-success25); --md-ctx-palette-success95-dark: var(--md-ref-palette-success20); --md-ctx-palette-success98-dark: var(--md-ref-palette-success10); --md-ctx-palette-success99-dark: var(--md-ref-palette-success5); --md-ctx-palette-success100-dark: var(--md-ref-palette-success0); /* warning */ --md-ctx-palette-warning0-dark: var(--md-ref-palette-warning100); --md-ctx-palette-warning5-dark: var(--md-ref-palette-warning99); --md-ctx-palette-warning10-dark: var(--md-ref-palette-warning98); --md-ctx-palette-warning20-dark: var(--md-ref-palette-warning95); --md-ctx-palette-warning25-dark: var(--md-ref-palette-warning90); --md-ctx-palette-warning30-dark: var(--md-ref-palette-warning80); --md-ctx-palette-warning35-dark: var(--md-ref-palette-warning70); --md-ctx-palette-warning40-dark: var(--md-ref-palette-warning60); --md-ctx-palette-warning50-dark: var(--md-ref-palette-warning50); --md-ctx-palette-warning60-dark: var(--md-ref-palette-warning40); --md-ctx-palette-warning70-dark: var(--md-ref-palette-warning35); --md-ctx-palette-warning80-dark: var(--md-ref-palette-warning30); --md-ctx-palette-warning90-dark: var(--md-ref-palette-warning25); --md-ctx-palette-warning95-dark: var(--md-ref-palette-warning20); --md-ctx-palette-warning98-dark: var(--md-ref-palette-warning10); --md-ctx-palette-warning99-dark: var(--md-ref-palette-warning5); --md-ctx-palette-warning100-dark: var(--md-ref-palette-warning0); /* purple */ --md-ctx-palette-purple0-dark: var(--md-ref-palette-purple100); --md-ctx-palette-purple5-dark: var(--md-ref-palette-purple99); --md-ctx-palette-purple10-dark: var(--md-ref-palette-purple98); --md-ctx-palette-purple20-dark: var(--md-ref-palette-purple95); --md-ctx-palette-purple25-dark: var(--md-ref-palette-purple90); --md-ctx-palette-purple30-dark: var(--md-ref-palette-purple80); --md-ctx-palette-purple35-dark: var(--md-ref-palette-purple70); --md-ctx-palette-purple40-dark: var(--md-ref-palette-purple60); --md-ctx-palette-purple50-dark: var(--md-ref-palette-purple50); --md-ctx-palette-purple60-dark: var(--md-ref-palette-purple40); --md-ctx-palette-purple70-dark: var(--md-ref-palette-purple35); --md-ctx-palette-purple80-dark: var(--md-ref-palette-purple30); --md-ctx-palette-purple90-dark: var(--md-ref-palette-purple25); --md-ctx-palette-purple95-dark: var(--md-ref-palette-purple20); --md-ctx-palette-purple98-dark: var(--md-ref-palette-purple10); --md-ctx-palette-purple99-dark: var(--md-ref-palette-purple5); --md-ctx-palette-purple100-dark: var(--md-ref-palette-purple0); /* blue */ --md-ctx-palette-blue0-dark: var(--md-ref-palette-blue100); --md-ctx-palette-blue5-dark: var(--md-ref-palette-blue99); --md-ctx-palette-blue10-dark: var(--md-ref-palette-blue98); --md-ctx-palette-blue20-dark: var(--md-ref-palette-blue95); --md-ctx-palette-blue25-dark: var(--md-ref-palette-blue90); --md-ctx-palette-blue30-dark: var(--md-ref-palette-blue80); --md-ctx-palette-blue35-dark: var(--md-ref-palette-blue70); --md-ctx-palette-blue40-dark: var(--md-ref-palette-blue60); --md-ctx-palette-blue50-dark: var(--md-ref-palette-blue50); --md-ctx-palette-blue60-dark: var(--md-ref-palette-blue40); --md-ctx-palette-blue70-dark: var(--md-ref-palette-blue35); --md-ctx-palette-blue80-dark: var(--md-ref-palette-blue30); --md-ctx-palette-blue90-dark: var(--md-ref-palette-blue25); --md-ctx-palette-blue95-dark: var(--md-ref-palette-blue20); --md-ctx-palette-blue98-dark: var(--md-ref-palette-blue10); --md-ctx-palette-blue99-dark: var(--md-ref-palette-blue5); --md-ctx-palette-blue100-dark: var(--md-ref-palette-blue0); } :root { /* primary */ --md-sys-color-primary-lowest: var(--md-sys-color-primary-lowest-light); --md-sys-color-primary-lower: var(--md-sys-color-primary-lower-light); --md-sys-color-primary-low: var(--md-sys-color-primary-low-light); --md-sys-color-primary: var(--md-sys-color-primary-light); --md-sys-color-primary-high: var(--md-sys-color-primary-high-light); --md-sys-color-primary-higher: var(--md-sys-color-primary-higher-light); --md-sys-color-primary-highest: var(--md-sys-color-primary-highest-light); --md-sys-color-on-primary: var(--md-sys-color-on-primary-light); --md-sys-color-primary-container: var(--md-sys-color-primary-container-light); --md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-light); --md-sys-color-primary-container-low: var(--md-sys-color-primary-container-low-light); --md-sys-color-primary-container-lower: var(--md-sys-color-primary-container-lower-light); --md-sys-color-primary-container-lowest: var(--md-sys-color-primary-container-lowest-light); --md-sys-color-primary-container-high: var(--md-sys-color-primary-container-high-light); --md-sys-color-primary-container-higher: var(--md-sys-color-primary-container-higher-light); --md-sys-color-primary-container-highest: var(--md-sys-color-primary-container-highest-light); /* secondary */ --md-sys-color-secondary-lowest: var(--md-sys-color-secondary-lowest-light); --md-sys-color-secondary-lower: var(--md-sys-color-secondary-lower-light); --md-sys-color-secondary-low: var(--md-sys-color-secondary-low-light); --md-sys-color-secondary: var(--md-sys-color-secondary-light); --md-sys-color-secondary-high: var(--md-sys-color-secondary-high-light); --md-sys-color-secondary-higher: var(--md-sys-color-secondary-higher-light); --md-sys-color-secondary-highest: var(--md-sys-color-secondary-highest-light); --md-sys-color-on-secondary: var(--md-sys-color-on-secondary-light); --md-sys-color-secondary-container: var(--md-sys-color-secondary-container-light); --md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-light); --md-sys-color-secondary-container-low: var(--md-sys-color-secondary-container-low-light); --md-sys-color-secondary-container-lower: var(--md-sys-color-secondary-container-lower-light); --md-sys-color-secondary-container-lowest: var(--md-sys-color-secondary-container-lowest-light); --md-sys-color-secondary-container-high: var(--md-sys-color-secondary-container-high-light); --md-sys-color-secondary-container-higher: var(--md-sys-color-secondary-container-higher-light); --md-sys-color-secondary-container-highest: var(--md-sys-color-secondary-container-highest-light); /* tertiary */ --md-sys-color-tertiary-lowest: var(--md-sys-color-tertiary-lowest-light); --md-sys-color-tertiary-lower: var(--md-sys-color-tertiary-lower-light); --md-sys-color-tertiary-low: var(--md-sys-color-tertiary-low-light); --md-sys-color-tertiary: var(--md-sys-color-tertiary-light); --md-sys-color-tertiary-high: var(--md-sys-color-tertiary-high-light); --md-sys-color-tertiary-higher: var(--md-sys-color-tertiary-higher-light); --md-sys-color-tertiary-highest: var(--md-sys-color-tertiary-highest-light); --md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-light); --md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-light); --md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-light); --md-sys-color-tertiary-container-low: var(--md-sys-color-tertiary-container-low-light); --md-sys-color-tertiary-container-lower: var(--md-sys-color-tertiary-container-lower-light); --md-sys-color-tertiary-container-lowest: var(--md-sys-color-tertiary-container-lowest-light); --md-sys-color-tertiary-container-high: var(--md-sys-color-tertiary-container-high-light); --md-sys-color-tertiary-container-higher: var(--md-sys-color-tertiary-container-higher-light); --md-sys-color-tertiary-container-highest: var(--md-sys-color-tertiary-container-highest-light); /* error */ --md-sys-color-error-lowest: var(--md-sys-color-error-lowest-light); --md-sys-color-error-lower: var(--md-sys-color-error-lower-light); --md-sys-color-error-low: var(--md-sys-color-error-low-light); --md-sys-color-error: var(--md-sys-color-error-light); --md-sys-color-error-high: var(--md-sys-color-error-high-light); --md-sys-color-error-higher: var(--md-sys-color-error-higher-light); --md-sys-color-error-highest: var(--md-sys-color-error-highest-light); --md-sys-color-on-error: var(--md-sys-color-on-error-light); --md-sys-color-error-container: var(--md-sys-color-error-container-light); --md-sys-color-on-error-container: var(--md-sys-color-on-error-container-light); --md-sys-color-error-container-low: var(--md-sys-color-error-container-low-light); --md-sys-color-error-container-lower: var(--md-sys-color-error-container-lower-light); --md-sys-color-error-container-lowest: var(--md-sys-color-error-container-lowest-light); --md-sys-color-error-container-high: var(--md-sys-color-error-container-high-light); --md-sys-color-error-container-higher: var(--md-sys-color-error-container-higher-light); --md-sys-color-error-container-highest: var(--md-sys-color-error-container-highest-light); /* success */ --md-sys-color-success-lowest: var(--md-sys-color-success-lowest-light); --md-sys-color-success-lower: var(--md-sys-color-success-lower-light); --md-sys-color-success-low: var(--md-sys-color-success-low-light); --md-sys-color-success: var(--md-sys-color-success-light); --md-sys-color-success-high: var(--md-sys-color-success-high-light); --md-sys-color-success-higher: var(--md-sys-color-success-higher-light); --md-sys-color-success-highest: var(--md-sys-color-success-highest-light); --md-sys-color-on-success: var(--md-sys-color-on-success-light); --md-sys-color-success-container: var(--md-sys-color-success-container-light); --md-sys-color-on-success-container: var(--md-sys-color-on-success-container-light); --md-sys-color-success-container-low: var(--md-sys-color-success-container-low-light); --md-sys-color-success-container-lower: var(--md-sys-color-success-container-lower-light); --md-sys-color-success-container-lowest: var(--md-sys-color-success-container-lowest-light); --md-sys-color-success-container-high: var(--md-sys-color-success-container-high-light); --md-sys-color-success-container-higher: var(--md-sys-color-success-container-higher-light); --md-sys-color-success-container-highest: var(--md-sys-color-success-container-highest-light); /* warning */ --md-sys-color-warning-lowest: var(--md-sys-color-warning-lowest-light); --md-sys-color-warning-lower: var(--md-sys-color-warning-lower-light); --md-sys-color-warning-low: var(--md-sys-color-warning-low-light); --md-sys-color-warning: var(--md-sys-color-warning-light); --md-sys-color-warning-high: var(--md-sys-color-warning-high-light); --md-sys-color-warning-higher: var(--md-sys-color-warning-higher-light); --md-sys-color-warning-highest: var(--md-sys-color-warning-highest-light); --md-sys-color-on-warning: var(--md-sys-color-on-warning-light); --md-sys-color-warning-container: var(--md-sys-color-warning-container-light); --md-sys-color-on-warning-container: var(--md-sys-color-on-warning-container-light); --md-sys-color-warning-container-low: var(--md-sys-color-warning-container-low-light); --md-sys-color-warning-container-lower: var(--md-sys-color-warning-container-lower-light); --md-sys-color-warning-container-lowest: var(--md-sys-color-warning-container-lowest-light); --md-sys-color-warning-container-high: var(--md-sys-color-warning-container-high-light); --md-sys-color-warning-container-higher: var(--md-sys-color-warning-container-higher-light); --md-sys-color-warning-container-highest: var(--md-sys-color-warning-container-highest-light); /* purple */ --md-sys-color-purple-lowest: var(--md-sys-color-purple-lowest-light); --md-sys-color-purple-lower: var(--md-sys-color-purple-lower-light); --md-sys-color-purple-low: var(--md-sys-color-purple-low-light); --md-sys-color-purple: var(--md-sys-color-purple-light); --md-sys-color-purple-high: var(--md-sys-color-purple-high-light); --md-sys-color-purple-higher: var(--md-sys-color-purple-higher-light); --md-sys-color-purple-highest: var(--md-sys-color-purple-highest-light); --md-sys-color-on-purple: var(--md-sys-color-on-purple-light); --md-sys-color-purple-container: var(--md-sys-color-purple-container-light); --md-sys-color-on-purple-container: var(--md-sys-color-on-purple-container-light); --md-sys-color-purple-container-low: var(--md-sys-color-purple-container-low-light); --md-sys-color-purple-container-lower: var(--md-sys-color-purple-container-lower-light); --md-sys-color-purple-container-lowest: var(--md-sys-color-purple-container-lowest-light); --md-sys-color-purple-container-high: var(--md-sys-color-purple-container-high-light); --md-sys-color-purple-container-higher: var(--md-sys-color-purple-container-higher-light); --md-sys-color-purple-container-highest: var(--md-sys-color-purple-container-highest-light); /* blue */ --md-sys-color-blue-lowest: var(--md-sys-color-blue-lowest-light); --md-sys-color-blue-lower: var(--md-sys-color-blue-lower-light); --md-sys-color-blue-low: var(--md-sys-color-blue-low-light); --md-sys-color-blue: var(--md-sys-color-blue-light); --md-sys-color-blue-high: var(--md-sys-color-blue-high-light); --md-sys-color-blue-higher: var(--md-sys-color-blue-higher-light); --md-sys-color-blue-highest: var(--md-sys-color-blue-highest-light); --md-sys-color-on-blue: var(--md-sys-color-on-blue-light); --md-sys-color-blue-container: var(--md-sys-color-blue-container-light); --md-sys-color-on-blue-container: var(--md-sys-color-on-blue-container-light); --md-sys-color-blue-container-low: var(--md-sys-color-blue-container-low-light); --md-sys-color-blue-container-lower: var(--md-sys-color-blue-container-lower-light); --md-sys-color-blue-container-lowest: var(--md-sys-color-blue-container-lowest-light); --md-sys-color-blue-container-high: var(--md-sys-color-blue-container-high-light); --md-sys-color-blue-container-higher: var(--md-sys-color-blue-container-higher-light); --md-sys-color-blue-container-highest: var(--md-sys-color-blue-container-highest-light); /* neutral */ --md-sys-color-background: var(--md-sys-color-background-light); --md-sys-color-on-background: var(--md-sys-color-on-background-light); --md-sys-color-on-surface: var(--md-sys-color-on-surface-light); --md-sys-color-surface: var(--md-sys-color-surface-light); --md-sys-color-surface-high: var(--md-sys-color-surface-high-light); --md-sys-color-surface-higher: var(--md-sys-color-surface-higher-light); --md-sys-color-surface-highest: var(--md-sys-color-surface-highest-light); /* neutral-variant */ --md-sys-color-outline: var(--md-sys-color-outline-light); --md-sys-color-outline-low: var(--md-sys-color-outline-low-light); --md-sys-color-outline-lower: var(--md-sys-color-outline-lower-light); --md-sys-color-outline-lowest: var(--md-sys-color-outline-lowest-light); --md-sys-color-outline-variant: var(--md-sys-color-outline-variant-light); --md-sys-color-outline-variant-low: var(--md-sys-color-outline-variant-low-light); --md-sys-color-outline-variant-lower: var(--md-sys-color-outline-variant-lower-light); --md-sys-color-outline-variant-lowest: var(--md-sys-color-outline-variant-lowest-light); --md-sys-color-surface-variant: var(--md-sys-color-surface-variant-light); --md-sys-color-surface-variant-low: var(--md-sys-color-surface-variant-low-light); --md-sys-color-surface-variant-lower: var(--md-sys-color-surface-variant-lower-light); --md-sys-color-surface-variant-lowest: var(--md-sys-color-surface-variant-lowest-light); --md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-light); /* primary */ --md-ctx-palette-primary0: var(--md-ctx-palette-primary0-light); --md-ctx-palette-primary5: var(--md-ctx-palette-primary5-light); --md-ctx-palette-primary10: var(--md-ctx-palette-primary10-light); --md-ctx-palette-primary20: var(--md-ctx-palette-primary20-light); --md-ctx-palette-primary25: var(--md-ctx-palette-primary25-light); --md-ctx-palette-primary30: var(--md-ctx-palette-primary30-light); --md-ctx-palette-primary35: var(--md-ctx-palette-primary35-light); --md-ctx-palette-primary40: var(--md-ctx-palette-primary40-light); --md-ctx-palette-primary50: var(--md-ctx-palette-primary50-light); --md-ctx-palette-primary60: var(--md-ctx-palette-primary60-light); --md-ctx-palette-primary70: var(--md-ctx-palette-primary70-light); --md-ctx-palette-primary80: var(--md-ctx-palette-primary80-light); --md-ctx-palette-primary90: var(--md-ctx-palette-primary90-light); --md-ctx-palette-primary95: var(--md-ctx-palette-primary95-light); --md-ctx-palette-primary98: var(--md-ctx-palette-primary98-light); --md-ctx-palette-primary99: var(--md-ctx-palette-primary99-light); --md-ctx-palette-primary100: var(--md-ctx-palette-primary100-light); /* secondary */ --md-ctx-palette-secondary0: var(--md-ctx-palette-secondary0-light); --md-ctx-palette-secondary5: var(--md-ctx-palette-secondary5-light); --md-ctx-palette-secondary10: var(--md-ctx-palette-secondary10-light); --md-ctx-palette-secondary20: var(--md-ctx-palette-secondary20-light); --md-ctx-palette-secondary25: var(--md-ctx-palette-secondary25-light); --md-ctx-palette-secondary30: var(--md-ctx-palette-secondary30-light); --md-ctx-palette-secondary35: var(--md-ctx-palette-secondary35-light); --md-ctx-palette-secondary40: var(--md-ctx-palette-secondary40-light); --md-ctx-palette-secondary50: var(--md-ctx-palette-secondary50-light); --md-ctx-palette-secondary60: var(--md-ctx-palette-secondary60-light); --md-ctx-palette-secondary70: var(--md-ctx-palette-secondary70-light); --md-ctx-palette-secondary80: var(--md-ctx-palette-secondary80-light); --md-ctx-palette-secondary90: var(--md-ctx-palette-secondary90-light); --md-ctx-palette-secondary95: var(--md-ctx-palette-secondary95-light); --md-ctx-palette-secondary98: var(--md-ctx-palette-secondary98-light); --md-ctx-palette-secondary99: var(--md-ctx-palette-secondary99-light); --md-ctx-palette-secondary100: var(--md-ctx-palette-secondary100-light); /* tertiary */ --md-ctx-palette-tertiary0: var(--md-ctx-palette-tertiary0-light); --md-ctx-palette-tertiary5: var(--md-ctx-palette-tertiary5-light); --md-ctx-palette-tertiary10: var(--md-ctx-palette-tertiary10-light); --md-ctx-palette-tertiary20: var(--md-ctx-palette-tertiary20-light); --md-ctx-palette-tertiary25: var(--md-ctx-palette-tertiary25-light); --md-ctx-palette-tertiary30: var(--md-ctx-palette-tertiary30-light); --md-ctx-palette-tertiary35: var(--md-ctx-palette-tertiary35-light); --md-ctx-palette-tertiary40: var(--md-ctx-palette-tertiary40-light); --md-ctx-palette-tertiary50: var(--md-ctx-palette-tertiary50-light); --md-ctx-palette-tertiary60: var(--md-ctx-palette-tertiary60-light); --md-ctx-palette-tertiary70: var(--md-ctx-palette-tertiary70-light); --md-ctx-palette-tertiary80: var(--md-ctx-palette-tertiary80-light); --md-ctx-palette-tertiary90: var(--md-ctx-palette-tertiary90-light); --md-ctx-palette-tertiary95: var(--md-ctx-palette-tertiary95-light); --md-ctx-palette-tertiary98: var(--md-ctx-palette-tertiary98-light); --md-ctx-palette-tertiary99: var(--md-ctx-palette-tertiary99-light); --md-ctx-palette-tertiary100: var(--md-ctx-palette-tertiary100-light); /* error */ --md-ctx-palette-error0: var(--md-ctx-palette-error0-light); --md-ctx-palette-error5: var(--md-ctx-palette-error5-light); --md-ctx-palette-error10: var(--md-ctx-palette-error10-light); --md-ctx-palette-error20: var(--md-ctx-palette-error20-light); --md-ctx-palette-error25: var(--md-ctx-palette-error25-light); --md-ctx-palette-error30: var(--md-ctx-palette-error30-light); --md-ctx-palette-error35: var(--md-ctx-palette-error35-light); --md-ctx-palette-error40: var(--md-ctx-palette-error40-light); --md-ctx-palette-error50: var(--md-ctx-palette-error50-light); --md-ctx-palette-error60: var(--md-ctx-palette-error60-light); --md-ctx-palette-error70: var(--md-ctx-palette-error70-light); --md-ctx-palette-error80: var(--md-ctx-palette-error80-light); --md-ctx-palette-error90: var(--md-ctx-palette-error90-light); --md-ctx-palette-error95: var(--md-ctx-palette-error95-light); --md-ctx-palette-error98: var(--md-ctx-palette-error98-light); --md-ctx-palette-error99: var(--md-ctx-palette-error99-light); --md-ctx-palette-error100: var(--md-ctx-palette-error100-light); /* neutral */ --md-ctx-palette-neutral0: var(--md-ctx-palette-neutral0-light); --md-ctx-palette-neutral5: var(--md-ctx-palette-neutral5-light); --md-ctx-palette-neutral10: var(--md-ctx-palette-neutral10-light); --md-ctx-palette-neutral20: var(--md-ctx-palette-neutral20-light); --md-ctx-palette-neutral25: var(--md-ctx-palette-neutral25-light); --md-ctx-palette-neutral30: var(--md-ctx-palette-neutral30-light); --md-ctx-palette-neutral35: var(--md-ctx-palette-neutral35-light); --md-ctx-palette-neutral40: var(--md-ctx-palette-neutral40-light); --md-ctx-palette-neutral50: var(--md-ctx-palette-neutral50-light); --md-ctx-palette-neutral60: var(--md-ctx-palette-neutral60-light); --md-ctx-palette-neutral70: var(--md-ctx-palette-neutral70-light); --md-ctx-palette-neutral80: var(--md-ctx-palette-neutral80-light); --md-ctx-palette-neutral90: var(--md-ctx-palette-neutral90-light); --md-ctx-palette-neutral95: var(--md-ctx-palette-neutral95-light); --md-ctx-palette-neutral98: var(--md-ctx-palette-neutral98-light); --md-ctx-palette-neutral99: var(--md-ctx-palette-neutral99-light); --md-ctx-palette-neutral100: var(--md-ctx-palette-neutral100-light); /* neutral-variant */ --md-ctx-palette-neutral-variant0: var(--md-ctx-palette-neutral-variant0-light); --md-ctx-palette-neutral-variant5: var(--md-ctx-palette-neutral-variant5-light); --md-ctx-palette-neutral-variant10: var(--md-ctx-palette-neutral-variant10-light); --md-ctx-palette-neutral-variant20: var(--md-ctx-palette-neutral-variant20-light); --md-ctx-palette-neutral-variant25: var(--md-ctx-palette-neutral-variant25-light); --md-ctx-palette-neutral-variant30: var(--md-ctx-palette-neutral-variant30-light); --md-ctx-palette-neutral-variant35: var(--md-ctx-palette-neutral-variant35-light); --md-ctx-palette-neutral-variant40: var(--md-ctx-palette-neutral-variant40-light); --md-ctx-palette-neutral-variant50: var(--md-ctx-palette-neutral-variant50-light); --md-ctx-palette-neutral-variant60: var(--md-ctx-palette-neutral-variant60-light); --md-ctx-palette-neutral-variant70: var(--md-ctx-palette-neutral-variant70-light); --md-ctx-palette-neutral-variant80: var(--md-ctx-palette-neutral-variant80-light); --md-ctx-palette-neutral-variant90: var(--md-ctx-palette-neutral-variant90-light); --md-ctx-palette-neutral-variant95: var(--md-ctx-palette-neutral-variant95-light); --md-ctx-palette-neutral-variant98: var(--md-ctx-palette-neutral-variant98-light); --md-ctx-palette-neutral-variant99: var(--md-ctx-palette-neutral-variant99-light); --md-ctx-palette-neutral-variant100: var(--md-ctx-palette-neutral-variant100-light); /* success */ --md-ctx-palette-success0: var(--md-ctx-palette-success0-light); --md-ctx-palette-success5: var(--md-ctx-palette-success5-light); --md-ctx-palette-success10: var(--md-ctx-palette-success10-light); --md-ctx-palette-success20: var(--md-ctx-palette-success20-light); --md-ctx-palette-success25: var(--md-ctx-palette-success25-light); --md-ctx-palette-success30: var(--md-ctx-palette-success30-light); --md-ctx-palette-success35: var(--md-ctx-palette-success35-light); --md-ctx-palette-success40: var(--md-ctx-palette-success40-light); --md-ctx-palette-success50: var(--md-ctx-palette-success50-light); --md-ctx-palette-success60: var(--md-ctx-palette-success60-light); --md-ctx-palette-success70: var(--md-ctx-palette-success70-light); --md-ctx-palette-success80: var(--md-ctx-palette-success80-light); --md-ctx-palette-success90: var(--md-ctx-palette-success90-light); --md-ctx-palette-success95: var(--md-ctx-palette-success95-light); --md-ctx-palette-success98: var(--md-ctx-palette-success98-light); --md-ctx-palette-success99: var(--md-ctx-palette-success99-light); --md-ctx-palette-success100: var(--md-ctx-palette-success100-light); /* warning */ --md-ctx-palette-warning0: var(--md-ctx-palette-warning0-light); --md-ctx-palette-warning5: var(--md-ctx-palette-warning5-light); --md-ctx-palette-warning10: var(--md-ctx-palette-warning10-light); --md-ctx-palette-warning20: var(--md-ctx-palette-warning20-light); --md-ctx-palette-warning25: var(--md-ctx-palette-warning25-light); --md-ctx-palette-warning30: var(--md-ctx-palette-warning30-light); --md-ctx-palette-warning35: var(--md-ctx-palette-warning35-light); --md-ctx-palette-warning40: var(--md-ctx-palette-warning40-light); --md-ctx-palette-warning50: var(--md-ctx-palette-warning50-light); --md-ctx-palette-warning60: var(--md-ctx-palette-warning60-light); --md-ctx-palette-warning70: var(--md-ctx-palette-warning70-light); --md-ctx-palette-warning80: var(--md-ctx-palette-warning80-light); --md-ctx-palette-warning90: var(--md-ctx-palette-warning90-light); --md-ctx-palette-warning95: var(--md-ctx-palette-warning95-light); --md-ctx-palette-warning98: var(--md-ctx-palette-warning98-light); --md-ctx-palette-warning99: var(--md-ctx-palette-warning99-light); --md-ctx-palette-warning100: var(--md-ctx-palette-warning100-light); /* purple */ --md-ctx-palette-purple0: var(--md-ctx-palette-purple0-light); --md-ctx-palette-purple5: var(--md-ctx-palette-purple5-light); --md-ctx-palette-purple10: var(--md-ctx-palette-purple10-light); --md-ctx-palette-purple20: var(--md-ctx-palette-purple20-light); --md-ctx-palette-purple25: var(--md-ctx-palette-purple25-light); --md-ctx-palette-purple30: var(--md-ctx-palette-purple30-light); --md-ctx-palette-purple35: var(--md-ctx-palette-purple35-light); --md-ctx-palette-purple40: var(--md-ctx-palette-purple40-light); --md-ctx-palette-purple50: var(--md-ctx-palette-purple50-light); --md-ctx-palette-purple60: var(--md-ctx-palette-purple60-light); --md-ctx-palette-purple70: var(--md-ctx-palette-purple70-light); --md-ctx-palette-purple80: var(--md-ctx-palette-purple80-light); --md-ctx-palette-purple90: var(--md-ctx-palette-purple90-light); --md-ctx-palette-purple95: var(--md-ctx-palette-purple95-light); --md-ctx-palette-purple98: var(--md-ctx-palette-purple98-light); --md-ctx-palette-purple99: var(--md-ctx-palette-purple99-light); --md-ctx-palette-purple100: var(--md-ctx-palette-purple100-light); /* blue */ --md-ctx-palette-blue0: var(--md-ctx-palette-blue0-light); --md-ctx-palette-blue5: var(--md-ctx-palette-blue5-light); --md-ctx-palette-blue10: var(--md-ctx-palette-blue10-light); --md-ctx-palette-blue20: var(--md-ctx-palette-blue20-light); --md-ctx-palette-blue25: var(--md-ctx-palette-blue25-light); --md-ctx-palette-blue30: var(--md-ctx-palette-blue30-light); --md-ctx-palette-blue35: var(--md-ctx-palette-blue35-light); --md-ctx-palette-blue40: var(--md-ctx-palette-blue40-light); --md-ctx-palette-blue50: var(--md-ctx-palette-blue50-light); --md-ctx-palette-blue60: var(--md-ctx-palette-blue60-light); --md-ctx-palette-blue70: var(--md-ctx-palette-blue70-light); --md-ctx-palette-blue80: var(--md-ctx-palette-blue80-light); --md-ctx-palette-blue90: var(--md-ctx-palette-blue90-light); --md-ctx-palette-blue95: var(--md-ctx-palette-blue95-light); --md-ctx-palette-blue98: var(--md-ctx-palette-blue98-light); --md-ctx-palette-blue99: var(--md-ctx-palette-blue99-light); --md-ctx-palette-blue100: var(--md-ctx-palette-blue100-light); /* alpha primary */ --md-sys-color-primary-alpha-05: rgba(0, 112, 249, 0.05); --md-sys-color-primary-alpha-08: rgba(0, 112, 249, 0.08); --md-sys-color-primary-alpha-10: rgba(0, 112, 249, 0.1); --md-sys-color-primary-alpha-12: rgba(0, 112, 249, 0.12); --md-sys-color-primary-alpha-16: rgba(0, 112, 249, 0.16); --md-sys-color-primary-alpha-24: rgba(0, 112, 249, 0.24); /* alpha secondary */ --md-sys-color-secondary-alpha-05: rgba(112, 119, 139, 0.05); --md-sys-color-secondary-alpha-08: rgba(112, 119, 139, 0.08); --md-sys-color-secondary-alpha-10: rgba(112, 119, 139, 0.1); --md-sys-color-secondary-alpha-12: rgba(112, 119, 139, 0.12); --md-sys-color-secondary-alpha-16: rgba(112, 119, 139, 0.16); --md-sys-color-secondary-alpha-24: rgba(112, 119, 139, 0.24); /* alpha tertiary */ --md-sys-color-tertiary-alpha-05: rgba(166, 106, 0, 0.05); --md-sys-color-tertiary-alpha-08: rgba(166, 106, 0, 0.08); --md-sys-color-tertiary-alpha-10: rgba(166, 106, 0, 0.1); --md-sys-color-tertiary-alpha-12: rgba(166, 106, 0, 0.12); --md-sys-color-tertiary-alpha-16: rgba(166, 106, 0, 0.16); --md-sys-color-tertiary-alpha-24: rgba(166, 106, 0, 0.24); /* alpha error */ --md-sys-color-error-alpha-05: rgba(231, 29, 73, 0.05); --md-sys-color-error-alpha-08: rgba(231, 29, 73, 0.08); --md-sys-color-error-alpha-10: rgba(231, 29, 73, 0.1); --md-sys-color-error-alpha-12: rgba(231, 29, 73, 0.12); --md-sys-color-error-alpha-16: rgba(231, 29, 73, 0.16); --md-sys-color-error-alpha-24: rgba(231, 29, 73, 0.24); /* alpha success */ --md-sys-color-success-alpha-05: rgba(43, 137, 0, 0.05); --md-sys-color-success-alpha-08: rgba(43, 137, 0, 0.08); --md-sys-color-success-alpha-10: rgba(43, 137, 0, 0.1); --md-sys-color-success-alpha-12: rgba(43, 137, 0, 0.12); --md-sys-color-success-alpha-16: rgba(43, 137, 0, 0.16); --md-sys-color-success-alpha-24: rgba(43, 137, 0, 0.24); /* alpha purple */ --md-sys-color-purple-alpha-05: rgba(200, 0, 237, 0.05); --md-sys-color-purple-alpha-08: rgba(200, 0, 237, 0.08); --md-sys-color-purple-alpha-10: rgba(200, 0, 237, 0.1); --md-sys-color-purple-alpha-12: rgba(200, 0, 237, 0.12); --md-sys-color-purple-alpha-16: rgba(200, 0, 237, 0.16); --md-sys-color-purple-alpha-24: rgba(200, 0, 237, 0.24); /* alpha blue */ --md-sys-color-blue-alpha-05: rgba(0, 126, 183, 0.05); --md-sys-color-blue-alpha-08: rgba(0, 126, 183, 0.08); --md-sys-color-blue-alpha-10: rgba(0, 126, 183, 0.1); --md-sys-color-blue-alpha-12: rgba(0, 126, 183, 0.12); --md-sys-color-blue-alpha-16: rgba(0, 126, 183, 0.16); --md-sys-color-blue-alpha-24: rgba(0, 126, 183, 0.24); /* alpha outline */ --md-sys-color-outline-alpha-05: rgba(117, 119, 128, 0.05); --md-sys-color-outline-alpha-08: rgba(117, 119, 128, 0.08); --md-sys-color-outline-alpha-10: rgba(117, 119, 128, 0.1); --md-sys-color-outline-alpha-12: rgba(117, 119, 128, 0.12); --md-sys-color-outline-alpha-16: rgba(117, 119, 128, 0.16); --md-sys-color-outline-alpha-24: rgba(117, 119, 128, 0.24); /* alpha on-surface */ --md-sys-color-on-surface-alpha-05: rgba(26, 28, 30, 0.05); --md-sys-color-on-surface-alpha-08: rgba(26, 28, 30, 0.08); --md-sys-color-on-surface-alpha-10: rgba(26, 28, 30, 0.1); --md-sys-color-on-surface-alpha-12: rgba(26, 28, 30, 0.12); --md-sys-color-on-surface-alpha-16: rgba(26, 28, 30, 0.16); --md-sys-color-on-surface-alpha-24: rgba(26, 28, 30, 0.24); } @media (prefers-color-scheme: light) { :root { /* primary */ --md-sys-color-primary-lowest: var(--md-sys-color-primary-lowest-light); --md-sys-color-primary-lower: var(--md-sys-color-primary-lower-light); --md-sys-color-primary-low: var(--md-sys-color-primary-low-light); --md-sys-color-primary: var(--md-sys-color-primary-light); --md-sys-color-primary-high: var(--md-sys-color-primary-high-light); --md-sys-color-primary-higher: var(--md-sys-color-primary-higher-light); --md-sys-color-primary-highest: var(--md-sys-color-primary-highest-light); --md-sys-color-on-primary: var(--md-sys-color-on-primary-light); --md-sys-color-primary-container: var(--md-sys-color-primary-container-light); --md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-light); --md-sys-color-primary-container-low: var(--md-sys-color-primary-container-low-light); --md-sys-color-primary-container-lower: var(--md-sys-color-primary-container-lower-light); --md-sys-color-primary-container-lowest: var(--md-sys-color-primary-container-lowest-light); --md-sys-color-primary-container-high: var(--md-sys-color-primary-container-high-light); --md-sys-color-primary-container-higher: var(--md-sys-color-primary-container-higher-light); --md-sys-color-primary-container-highest: var(--md-sys-color-primary-container-highest-light); /* secondary */ --md-sys-color-secondary-lowest: var(--md-sys-color-secondary-lowest-light); --md-sys-color-secondary-lower: var(--md-sys-color-secondary-lower-light); --md-sys-color-secondary-low: var(--md-sys-color-secondary-low-light); --md-sys-color-secondary: var(--md-sys-color-secondary-light); --md-sys-color-secondary-high: var(--md-sys-color-secondary-high-light); --md-sys-color-secondary-higher: var(--md-sys-color-secondary-higher-light); --md-sys-color-secondary-highest: var(--md-sys-color-secondary-highest-light); --md-sys-color-on-secondary: var(--md-sys-color-on-secondary-light); --md-sys-color-secondary-container: var(--md-sys-color-secondary-container-light); --md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-light); --md-sys-color-secondary-container-low: var(--md-sys-color-secondary-container-low-light); --md-sys-color-secondary-container-lower: var(--md-sys-color-secondary-container-lower-light); --md-sys-color-secondary-container-lowest: var(--md-sys-color-secondary-container-lowest-light); --md-sys-color-secondary-container-high: var(--md-sys-color-secondary-container-high-light); --md-sys-color-secondary-container-higher: var(--md-sys-color-secondary-container-higher-light); --md-sys-color-secondary-container-highest: var(--md-sys-color-secondary-container-highest-light); /* tertiary */ --md-sys-color-tertiary-lowest: var(--md-sys-color-tertiary-lowest-light); --md-sys-color-tertiary-lower: var(--md-sys-color-tertiary-lower-light); --md-sys-color-tertiary-low: var(--md-sys-color-tertiary-low-light); --md-sys-color-tertiary: var(--md-sys-color-tertiary-light); --md-sys-color-tertiary-high: var(--md-sys-color-tertiary-high-light); --md-sys-color-tertiary-higher: var(--md-sys-color-tertiary-higher-light); --md-sys-color-tertiary-highest: var(--md-sys-color-tertiary-highest-light); --md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-light); --md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-light); --md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-light); --md-sys-color-tertiary-container-low: var(--md-sys-color-tertiary-container-low-light); --md-sys-color-tertiary-container-lower: var(--md-sys-color-tertiary-container-lower-light); --md-sys-color-tertiary-container-lowest: var(--md-sys-color-tertiary-container-lowest-light); --md-sys-color-tertiary-container-high: var(--md-sys-color-tertiary-container-high-light); --md-sys-color-tertiary-container-higher: var(--md-sys-color-tertiary-container-higher-light); --md-sys-color-tertiary-container-highest: var(--md-sys-color-tertiary-container-highest-light); /* error */ --md-sys-color-error-lowest: var(--md-sys-color-error-lowest-light); --md-sys-color-error-lower: var(--md-sys-color-error-lower-light); --md-sys-color-error-low: var(--md-sys-color-error-low-light); --md-sys-color-error: var(--md-sys-color-error-light); --md-sys-color-error-high: var(--md-sys-color-error-high-light); --md-sys-color-error-higher: var(--md-sys-color-error-higher-light); --md-sys-color-error-highest: var(--md-sys-color-error-highest-light); --md-sys-color-on-error: var(--md-sys-color-on-error-light); --md-sys-color-error-container: var(--md-sys-color-error-container-light); --md-sys-color-on-error-container: var(--md-sys-color-on-error-container-light); --md-sys-color-error-container-low: var(--md-sys-color-error-container-low-light); --md-sys-color-error-container-lower: var(--md-sys-color-error-container-lower-light); --md-sys-color-error-container-lowest: var(--md-sys-color-error-container-lowest-light); --md-sys-color-error-container-high: var(--md-sys-color-error-container-high-light); --md-sys-color-error-container-higher: var(--md-sys-color-error-container-higher-light); --md-sys-color-error-container-highest: var(--md-sys-color-error-container-highest-light); /* success */ --md-sys-color-success-lowest: var(--md-sys-color-success-lowest-light); --md-sys-color-success-lower: var(--md-sys-color-success-lower-light); --md-sys-color-success-low: var(--md-sys-color-success-low-light); --md-sys-color-success: var(--md-sys-color-success-light); --md-sys-color-success-high: var(--md-sys-color-success-high-light); --md-sys-color-success-higher: var(--md-sys-color-success-higher-light); --md-sys-color-success-highest: var(--md-sys-color-success-highest-light); --md-sys-color-on-success: var(--md-sys-color-on-success-light); --md-sys-color-success-container: var(--md-sys-color-success-container-light); --md-sys-color-on-success-container: var(--md-sys-color-on-success-container-light); --md-sys-color-success-container-low: var(--md-sys-color-success-container-low-light); --md-sys-color-success-container-lower: var(--md-sys-color-success-container-lower-light); --md-sys-color-success-container-lowest: var(--md-sys-color-success-container-lowest-light); --md-sys-color-success-container-high: var(--md-sys-color-success-container-high-light); --md-sys-color-success-container-higher: var(--md-sys-color-success-container-higher-light); --md-sys-color-success-container-highest: var(--md-sys-color-success-container-highest-light); /* warning */ --md-sys-color-warning-lowest: var(--md-sys-color-warning-lowest-light); --md-sys-color-warning-lower: var(--md-sys-color-warning-lower-light); --md-sys-color-warning-low: var(--md-sys-color-warning-low-light); --md-sys-color-warning: var(--md-sys-color-warning-light); --md-sys-color-warning-high: var(--md-sys-color-warning-high-light); --md-sys-color-warning-higher: var(--md-sys-color-warning-higher-light); --md-sys-color-warning-highest: var(--md-sys-color-warning-highest-light); --md-sys-color-on-warning: var(--md-sys-color-on-warning-light); --md-sys-color-warning-container: var(--md-sys-color-warning-container-light); --md-sys-color-on-warning-container: var(--md-sys-color-on-warning-container-light); --md-sys-color-warning-container-low: var(--md-sys-color-warning-container-low-light); --md-sys-color-warning-container-lower: var(--md-sys-color-warning-container-lower-light); --md-sys-color-warning-container-lowest: var(--md-sys-color-warning-container-lowest-light); --md-sys-color-warning-container-high: var(--md-sys-color-warning-container-high-light); --md-sys-color-warning-container-higher: var(--md-sys-color-warning-container-higher-light); --md-sys-color-warning-container-highest: var(--md-sys-color-warning-container-highest-light); /* purple */ --md-sys-color-purple-lowest: var(--md-sys-color-purple-lowest-light); --md-sys-color-purple-lower: var(--md-sys-color-purple-lower-light); --md-sys-color-purple-low: var(--md-sys-color-purple-low-light); --md-sys-color-purple: var(--md-sys-color-purple-light); --md-sys-color-purple-high: var(--md-sys-color-purple-high-light); --md-sys-color-purple-higher: var(--md-sys-color-purple-higher-light); --md-sys-color-purple-highest: var(--md-sys-color-purple-highest-light); --md-sys-color-on-purple: var(--md-sys-color-on-purple-light); --md-sys-color-purple-container: var(--md-sys-color-purple-container-light); --md-sys-color-on-purple-container: var(--md-sys-color-on-purple-container-light); --md-sys-color-purple-container-low: var(--md-sys-color-purple-container-low-light); --md-sys-color-purple-container-lower: var(--md-sys-color-purple-container-lower-light); --md-sys-color-purple-container-lowest: var(--md-sys-color-purple-container-lowest-light); --md-sys-color-purple-container-high: var(--md-sys-color-purple-container-high-light); --md-sys-color-purple-container-higher: var(--md-sys-color-purple-container-higher-light); --md-sys-color-purple-container-highest: var(--md-sys-color-purple-container-highest-light); /* blue */ --md-sys-color-blue-lowest: var(--md-sys-color-blue-lowest-light); --md-sys-color-blue-lower: var(--md-sys-color-blue-lower-light); --md-sys-color-blue-low: var(--md-sys-color-blue-low-light); --md-sys-color-blue: var(--md-sys-color-blue-light); --md-sys-color-blue-high: var(--md-sys-color-blue-high-light); --md-sys-color-blue-higher: var(--md-sys-color-blue-higher-light); --md-sys-color-blue-highest: var(--md-sys-color-blue-highest-light); --md-sys-color-on-blue: var(--md-sys-color-on-blue-light); --md-sys-color-blue-container: var(--md-sys-color-blue-container-light); --md-sys-color-on-blue-container: var(--md-sys-color-on-blue-container-light); --md-sys-color-blue-container-low: var(--md-sys-color-blue-container-low-light); --md-sys-color-blue-container-lower: var(--md-sys-color-blue-container-lower-light); --md-sys-color-blue-container-lowest: var(--md-sys-color-blue-container-lowest-light); --md-sys-color-blue-container-high: var(--md-sys-color-blue-container-high-light); --md-sys-color-blue-container-higher: var(--md-sys-color-blue-container-higher-light); --md-sys-color-blue-container-highest: var(--md-sys-color-blue-container-highest-light); /* neutral */ --md-sys-color-background: var(--md-sys-color-background-light); --md-sys-color-on-background: var(--md-sys-color-on-background-light); --md-sys-color-on-surface: var(--md-sys-color-on-surface-light); --md-sys-color-surface: var(--md-sys-color-surface-light); --md-sys-color-surface-high: var(--md-sys-color-surface-high-light); --md-sys-color-surface-higher: var(--md-sys-color-surface-higher-light); --md-sys-color-surface-highest: var(--md-sys-color-surface-highest-light); /* neutral-variant */ --md-sys-color-outline: var(--md-sys-color-outline-light); --md-sys-color-outline-low: var(--md-sys-color-outline-low-light); --md-sys-color-outline-lower: var(--md-sys-color-outline-lower-light); --md-sys-color-outline-lowest: var(--md-sys-color-outline-lowest-light); --md-sys-color-outline-variant: var(--md-sys-color-outline-variant-light); --md-sys-color-outline-variant-low: var(--md-sys-color-outline-variant-low-light); --md-sys-color-outline-variant-lower: var(--md-sys-color-outline-variant-lower-light); --md-sys-color-outline-variant-lowest: var(--md-sys-color-outline-variant-lowest-light); --md-sys-color-surface-variant: var(--md-sys-color-surface-variant-light); --md-sys-color-surface-variant-low: var(--md-sys-color-surface-variant-low-light); --md-sys-color-surface-variant-lower: var(--md-sys-color-surface-variant-lower-light); --md-sys-color-surface-variant-lowest: var(--md-sys-color-surface-variant-lowest-light); --md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-light); /* primary */ --md-ctx-palette-primary0: var(--md-ctx-palette-primary0-light); --md-ctx-palette-primary5: var(--md-ctx-palette-primary5-light); --md-ctx-palette-primary10: var(--md-ctx-palette-primary10-light); --md-ctx-palette-primary20: var(--md-ctx-palette-primary20-light); --md-ctx-palette-primary25: var(--md-ctx-palette-primary25-light); --md-ctx-palette-primary30: var(--md-ctx-palette-primary30-light); --md-ctx-palette-primary35: var(--md-ctx-palette-primary35-light); --md-ctx-palette-primary40: var(--md-ctx-palette-primary40-light); --md-ctx-palette-primary50: var(--md-ctx-palette-primary50-light); --md-ctx-palette-primary60: var(--md-ctx-palette-primary60-light); --md-ctx-palette-primary70: var(--md-ctx-palette-primary70-light); --md-ctx-palette-primary80: var(--md-ctx-palette-primary80-light); --md-ctx-palette-primary90: var(--md-ctx-palette-primary90-light); --md-ctx-palette-primary95: var(--md-ctx-palette-primary95-light); --md-ctx-palette-primary98: var(--md-ctx-palette-primary98-light); --md-ctx-palette-primary99: var(--md-ctx-palette-primary99-light); --md-ctx-palette-primary100: var(--md-ctx-palette-primary100-light); /* secondary */ --md-ctx-palette-secondary0: var(--md-ctx-palette-secondary0-light); --md-ctx-palette-secondary5: var(--md-ctx-palette-secondary5-light); --md-ctx-palette-secondary10: var(--md-ctx-palette-secondary10-light); --md-ctx-palette-secondary20: var(--md-ctx-palette-secondary20-light); --md-ctx-palette-secondary25: var(--md-ctx-palette-secondary25-light); --md-ctx-palette-secondary30: var(--md-ctx-palette-secondary30-light); --md-ctx-palette-secondary35: var(--md-ctx-palette-secondary35-light); --md-ctx-palette-secondary40: var(--md-ctx-palette-secondary40-light); --md-ctx-palette-secondary50: var(--md-ctx-palette-secondary50-light); --md-ctx-palette-secondary60: var(--md-ctx-palette-secondary60-light); --md-ctx-palette-secondary70: var(--md-ctx-palette-secondary70-light); --md-ctx-palette-secondary80: var(--md-ctx-palette-secondary80-light); --md-ctx-palette-secondary90: var(--md-ctx-palette-secondary90-light); --md-ctx-palette-secondary95: var(--md-ctx-palette-secondary95-light); --md-ctx-palette-secondary98: var(--md-ctx-palette-secondary98-light); --md-ctx-palette-secondary99: var(--md-ctx-palette-secondary99-light); --md-ctx-palette-secondary100: var(--md-ctx-palette-secondary100-light); /* tertiary */ --md-ctx-palette-tertiary0: var(--md-ctx-palette-tertiary0-light); --md-ctx-palette-tertiary5: var(--md-ctx-palette-tertiary5-light); --md-ctx-palette-tertiary10: var(--md-ctx-palette-tertiary10-light); --md-ctx-palette-tertiary20: var(--md-ctx-palette-tertiary20-light); --md-ctx-palette-tertiary25: var(--md-ctx-palette-tertiary25-light); --md-ctx-palette-tertiary30: var(--md-ctx-palette-tertiary30-light); --md-ctx-palette-tertiary35: var(--md-ctx-palette-tertiary35-light); --md-ctx-palette-tertiary40: var(--md-ctx-palette-tertiary40-light); --md-ctx-palette-tertiary50: var(--md-ctx-palette-tertiary50-light); --md-ctx-palette-tertiary60: var(--md-ctx-palette-tertiary60-light); --md-ctx-palette-tertiary70: var(--md-ctx-palette-tertiary70-light); --md-ctx-palette-tertiary80: var(--md-ctx-palette-tertiary80-light); --md-ctx-palette-tertiary90: var(--md-ctx-palette-tertiary90-light); --md-ctx-palette-tertiary95: var(--md-ctx-palette-tertiary95-light); --md-ctx-palette-tertiary98: var(--md-ctx-palette-tertiary98-light); --md-ctx-palette-tertiary99: var(--md-ctx-palette-tertiary99-light); --md-ctx-palette-tertiary100: var(--md-ctx-palette-tertiary100-light); /* error */ --md-ctx-palette-error0: var(--md-ctx-palette-error0-light); --md-ctx-palette-error5: var(--md-ctx-palette-error5-light); --md-ctx-palette-error10: var(--md-ctx-palette-error10-light); --md-ctx-palette-error20: var(--md-ctx-palette-error20-light); --md-ctx-palette-error25: var(--md-ctx-palette-error25-light); --md-ctx-palette-error30: var(--md-ctx-palette-error30-light); --md-ctx-palette-error35: var(--md-ctx-palette-error35-light); --md-ctx-palette-error40: var(--md-ctx-palette-error40-light); --md-ctx-palette-error50: var(--md-ctx-palette-error50-light); --md-ctx-palette-error60: var(--md-ctx-palette-error60-light); --md-ctx-palette-error70: var(--md-ctx-palette-error70-light); --md-ctx-palette-error80: var(--md-ctx-palette-error80-light); --md-ctx-palette-error90: var(--md-ctx-palette-error90-light); --md-ctx-palette-error95: var(--md-ctx-palette-error95-light); --md-ctx-palette-error98: var(--md-ctx-palette-error98-light); --md-ctx-palette-error99: var(--md-ctx-palette-error99-light); --md-ctx-palette-error100: var(--md-ctx-palette-error100-light); /* neutral */ --md-ctx-palette-neutral0: var(--md-ctx-palette-neutral0-light); --md-ctx-palette-neutral5: var(--md-ctx-palette-neutral5-light); --md-ctx-palette-neutral10: var(--md-ctx-palette-neutral10-light); --md-ctx-palette-neutral20: var(--md-ctx-palette-neutral20-light); --md-ctx-palette-neutral25: var(--md-ctx-palette-neutral25-light); --md-ctx-palette-neutral30: var(--md-ctx-palette-neutral30-light); --md-ctx-palette-neutral35: var(--md-ctx-palette-neutral35-light); --md-ctx-palette-neutral40: var(--md-ctx-palette-neutral40-light); --md-ctx-palette-neutral50: var(--md-ctx-palette-neutral50-light); --md-ctx-palette-neutral60: var(--md-ctx-palette-neutral60-light); --md-ctx-palette-neutral70: var(--md-ctx-palette-neutral70-light); --md-ctx-palette-neutral80: var(--md-ctx-palette-neutral80-light); --md-ctx-palette-neutral90: var(--md-ctx-palette-neutral90-light); --md-ctx-palette-neutral95: var(--md-ctx-palette-neutral95-light); --md-ctx-palette-neutral98: var(--md-ctx-palette-neutral98-light); --md-ctx-palette-neutral99: var(--md-ctx-palette-neutral99-light); --md-ctx-palette-neutral100: var(--md-ctx-palette-neutral100-light); /* neutral-variant */ --md-ctx-palette-neutral-variant0: var(--md-ctx-palette-neutral-variant0-light); --md-ctx-palette-neutral-variant5: var(--md-ctx-palette-neutral-variant5-light); --md-ctx-palette-neutral-variant10: var(--md-ctx-palette-neutral-variant10-light); --md-ctx-palette-neutral-variant20: var(--md-ctx-palette-neutral-variant20-light); --md-ctx-palette-neutral-variant25: var(--md-ctx-palette-neutral-variant25-light); --md-ctx-palette-neutral-variant30: var(--md-ctx-palette-neutral-variant30-light); --md-ctx-palette-neutral-variant35: var(--md-ctx-palette-neutral-variant35-light); --md-ctx-palette-neutral-variant40: var(--md-ctx-palette-neutral-variant40-light); --md-ctx-palette-neutral-variant50: var(--md-ctx-palette-neutral-variant50-light); --md-ctx-palette-neutral-variant60: var(--md-ctx-palette-neutral-variant60-light); --md-ctx-palette-neutral-variant70: var(--md-ctx-palette-neutral-variant70-light); --md-ctx-palette-neutral-variant80: var(--md-ctx-palette-neutral-variant80-light); --md-ctx-palette-neutral-variant90: var(--md-ctx-palette-neutral-variant90-light); --md-ctx-palette-neutral-variant95: var(--md-ctx-palette-neutral-variant95-light); --md-ctx-palette-neutral-variant98: var(--md-ctx-palette-neutral-variant98-light); --md-ctx-palette-neutral-variant99: var(--md-ctx-palette-neutral-variant99-light); --md-ctx-palette-neutral-variant100: var(--md-ctx-palette-neutral-variant100-light); /* success */ --md-ctx-palette-success0: var(--md-ctx-palette-success0-light); --md-ctx-palette-success5: var(--md-ctx-palette-success5-light); --md-ctx-palette-success10: var(--md-ctx-palette-success10-light); --md-ctx-palette-success20: var(--md-ctx-palette-success20-light); --md-ctx-palette-success25: var(--md-ctx-palette-success25-light); --md-ctx-palette-success30: var(--md-ctx-palette-success30-light); --md-ctx-palette-success35: var(--md-ctx-palette-success35-light); --md-ctx-palette-success40: var(--md-ctx-palette-success40-light); --md-ctx-palette-success50: var(--md-ctx-palette-success50-light); --md-ctx-palette-success60: var(--md-ctx-palette-success60-light); --md-ctx-palette-success70: var(--md-ctx-palette-success70-light); --md-ctx-palette-success80: var(--md-ctx-palette-success80-light); --md-ctx-palette-success90: var(--md-ctx-palette-success90-light); --md-ctx-palette-success95: var(--md-ctx-palette-success95-light); --md-ctx-palette-success98: var(--md-ctx-palette-success98-light); --md-ctx-palette-success99: var(--md-ctx-palette-success99-light); --md-ctx-palette-success100: var(--md-ctx-palette-success100-light); /* warning */ --md-ctx-palette-warning0: var(--md-ctx-palette-warning0-light); --md-ctx-palette-warning5: var(--md-ctx-palette-warning5-light); --md-ctx-palette-warning10: var(--md-ctx-palette-warning10-light); --md-ctx-palette-warning20: var(--md-ctx-palette-warning20-light); --md-ctx-palette-warning25: var(--md-ctx-palette-warning25-light); --md-ctx-palette-warning30: var(--md-ctx-palette-warning30-light); --md-ctx-palette-warning35: var(--md-ctx-palette-warning35-light); --md-ctx-palette-warning40: var(--md-ctx-palette-warning40-light); --md-ctx-palette-warning50: var(--md-ctx-palette-warning50-light); --md-ctx-palette-warning60: var(--md-ctx-palette-warning60-light); --md-ctx-palette-warning70: var(--md-ctx-palette-warning70-light); --md-ctx-palette-warning80: var(--md-ctx-palette-warning80-light); --md-ctx-palette-warning90: var(--md-ctx-palette-warning90-light); --md-ctx-palette-warning95: var(--md-ctx-palette-warning95-light); --md-ctx-palette-warning98: var(--md-ctx-palette-warning98-light); --md-ctx-palette-warning99: var(--md-ctx-palette-warning99-light); --md-ctx-palette-warning100: var(--md-ctx-palette-warning100-light); /* purple */ --md-ctx-palette-purple0: var(--md-ctx-palette-purple0-light); --md-ctx-palette-purple5: var(--md-ctx-palette-purple5-light); --md-ctx-palette-purple10: var(--md-ctx-palette-purple10-light); --md-ctx-palette-purple20: var(--md-ctx-palette-purple20-light); --md-ctx-palette-purple25: var(--md-ctx-palette-purple25-light); --md-ctx-palette-purple30: var(--md-ctx-palette-purple30-light); --md-ctx-palette-purple35: var(--md-ctx-palette-purple35-light); --md-ctx-palette-purple40: var(--md-ctx-palette-purple40-light); --md-ctx-palette-purple50: var(--md-ctx-palette-purple50-light); --md-ctx-palette-purple60: var(--md-ctx-palette-purple60-light); --md-ctx-palette-purple70: var(--md-ctx-palette-purple70-light); --md-ctx-palette-purple80: var(--md-ctx-palette-purple80-light); --md-ctx-palette-purple90: var(--md-ctx-palette-purple90-light); --md-ctx-palette-purple95: var(--md-ctx-palette-purple95-light); --md-ctx-palette-purple98: var(--md-ctx-palette-purple98-light); --md-ctx-palette-purple99: var(--md-ctx-palette-purple99-light); --md-ctx-palette-purple100: var(--md-ctx-palette-purple100-light); /* blue */ --md-ctx-palette-blue0: var(--md-ctx-palette-blue0-light); --md-ctx-palette-blue5: var(--md-ctx-palette-blue5-light); --md-ctx-palette-blue10: var(--md-ctx-palette-blue10-light); --md-ctx-palette-blue20: var(--md-ctx-palette-blue20-light); --md-ctx-palette-blue25: var(--md-ctx-palette-blue25-light); --md-ctx-palette-blue30: var(--md-ctx-palette-blue30-light); --md-ctx-palette-blue35: var(--md-ctx-palette-blue35-light); --md-ctx-palette-blue40: var(--md-ctx-palette-blue40-light); --md-ctx-palette-blue50: var(--md-ctx-palette-blue50-light); --md-ctx-palette-blue60: var(--md-ctx-palette-blue60-light); --md-ctx-palette-blue70: var(--md-ctx-palette-blue70-light); --md-ctx-palette-blue80: var(--md-ctx-palette-blue80-light); --md-ctx-palette-blue90: var(--md-ctx-palette-blue90-light); --md-ctx-palette-blue95: var(--md-ctx-palette-blue95-light); --md-ctx-palette-blue98: var(--md-ctx-palette-blue98-light); --md-ctx-palette-blue99: var(--md-ctx-palette-blue99-light); --md-ctx-palette-blue100: var(--md-ctx-palette-blue100-light); /* alpha primary */ --md-sys-color-primary-alpha-05: rgba(0, 112, 249, 0.05); --md-sys-color-primary-alpha-08: rgba(0, 112, 249, 0.08); --md-sys-color-primary-alpha-10: rgba(0, 112, 249, 0.1); --md-sys-color-primary-alpha-12: rgba(0, 112, 249, 0.12); --md-sys-color-primary-alpha-16: rgba(0, 112, 249, 0.16); --md-sys-color-primary-alpha-24: rgba(0, 112, 249, 0.24); /* alpha secondary */ --md-sys-color-secondary-alpha-05: rgba(112, 119, 139, 0.05); --md-sys-color-secondary-alpha-08: rgba(112, 119, 139, 0.08); --md-sys-color-secondary-alpha-10: rgba(112, 119, 139, 0.1); --md-sys-color-secondary-alpha-12: rgba(112, 119, 139, 0.12); --md-sys-color-secondary-alpha-16: rgba(112, 119, 139, 0.16); --md-sys-color-secondary-alpha-24: rgba(112, 119, 139, 0.24); /* alpha tertiary */ --md-sys-color-tertiary-alpha-05: rgba(166, 106, 0, 0.05); --md-sys-color-tertiary-alpha-08: rgba(166, 106, 0, 0.08); --md-sys-color-tertiary-alpha-10: rgba(166, 106, 0, 0.1); --md-sys-color-tertiary-alpha-12: rgba(166, 106, 0, 0.12); --md-sys-color-tertiary-alpha-16: rgba(166, 106, 0, 0.16); --md-sys-color-tertiary-alpha-24: rgba(166, 106, 0, 0.24); /* alpha error */ --md-sys-color-error-alpha-05: rgba(231, 29, 73, 0.05); --md-sys-color-error-alpha-08: rgba(231, 29, 73, 0.08); --md-sys-color-error-alpha-10: rgba(231, 29, 73, 0.1); --md-sys-color-error-alpha-12: rgba(231, 29, 73, 0.12); --md-sys-color-error-alpha-16: rgba(231, 29, 73, 0.16); --md-sys-color-error-alpha-24: rgba(231, 29, 73, 0.24); /* alpha success */ --md-sys-color-success-alpha-05: rgba(43, 137, 0, 0.05); --md-sys-color-success-alpha-08: rgba(43, 137, 0, 0.08); --md-sys-color-success-alpha-10: rgba(43, 137, 0, 0.1); --md-sys-color-success-alpha-12: rgba(43, 137, 0, 0.12); --md-sys-color-success-alpha-16: rgba(43, 137, 0, 0.16); --md-sys-color-success-alpha-24: rgba(43, 137, 0, 0.24); /* alpha purple */ --md-sys-color-purple-alpha-05: rgba(200, 0, 237, 0.05); --md-sys-color-purple-alpha-08: rgba(200, 0, 237, 0.08); --md-sys-color-purple-alpha-10: rgba(200, 0, 237, 0.1); --md-sys-color-purple-alpha-12: rgba(200, 0, 237, 0.12); --md-sys-color-purple-alpha-16: rgba(200, 0, 237, 0.16); --md-sys-color-purple-alpha-24: rgba(200, 0, 237, 0.24); /* alpha blue */ --md-sys-color-blue-alpha-05: rgba(0, 126, 183, 0.05); --md-sys-color-blue-alpha-08: rgba(0, 126, 183, 0.08); --md-sys-color-blue-alpha-10: rgba(0, 126, 183, 0.1); --md-sys-color-blue-alpha-12: rgba(0, 126, 183, 0.12); --md-sys-color-blue-alpha-16: rgba(0, 126, 183, 0.16); --md-sys-color-blue-alpha-24: rgba(0, 126, 183, 0.24); /* alpha outline */ --md-sys-color-outline-alpha-05: rgba(117, 119, 128, 0.05); --md-sys-color-outline-alpha-08: rgba(117, 119, 128, 0.08); --md-sys-color-outline-alpha-10: rgba(117, 119, 128, 0.1); --md-sys-color-outline-alpha-12: rgba(117, 119, 128, 0.12); --md-sys-color-outline-alpha-16: rgba(117, 119, 128, 0.16); --md-sys-color-outline-alpha-24: rgba(117, 119, 128, 0.24); /* alpha on-surface */ --md-sys-color-on-surface-alpha-05: rgba(26, 28, 30, 0.05); --md-sys-color-on-surface-alpha-08: rgba(26, 28, 30, 0.08); --md-sys-color-on-surface-alpha-10: rgba(26, 28, 30, 0.1); --md-sys-color-on-surface-alpha-12: rgba(26, 28, 30, 0.12); --md-sys-color-on-surface-alpha-16: rgba(26, 28, 30, 0.16); --md-sys-color-on-surface-alpha-24: rgba(26, 28, 30, 0.24); } .dark-theme { /* primary */ --md-sys-color-primary-lowest: var(--md-sys-color-primary-lowest-dark); --md-sys-color-primary-lower: var(--md-sys-color-primary-lower-dark); --md-sys-color-primary-low: var(--md-sys-color-primary-low-dark); --md-sys-color-primary: var(--md-sys-color-primary-dark); --md-sys-color-primary-high: var(--md-sys-color-primary-high-dark); --md-sys-color-primary-higher: var(--md-sys-color-primary-higher-dark); --md-sys-color-primary-highest: var(--md-sys-color-primary-highest-dark); --md-sys-color-on-primary: var(--md-sys-color-on-primary-dark); --md-sys-color-primary-container: var(--md-sys-color-primary-container-dark); --md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-dark); --md-sys-color-primary-container-low: var(--md-sys-color-primary-container-low-dark); --md-sys-color-primary-container-lower: var(--md-sys-color-primary-container-lower-dark); --md-sys-color-primary-container-lowest: var(--md-sys-color-primary-container-lowest-dark); --md-sys-color-primary-container-high: var(--md-sys-color-primary-container-high-dark); --md-sys-color-primary-container-higher: var(--md-sys-color-primary-container-higher-dark); --md-sys-color-primary-container-highest: var(--md-sys-color-primary-container-highest-dark); /* secondary */ --md-sys-color-secondary-lowest: var(--md-sys-color-secondary-lowest-dark); --md-sys-color-secondary-lower: var(--md-sys-color-secondary-lower-dark); --md-sys-color-secondary-low: var(--md-sys-color-secondary-low-dark); --md-sys-color-secondary: var(--md-sys-color-secondary-dark); --md-sys-color-secondary-high: var(--md-sys-color-secondary-high-dark); --md-sys-color-secondary-higher: var(--md-sys-color-secondary-higher-dark); --md-sys-color-secondary-highest: var(--md-sys-color-secondary-highest-dark); --md-sys-color-on-secondary: var(--md-sys-color-on-secondary-dark); --md-sys-color-secondary-container: var(--md-sys-color-secondary-container-dark); --md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-dark); --md-sys-color-secondary-container-low: var(--md-sys-color-secondary-container-low-dark); --md-sys-color-secondary-container-lower: var(--md-sys-color-secondary-container-lower-dark); --md-sys-color-secondary-container-lowest: var(--md-sys-color-secondary-container-lowest-dark); --md-sys-color-secondary-container-high: var(--md-sys-color-secondary-container-high-dark); --md-sys-color-secondary-container-higher: var(--md-sys-color-secondary-container-higher-dark); --md-sys-color-secondary-container-highest: var(--md-sys-color-secondary-container-highest-dark); /* tertiary */ --md-sys-color-tertiary-lowest: var(--md-sys-color-tertiary-lowest-dark); --md-sys-color-tertiary-lower: var(--md-sys-color-tertiary-lower-dark); --md-sys-color-tertiary-low: var(--md-sys-color-tertiary-low-dark); --md-sys-color-tertiary: var(--md-sys-color-tertiary-dark); --md-sys-color-tertiary-high: var(--md-sys-color-tertiary-high-dark); --md-sys-color-tertiary-higher: var(--md-sys-color-tertiary-higher-dark); --md-sys-color-tertiary-highest: var(--md-sys-color-tertiary-highest-dark); --md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-dark); --md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-dark); --md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-dark); --md-sys-color-tertiary-container-low: var(--md-sys-color-tertiary-container-low-dark); --md-sys-color-tertiary-container-lower: var(--md-sys-color-tertiary-container-lower-dark); --md-sys-color-tertiary-container-lowest: var(--md-sys-color-tertiary-container-lowest-dark); --md-sys-color-tertiary-container-high: var(--md-sys-color-tertiary-container-high-dark); --md-sys-color-tertiary-container-higher: var(--md-sys-color-tertiary-container-higher-dark); --md-sys-color-tertiary-container-highest: var(--md-sys-color-tertiary-container-highest-dark); /* error */ --md-sys-color-error-lowest: var(--md-sys-color-error-lowest-dark); --md-sys-color-error-lower: var(--md-sys-color-error-lower-dark); --md-sys-color-error-low: var(--md-sys-color-error-low-dark); --md-sys-color-error: var(--md-sys-color-error-dark); --md-sys-color-error-high: var(--md-sys-color-error-high-dark); --md-sys-color-error-higher: var(--md-sys-color-error-higher-dark); --md-sys-color-error-highest: var(--md-sys-color-error-highest-dark); --md-sys-color-on-error: var(--md-sys-color-on-error-dark); --md-sys-color-error-container: var(--md-sys-color-error-container-dark); --md-sys-color-on-error-container: var(--md-sys-color-on-error-container-dark); --md-sys-color-error-container-low: var(--md-sys-color-error-container-low-dark); --md-sys-color-error-container-lower: var(--md-sys-color-error-container-lower-dark); --md-sys-color-error-container-lowest: var(--md-sys-color-error-container-lowest-dark); --md-sys-color-error-container-high: var(--md-sys-color-error-container-high-dark); --md-sys-color-error-container-higher: var(--md-sys-color-error-container-higher-dark); --md-sys-color-error-container-highest: var(--md-sys-color-error-container-highest-dark); /* success */ --md-sys-color-success-lowest: var(--md-sys-color-success-lowest-dark); --md-sys-color-success-lower: var(--md-sys-color-success-lower-dark); --md-sys-color-success-low: var(--md-sys-color-success-low-dark); --md-sys-color-success: var(--md-sys-color-success-dark); --md-sys-color-success-high: var(--md-sys-color-success-high-dark); --md-sys-color-success-higher: var(--md-sys-color-success-higher-dark); --md-sys-color-success-highest: var(--md-sys-color-success-highest-dark); --md-sys-color-on-success: var(--md-sys-color-on-success-dark); --md-sys-color-success-container: var(--md-sys-color-success-container-dark); --md-sys-color-on-success-container: var(--md-sys-color-on-success-container-dark); --md-sys-color-success-container-low: var(--md-sys-color-success-container-low-dark); --md-sys-color-success-container-lower: var(--md-sys-color-success-container-lower-dark); --md-sys-color-success-container-lowest: var(--md-sys-color-success-container-lowest-dark); --md-sys-color-success-container-high: var(--md-sys-color-success-container-high-dark); --md-sys-color-success-container-higher: var(--md-sys-color-success-container-higher-dark); --md-sys-color-success-container-highest: var(--md-sys-color-success-container-highest-dark); /* warning */ --md-sys-color-warning-lowest: var(--md-sys-color-warning-lowest-dark); --md-sys-color-warning-lower: var(--md-sys-color-warning-lower-dark); --md-sys-color-warning-low: var(--md-sys-color-warning-low-dark); --md-sys-color-warning: var(--md-sys-color-warning-dark); --md-sys-color-warning-high: var(--md-sys-color-warning-high-dark); --md-sys-color-warning-higher: var(--md-sys-color-warning-higher-dark); --md-sys-color-warning-highest: var(--md-sys-color-warning-highest-dark); --md-sys-color-on-warning: var(--md-sys-color-on-warning-dark); --md-sys-color-warning-container: var(--md-sys-color-warning-container-dark); --md-sys-color-on-warning-container: var(--md-sys-color-on-warning-container-dark); --md-sys-color-warning-container-low: var(--md-sys-color-warning-container-low-dark); --md-sys-color-warning-container-lower: var(--md-sys-color-warning-container-lower-dark); --md-sys-color-warning-container-lowest: var(--md-sys-color-warning-container-lowest-dark); --md-sys-color-warning-container-high: var(--md-sys-color-warning-container-high-dark); --md-sys-color-warning-container-higher: var(--md-sys-color-warning-container-higher-dark); --md-sys-color-warning-container-highest: var(--md-sys-color-warning-container-highest-dark); /* purple */ --md-sys-color-purple-lowest: var(--md-sys-color-purple-lowest-dark); --md-sys-color-purple-lower: var(--md-sys-color-purple-lower-dark); --md-sys-color-purple-low: var(--md-sys-color-purple-low-dark); --md-sys-color-purple: var(--md-sys-color-purple-dark); --md-sys-color-purple-high: var(--md-sys-color-purple-high-dark); --md-sys-color-purple-higher: var(--md-sys-color-purple-higher-dark); --md-sys-color-purple-highest: var(--md-sys-color-purple-highest-dark); --md-sys-color-on-purple: var(--md-sys-color-on-purple-dark); --md-sys-color-purple-container: var(--md-sys-color-purple-container-dark); --md-sys-color-on-purple-container: var(--md-sys-color-on-purple-container-dark); --md-sys-color-purple-container-low: var(--md-sys-color-purple-container-low-dark); --md-sys-color-purple-container-lower: var(--md-sys-color-purple-container-lower-dark); --md-sys-color-purple-container-lowest: var(--md-sys-color-purple-container-lowest-dark); --md-sys-color-purple-container-high: var(--md-sys-color-purple-container-high-dark); --md-sys-color-purple-container-higher: var(--md-sys-color-purple-container-higher-dark); --md-sys-color-purple-container-highest: var(--md-sys-color-purple-container-highest-dark); /* blue */ --md-sys-color-blue-lowest: var(--md-sys-color-blue-lowest-dark); --md-sys-color-blue-lower: var(--md-sys-color-blue-lower-dark); --md-sys-color-blue-low: var(--md-sys-color-blue-low-dark); --md-sys-color-blue: var(--md-sys-color-blue-dark); --md-sys-color-blue-high: var(--md-sys-color-blue-high-dark); --md-sys-color-blue-higher: var(--md-sys-color-blue-higher-dark); --md-sys-color-blue-highest: var(--md-sys-color-blue-highest-dark); --md-sys-color-on-blue: var(--md-sys-color-on-blue-dark); --md-sys-color-blue-container: var(--md-sys-color-blue-container-dark); --md-sys-color-on-blue-container: var(--md-sys-color-on-blue-container-dark); --md-sys-color-blue-container-low: var(--md-sys-color-blue-container-low-dark); --md-sys-color-blue-container-lower: var(--md-sys-color-blue-container-lower-dark); --md-sys-color-blue-container-lowest: var(--md-sys-color-blue-container-lowest-dark); --md-sys-color-blue-container-high: var(--md-sys-color-blue-container-high-dark); --md-sys-color-blue-container-higher: var(--md-sys-color-blue-container-higher-dark); --md-sys-color-blue-container-highest: var(--md-sys-color-blue-container-highest-dark); /* neutral */ --md-sys-color-background: var(--md-sys-color-background-dark); --md-sys-color-on-background: var(--md-sys-color-on-background-dark); --md-sys-color-on-surface: var(--md-sys-color-on-surface-dark); --md-sys-color-surface: var(--md-sys-color-surface-dark); --md-sys-color-surface-high: var(--md-sys-color-surface-high-dark); --md-sys-color-surface-higher: var(--md-sys-color-surface-higher-dark); --md-sys-color-surface-highest: var(--md-sys-color-surface-highest-dark); /* neutral-variant */ --md-sys-color-outline: var(--md-sys-color-outline-dark); --md-sys-color-outline-low: var(--md-sys-color-outline-low-dark); --md-sys-color-outline-lower: var(--md-sys-color-outline-lower-dark); --md-sys-color-outline-lowest: var(--md-sys-color-outline-lowest-dark); --md-sys-color-outline-variant: var(--md-sys-color-outline-variant-dark); --md-sys-color-outline-variant-low: var(--md-sys-color-outline-variant-low-dark); --md-sys-color-outline-variant-lower: var(--md-sys-color-outline-variant-lower-dark); --md-sys-color-outline-variant-lowest: var(--md-sys-color-outline-variant-lowest-dark); --md-sys-color-surface-variant: var(--md-sys-color-surface-variant-dark); --md-sys-color-surface-variant-low: var(--md-sys-color-surface-variant-low-dark); --md-sys-color-surface-variant-lower: var(--md-sys-color-surface-variant-lower-dark); --md-sys-color-surface-variant-lowest: var(--md-sys-color-surface-variant-lowest-dark); --md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-dark); /* primary */ --md-ctx-palette-primary0: var(--md-ctx-palette-primary0-dark); --md-ctx-palette-primary5: var(--md-ctx-palette-primary5-dark); --md-ctx-palette-primary10: var(--md-ctx-palette-primary10-dark); --md-ctx-palette-primary20: var(--md-ctx-palette-primary20-dark); --md-ctx-palette-primary25: var(--md-ctx-palette-primary25-dark); --md-ctx-palette-primary30: var(--md-ctx-palette-primary30-dark); --md-ctx-palette-primary35: var(--md-ctx-palette-primary35-dark); --md-ctx-palette-primary40: var(--md-ctx-palette-primary40-dark); --md-ctx-palette-primary50: var(--md-ctx-palette-primary50-dark); --md-ctx-palette-primary60: var(--md-ctx-palette-primary60-dark); --md-ctx-palette-primary70: var(--md-ctx-palette-primary70-dark); --md-ctx-palette-primary80: var(--md-ctx-palette-primary80-dark); --md-ctx-palette-primary90: var(--md-ctx-palette-primary90-dark); --md-ctx-palette-primary95: var(--md-ctx-palette-primary95-dark); --md-ctx-palette-primary98: var(--md-ctx-palette-primary98-dark); --md-ctx-palette-primary99: var(--md-ctx-palette-primary99-dark); --md-ctx-palette-primary100: var(--md-ctx-palette-primary100-dark); /* secondary */ --md-ctx-palette-secondary0: var(--md-ctx-palette-secondary0-dark); --md-ctx-palette-secondary5: var(--md-ctx-palette-secondary5-dark); --md-ctx-palette-secondary10: var(--md-ctx-palette-secondary10-dark); --md-ctx-palette-secondary20: var(--md-ctx-palette-secondary20-dark); --md-ctx-palette-secondary25: var(--md-ctx-palette-secondary25-dark); --md-ctx-palette-secondary30: var(--md-ctx-palette-secondary30-dark); --md-ctx-palette-secondary35: var(--md-ctx-palette-secondary35-dark); --md-ctx-palette-secondary40: var(--md-ctx-palette-secondary40-dark); --md-ctx-palette-secondary50: var(--md-ctx-palette-secondary50-dark); --md-ctx-palette-secondary60: var(--md-ctx-palette-secondary60-dark); --md-ctx-palette-secondary70: var(--md-ctx-palette-secondary70-dark); --md-ctx-palette-secondary80: var(--md-ctx-palette-secondary80-dark); --md-ctx-palette-secondary90: var(--md-ctx-palette-secondary90-dark); --md-ctx-palette-secondary95: var(--md-ctx-palette-secondary95-dark); --md-ctx-palette-secondary98: var(--md-ctx-palette-secondary98-dark); --md-ctx-palette-secondary99: var(--md-ctx-palette-secondary99-dark); --md-ctx-palette-secondary100: var(--md-ctx-palette-secondary100-dark); /* tertiary */ --md-ctx-palette-tertiary0: var(--md-ctx-palette-tertiary0-dark); --md-ctx-palette-tertiary5: var(--md-ctx-palette-tertiary5-dark); --md-ctx-palette-tertiary10: var(--md-ctx-palette-tertiary10-dark); --md-ctx-palette-tertiary20: var(--md-ctx-palette-tertiary20-dark); --md-ctx-palette-tertiary25: var(--md-ctx-palette-tertiary25-dark); --md-ctx-palette-tertiary30: var(--md-ctx-palette-tertiary30-dark); --md-ctx-palette-tertiary35: var(--md-ctx-palette-tertiary35-dark); --md-ctx-palette-tertiary40: var(--md-ctx-palette-tertiary40-dark); --md-ctx-palette-tertiary50: var(--md-ctx-palette-tertiary50-dark); --md-ctx-palette-tertiary60: var(--md-ctx-palette-tertiary60-dark); --md-ctx-palette-tertiary70: var(--md-ctx-palette-tertiary70-dark); --md-ctx-palette-tertiary80: var(--md-ctx-palette-tertiary80-dark); --md-ctx-palette-tertiary90: var(--md-ctx-palette-tertiary90-dark); --md-ctx-palette-tertiary95: var(--md-ctx-palette-tertiary95-dark); --md-ctx-palette-tertiary98: var(--md-ctx-palette-tertiary98-dark); --md-ctx-palette-tertiary99: var(--md-ctx-palette-tertiary99-dark); --md-ctx-palette-tertiary100: var(--md-ctx-palette-tertiary100-dark); /* error */ --md-ctx-palette-error0: var(--md-ctx-palette-error0-dark); --md-ctx-palette-error5: var(--md-ctx-palette-error5-dark); --md-ctx-palette-error10: var(--md-ctx-palette-error10-dark); --md-ctx-palette-error20: var(--md-ctx-palette-error20-dark); --md-ctx-palette-error25: var(--md-ctx-palette-error25-dark); --md-ctx-palette-error30: var(--md-ctx-palette-error30-dark); --md-ctx-palette-error35: var(--md-ctx-palette-error35-dark); --md-ctx-palette-error40: var(--md-ctx-palette-error40-dark); --md-ctx-palette-error50: var(--md-ctx-palette-error50-dark); --md-ctx-palette-error60: var(--md-ctx-palette-error60-dark); --md-ctx-palette-error70: var(--md-ctx-palette-error70-dark); --md-ctx-palette-error80: var(--md-ctx-palette-error80-dark); --md-ctx-palette-error90: var(--md-ctx-palette-error90-dark); --md-ctx-palette-error95: var(--md-ctx-palette-error95-dark); --md-ctx-palette-error98: var(--md-ctx-palette-error98-dark); --md-ctx-palette-error99: var(--md-ctx-palette-error99-dark); --md-ctx-palette-error100: var(--md-ctx-palette-error100-dark); /* neutral */ --md-ctx-palette-neutral0: var(--md-ctx-palette-neutral0-dark); --md-ctx-palette-neutral5: var(--md-ctx-palette-neutral5-dark); --md-ctx-palette-neutral10: var(--md-ctx-palette-neutral10-dark); --md-ctx-palette-neutral20: var(--md-ctx-palette-neutral20-dark); --md-ctx-palette-neutral25: var(--md-ctx-palette-neutral25-dark); --md-ctx-palette-neutral30: var(--md-ctx-palette-neutral30-dark); --md-ctx-palette-neutral35: var(--md-ctx-palette-neutral35-dark); --md-ctx-palette-neutral40: var(--md-ctx-palette-neutral40-dark); --md-ctx-palette-neutral50: var(--md-ctx-palette-neutral50-dark); --md-ctx-palette-neutral60: var(--md-ctx-palette-neutral60-dark); --md-ctx-palette-neutral70: var(--md-ctx-palette-neutral70-dark); --md-ctx-palette-neutral80: var(--md-ctx-palette-neutral80-dark); --md-ctx-palette-neutral90: var(--md-ctx-palette-neutral90-dark); --md-ctx-palette-neutral95: var(--md-ctx-palette-neutral95-dark); --md-ctx-palette-neutral98: var(--md-ctx-palette-neutral98-dark); --md-ctx-palette-neutral99: var(--md-ctx-palette-neutral99-dark); --md-ctx-palette-neutral100: var(--md-ctx-palette-neutral100-dark); /* neutral-variant */ --md-ctx-palette-neutral-variant0: var(--md-ctx-palette-neutral-variant0-dark); --md-ctx-palette-neutral-variant5: var(--md-ctx-palette-neutral-variant5-dark); --md-ctx-palette-neutral-variant10: var(--md-ctx-palette-neutral-variant10-dark); --md-ctx-palette-neutral-variant20: var(--md-ctx-palette-neutral-variant20-dark); --md-ctx-palette-neutral-variant25: var(--md-ctx-palette-neutral-variant25-dark); --md-ctx-palette-neutral-variant30: var(--md-ctx-palette-neutral-variant30-dark); --md-ctx-palette-neutral-variant35: var(--md-ctx-palette-neutral-variant35-dark); --md-ctx-palette-neutral-variant40: var(--md-ctx-palette-neutral-variant40-dark); --md-ctx-palette-neutral-variant50: var(--md-ctx-palette-neutral-variant50-dark); --md-ctx-palette-neutral-variant60: var(--md-ctx-palette-neutral-variant60-dark); --md-ctx-palette-neutral-variant70: var(--md-ctx-palette-neutral-variant70-dark); --md-ctx-palette-neutral-variant80: var(--md-ctx-palette-neutral-variant80-dark); --md-ctx-palette-neutral-variant90: var(--md-ctx-palette-neutral-variant90-dark); --md-ctx-palette-neutral-variant95: var(--md-ctx-palette-neutral-variant95-dark); --md-ctx-palette-neutral-variant98: var(--md-ctx-palette-neutral-variant98-dark); --md-ctx-palette-neutral-variant99: var(--md-ctx-palette-neutral-variant99-dark); --md-ctx-palette-neutral-variant100: var(--md-ctx-palette-neutral-variant100-dark); /* success */ --md-ctx-palette-success0: var(--md-ctx-palette-success0-dark); --md-ctx-palette-success5: var(--md-ctx-palette-success5-dark); --md-ctx-palette-success10: var(--md-ctx-palette-success10-dark); --md-ctx-palette-success20: var(--md-ctx-palette-success20-dark); --md-ctx-palette-success25: var(--md-ctx-palette-success25-dark); --md-ctx-palette-success30: var(--md-ctx-palette-success30-dark); --md-ctx-palette-success35: var(--md-ctx-palette-success35-dark); --md-ctx-palette-success40: var(--md-ctx-palette-success40-dark); --md-ctx-palette-success50: var(--md-ctx-palette-success50-dark); --md-ctx-palette-success60: var(--md-ctx-palette-success60-dark); --md-ctx-palette-success70: var(--md-ctx-palette-success70-dark); --md-ctx-palette-success80: var(--md-ctx-palette-success80-dark); --md-ctx-palette-success90: var(--md-ctx-palette-success90-dark); --md-ctx-palette-success95: var(--md-ctx-palette-success95-dark); --md-ctx-palette-success98: var(--md-ctx-palette-success98-dark); --md-ctx-palette-success99: var(--md-ctx-palette-success99-dark); --md-ctx-palette-success100: var(--md-ctx-palette-success100-dark); /* warning */ --md-ctx-palette-warning0: var(--md-ctx-palette-warning0-dark); --md-ctx-palette-warning5: var(--md-ctx-palette-warning5-dark); --md-ctx-palette-warning10: var(--md-ctx-palette-warning10-dark); --md-ctx-palette-warning20: var(--md-ctx-palette-warning20-dark); --md-ctx-palette-warning25: var(--md-ctx-palette-warning25-dark); --md-ctx-palette-warning30: var(--md-ctx-palette-warning30-dark); --md-ctx-palette-warning35: var(--md-ctx-palette-warning35-dark); --md-ctx-palette-warning40: var(--md-ctx-palette-warning40-dark); --md-ctx-palette-warning50: var(--md-ctx-palette-warning50-dark); --md-ctx-palette-warning60: var(--md-ctx-palette-warning60-dark); --md-ctx-palette-warning70: var(--md-ctx-palette-warning70-dark); --md-ctx-palette-warning80: var(--md-ctx-palette-warning80-dark); --md-ctx-palette-warning90: var(--md-ctx-palette-warning90-dark); --md-ctx-palette-warning95: var(--md-ctx-palette-warning95-dark); --md-ctx-palette-warning98: var(--md-ctx-palette-warning98-dark); --md-ctx-palette-warning99: var(--md-ctx-palette-warning99-dark); --md-ctx-palette-warning100: var(--md-ctx-palette-warning100-dark); /* purple */ --md-ctx-palette-purple0: var(--md-ctx-palette-purple0-dark); --md-ctx-palette-purple5: var(--md-ctx-palette-purple5-dark); --md-ctx-palette-purple10: var(--md-ctx-palette-purple10-dark); --md-ctx-palette-purple20: var(--md-ctx-palette-purple20-dark); --md-ctx-palette-purple25: var(--md-ctx-palette-purple25-dark); --md-ctx-palette-purple30: var(--md-ctx-palette-purple30-dark); --md-ctx-palette-purple35: var(--md-ctx-palette-purple35-dark); --md-ctx-palette-purple40: var(--md-ctx-palette-purple40-dark); --md-ctx-palette-purple50: var(--md-ctx-palette-purple50-dark); --md-ctx-palette-purple60: var(--md-ctx-palette-purple60-dark); --md-ctx-palette-purple70: var(--md-ctx-palette-purple70-dark); --md-ctx-palette-purple80: var(--md-ctx-palette-purple80-dark); --md-ctx-palette-purple90: var(--md-ctx-palette-purple90-dark); --md-ctx-palette-purple95: var(--md-ctx-palette-purple95-dark); --md-ctx-palette-purple98: var(--md-ctx-palette-purple98-dark); --md-ctx-palette-purple99: var(--md-ctx-palette-purple99-dark); --md-ctx-palette-purple100: var(--md-ctx-palette-purple100-dark); /* blue */ --md-ctx-palette-blue0: var(--md-ctx-palette-blue0-dark); --md-ctx-palette-blue5: var(--md-ctx-palette-blue5-dark); --md-ctx-palette-blue10: var(--md-ctx-palette-blue10-dark); --md-ctx-palette-blue20: var(--md-ctx-palette-blue20-dark); --md-ctx-palette-blue25: var(--md-ctx-palette-blue25-dark); --md-ctx-palette-blue30: var(--md-ctx-palette-blue30-dark); --md-ctx-palette-blue35: var(--md-ctx-palette-blue35-dark); --md-ctx-palette-blue40: var(--md-ctx-palette-blue40-dark); --md-ctx-palette-blue50: var(--md-ctx-palette-blue50-dark); --md-ctx-palette-blue60: var(--md-ctx-palette-blue60-dark); --md-ctx-palette-blue70: var(--md-ctx-palette-blue70-dark); --md-ctx-palette-blue80: var(--md-ctx-palette-blue80-dark); --md-ctx-palette-blue90: var(--md-ctx-palette-blue90-dark); --md-ctx-palette-blue95: var(--md-ctx-palette-blue95-dark); --md-ctx-palette-blue98: var(--md-ctx-palette-blue98-dark); --md-ctx-palette-blue99: var(--md-ctx-palette-blue99-dark); --md-ctx-palette-blue100: var(--md-ctx-palette-blue100-dark); /* alpha primary */ --md-sys-color-primary-alpha-05: rgba(173, 198, 255, 0.05); --md-sys-color-primary-alpha-08: rgba(173, 198, 255, 0.08); --md-sys-color-primary-alpha-10: rgba(173, 198, 255, 0.1); --md-sys-color-primary-alpha-12: rgba(173, 198, 255, 0.12); --md-sys-color-primary-alpha-16: rgba(173, 198, 255, 0.16); --md-sys-color-primary-alpha-24: rgba(173, 198, 255, 0.24); /* alpha secondary */ --md-sys-color-secondary-alpha-05: rgba(191, 198, 220, 0.05); --md-sys-color-secondary-alpha-08: rgba(191, 198, 220, 0.08); --md-sys-color-secondary-alpha-10: rgba(191, 198, 220, 0.1); --md-sys-color-secondary-alpha-12: rgba(191, 198, 220, 0.12); --md-sys-color-secondary-alpha-16: rgba(191, 198, 220, 0.16); --md-sys-color-secondary-alpha-24: rgba(191, 198, 220, 0.24); /* alpha tertiary */ --md-sys-color-tertiary-alpha-05: rgba(255, 185, 92, 0.05); --md-sys-color-tertiary-alpha-08: rgba(255, 185, 92, 0.08); --md-sys-color-tertiary-alpha-10: rgba(255, 185, 92, 0.1); --md-sys-color-tertiary-alpha-12: rgba(255, 185, 92, 0.12); --md-sys-color-tertiary-alpha-16: rgba(255, 185, 92, 0.16); --md-sys-color-tertiary-alpha-24: rgba(255, 185, 92, 0.24); /* alpha error */ --md-sys-color-error-alpha-05: rgba(255, 179, 182, 0.05); --md-sys-color-error-alpha-08: rgba(255, 179, 182, 0.08); --md-sys-color-error-alpha-10: rgba(255, 179, 182, 0.1); --md-sys-color-error-alpha-12: rgba(255, 179, 182, 0.12); --md-sys-color-error-alpha-16: rgba(255, 179, 182, 0.16); --md-sys-color-error-alpha-24: rgba(255, 179, 182, 0.24); /* alpha success */ --md-sys-color-success-alpha-05: rgba(125, 221, 87, 0.05); --md-sys-color-success-alpha-08: rgba(125, 221, 87, 0.08); --md-sys-color-success-alpha-10: rgba(125, 221, 87, 0.1); --md-sys-color-success-alpha-12: rgba(125, 221, 87, 0.12); --md-sys-color-success-alpha-16: rgba(125, 221, 87, 0.16); --md-sys-color-success-alpha-24: rgba(125, 221, 87, 0.24); /* alpha purple */ --md-sys-color-purple-alpha-05: rgba(247, 173, 255, 0.05); --md-sys-color-purple-alpha-08: rgba(247, 173, 255, 0.08); --md-sys-color-purple-alpha-10: rgba(247, 173, 255, 0.1); --md-sys-color-purple-alpha-12: rgba(247, 173, 255, 0.12); --md-sys-color-purple-alpha-16: rgba(247, 173, 255, 0.16); --md-sys-color-purple-alpha-24: rgba(247, 173, 255, 0.24); /* alpha blue */ --md-sys-color-blue-alpha-05: rgba(139, 206, 255, 0.05); --md-sys-color-blue-alpha-08: rgba(139, 206, 255, 0.08); --md-sys-color-blue-alpha-10: rgba(139, 206, 255, 0.1); --md-sys-color-blue-alpha-12: rgba(139, 206, 255, 0.12); --md-sys-color-blue-alpha-16: rgba(139, 206, 255, 0.16); --md-sys-color-blue-alpha-24: rgba(139, 206, 255, 0.24); /* alpha outline */ --md-sys-color-outline-alpha-05: rgba(143, 144, 153, 0.05); --md-sys-color-outline-alpha-08: rgba(143, 144, 153, 0.08); --md-sys-color-outline-alpha-10: rgba(143, 144, 153, 0.1); --md-sys-color-outline-alpha-12: rgba(143, 144, 153, 0.12); --md-sys-color-outline-alpha-16: rgba(143, 144, 153, 0.16); --md-sys-color-outline-alpha-24: rgba(143, 144, 153, 0.24); /* alpha on-surface */ --md-sys-color-on-surface-alpha-05: rgba(255, 255, 255, 0.05); --md-sys-color-on-surface-alpha-08: rgba(255, 255, 255, 0.08); --md-sys-color-on-surface-alpha-10: rgba(255, 255, 255, 0.1); --md-sys-color-on-surface-alpha-12: rgba(255, 255, 255, 0.12); --md-sys-color-on-surface-alpha-16: rgba(255, 255, 255, 0.16); --md-sys-color-on-surface-alpha-24: rgba(255, 255, 255, 0.24); } } @media (prefers-color-scheme: dark) { :root { /* primary */ --md-sys-color-primary-lowest: var(--md-sys-color-primary-lowest-dark); --md-sys-color-primary-lower: var(--md-sys-color-primary-lower-dark); --md-sys-color-primary-low: var(--md-sys-color-primary-low-dark); --md-sys-color-primary: var(--md-sys-color-primary-dark); --md-sys-color-primary-high: var(--md-sys-color-primary-high-dark); --md-sys-color-primary-higher: var(--md-sys-color-primary-higher-dark); --md-sys-color-primary-highest: var(--md-sys-color-primary-highest-dark); --md-sys-color-on-primary: var(--md-sys-color-on-primary-dark); --md-sys-color-primary-container: var(--md-sys-color-primary-container-dark); --md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-dark); --md-sys-color-primary-container-low: var(--md-sys-color-primary-container-low-dark); --md-sys-color-primary-container-lower: var(--md-sys-color-primary-container-lower-dark); --md-sys-color-primary-container-lowest: var(--md-sys-color-primary-container-lowest-dark); --md-sys-color-primary-container-high: var(--md-sys-color-primary-container-high-dark); --md-sys-color-primary-container-higher: var(--md-sys-color-primary-container-higher-dark); --md-sys-color-primary-container-highest: var(--md-sys-color-primary-container-highest-dark); /* secondary */ --md-sys-color-secondary-lowest: var(--md-sys-color-secondary-lowest-dark); --md-sys-color-secondary-lower: var(--md-sys-color-secondary-lower-dark); --md-sys-color-secondary-low: var(--md-sys-color-secondary-low-dark); --md-sys-color-secondary: var(--md-sys-color-secondary-dark); --md-sys-color-secondary-high: var(--md-sys-color-secondary-high-dark); --md-sys-color-secondary-higher: var(--md-sys-color-secondary-higher-dark); --md-sys-color-secondary-highest: var(--md-sys-color-secondary-highest-dark); --md-sys-color-on-secondary: var(--md-sys-color-on-secondary-dark); --md-sys-color-secondary-container: var(--md-sys-color-secondary-container-dark); --md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-dark); --md-sys-color-secondary-container-low: var(--md-sys-color-secondary-container-low-dark); --md-sys-color-secondary-container-lower: var(--md-sys-color-secondary-container-lower-dark); --md-sys-color-secondary-container-lowest: var(--md-sys-color-secondary-container-lowest-dark); --md-sys-color-secondary-container-high: var(--md-sys-color-secondary-container-high-dark); --md-sys-color-secondary-container-higher: var(--md-sys-color-secondary-container-higher-dark); --md-sys-color-secondary-container-highest: var(--md-sys-color-secondary-container-highest-dark); /* tertiary */ --md-sys-color-tertiary-lowest: var(--md-sys-color-tertiary-lowest-dark); --md-sys-color-tertiary-lower: var(--md-sys-color-tertiary-lower-dark); --md-sys-color-tertiary-low: var(--md-sys-color-tertiary-low-dark); --md-sys-color-tertiary: var(--md-sys-color-tertiary-dark); --md-sys-color-tertiary-high: var(--md-sys-color-tertiary-high-dark); --md-sys-color-tertiary-higher: var(--md-sys-color-tertiary-higher-dark); --md-sys-color-tertiary-highest: var(--md-sys-color-tertiary-highest-dark); --md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-dark); --md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-dark); --md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-dark); --md-sys-color-tertiary-container-low: var(--md-sys-color-tertiary-container-low-dark); --md-sys-color-tertiary-container-lower: var(--md-sys-color-tertiary-container-lower-dark); --md-sys-color-tertiary-container-lowest: var(--md-sys-color-tertiary-container-lowest-dark); --md-sys-color-tertiary-container-high: var(--md-sys-color-tertiary-container-high-dark); --md-sys-color-tertiary-container-higher: var(--md-sys-color-tertiary-container-higher-dark); --md-sys-color-tertiary-container-highest: var(--md-sys-color-tertiary-container-highest-dark); /* error */ --md-sys-color-error-lowest: var(--md-sys-color-error-lowest-dark); --md-sys-color-error-lower: var(--md-sys-color-error-lower-dark); --md-sys-color-error-low: var(--md-sys-color-error-low-dark); --md-sys-color-error: var(--md-sys-color-error-dark); --md-sys-color-error-high: var(--md-sys-color-error-high-dark); --md-sys-color-error-higher: var(--md-sys-color-error-higher-dark); --md-sys-color-error-highest: var(--md-sys-color-error-highest-dark); --md-sys-color-on-error: var(--md-sys-color-on-error-dark); --md-sys-color-error-container: var(--md-sys-color-error-container-dark); --md-sys-color-on-error-container: var(--md-sys-color-on-error-container-dark); --md-sys-color-error-container-low: var(--md-sys-color-error-container-low-dark); --md-sys-color-error-container-lower: var(--md-sys-color-error-container-lower-dark); --md-sys-color-error-container-lowest: var(--md-sys-color-error-container-lowest-dark); --md-sys-color-error-container-high: var(--md-sys-color-error-container-high-dark); --md-sys-color-error-container-higher: var(--md-sys-color-error-container-higher-dark); --md-sys-color-error-container-highest: var(--md-sys-color-error-container-highest-dark); /* success */ --md-sys-color-success-lowest: var(--md-sys-color-success-lowest-dark); --md-sys-color-success-lower: var(--md-sys-color-success-lower-dark); --md-sys-color-success-low: var(--md-sys-color-success-low-dark); --md-sys-color-success: var(--md-sys-color-success-dark); --md-sys-color-success-high: var(--md-sys-color-success-high-dark); --md-sys-color-success-higher: var(--md-sys-color-success-higher-dark); --md-sys-color-success-highest: var(--md-sys-color-success-highest-dark); --md-sys-color-on-success: var(--md-sys-color-on-success-dark); --md-sys-color-success-container: var(--md-sys-color-success-container-dark); --md-sys-color-on-success-container: var(--md-sys-color-on-success-container-dark); --md-sys-color-success-container-low: var(--md-sys-color-success-container-low-dark); --md-sys-color-success-container-lower: var(--md-sys-color-success-container-lower-dark); --md-sys-color-success-container-lowest: var(--md-sys-color-success-container-lowest-dark); --md-sys-color-success-container-high: var(--md-sys-color-success-container-high-dark); --md-sys-color-success-container-higher: var(--md-sys-color-success-container-higher-dark); --md-sys-color-success-container-highest: var(--md-sys-color-success-container-highest-dark); /* warning */ --md-sys-color-warning-lowest: var(--md-sys-color-warning-lowest-dark); --md-sys-color-warning-lower: var(--md-sys-color-warning-lower-dark); --md-sys-color-warning-low: var(--md-sys-color-warning-low-dark); --md-sys-color-warning: var(--md-sys-color-warning-dark); --md-sys-color-warning-high: var(--md-sys-color-warning-high-dark); --md-sys-color-warning-higher: var(--md-sys-color-warning-higher-dark); --md-sys-color-warning-highest: var(--md-sys-color-warning-highest-dark); --md-sys-color-on-warning: var(--md-sys-color-on-warning-dark); --md-sys-color-warning-container: var(--md-sys-color-warning-container-dark); --md-sys-color-on-warning-container: var(--md-sys-color-on-warning-container-dark); --md-sys-color-warning-container-low: var(--md-sys-color-warning-container-low-dark); --md-sys-color-warning-container-lower: var(--md-sys-color-warning-container-lower-dark); --md-sys-color-warning-container-lowest: var(--md-sys-color-warning-container-lowest-dark); --md-sys-color-warning-container-high: var(--md-sys-color-warning-container-high-dark); --md-sys-color-warning-container-higher: var(--md-sys-color-warning-container-higher-dark); --md-sys-color-warning-container-highest: var(--md-sys-color-warning-container-highest-dark); /* purple */ --md-sys-color-purple-lowest: var(--md-sys-color-purple-lowest-dark); --md-sys-color-purple-lower: var(--md-sys-color-purple-lower-dark); --md-sys-color-purple-low: var(--md-sys-color-purple-low-dark); --md-sys-color-purple: var(--md-sys-color-purple-dark); --md-sys-color-purple-high: var(--md-sys-color-purple-high-dark); --md-sys-color-purple-higher: var(--md-sys-color-purple-higher-dark); --md-sys-color-purple-highest: var(--md-sys-color-purple-highest-dark); --md-sys-color-on-purple: var(--md-sys-color-on-purple-dark); --md-sys-color-purple-container: var(--md-sys-color-purple-container-dark); --md-sys-color-on-purple-container: var(--md-sys-color-on-purple-container-dark); --md-sys-color-purple-container-low: var(--md-sys-color-purple-container-low-dark); --md-sys-color-purple-container-lower: var(--md-sys-color-purple-container-lower-dark); --md-sys-color-purple-container-lowest: var(--md-sys-color-purple-container-lowest-dark); --md-sys-color-purple-container-high: var(--md-sys-color-purple-container-high-dark); --md-sys-color-purple-container-higher: var(--md-sys-color-purple-container-higher-dark); --md-sys-color-purple-container-highest: var(--md-sys-color-purple-container-highest-dark); /* blue */ --md-sys-color-blue-lowest: var(--md-sys-color-blue-lowest-dark); --md-sys-color-blue-lower: var(--md-sys-color-blue-lower-dark); --md-sys-color-blue-low: var(--md-sys-color-blue-low-dark); --md-sys-color-blue: var(--md-sys-color-blue-dark); --md-sys-color-blue-high: var(--md-sys-color-blue-high-dark); --md-sys-color-blue-higher: var(--md-sys-color-blue-higher-dark); --md-sys-color-blue-highest: var(--md-sys-color-blue-highest-dark); --md-sys-color-on-blue: var(--md-sys-color-on-blue-dark); --md-sys-color-blue-container: var(--md-sys-color-blue-container-dark); --md-sys-color-on-blue-container: var(--md-sys-color-on-blue-container-dark); --md-sys-color-blue-container-low: var(--md-sys-color-blue-container-low-dark); --md-sys-color-blue-container-lower: var(--md-sys-color-blue-container-lower-dark); --md-sys-color-blue-container-lowest: var(--md-sys-color-blue-container-lowest-dark); --md-sys-color-blue-container-high: var(--md-sys-color-blue-container-high-dark); --md-sys-color-blue-container-higher: var(--md-sys-color-blue-container-higher-dark); --md-sys-color-blue-container-highest: var(--md-sys-color-blue-container-highest-dark); /* neutral */ --md-sys-color-background: var(--md-sys-color-background-dark); --md-sys-color-on-background: var(--md-sys-color-on-background-dark); --md-sys-color-on-surface: var(--md-sys-color-on-surface-dark); --md-sys-color-surface: var(--md-sys-color-surface-dark); --md-sys-color-surface-high: var(--md-sys-color-surface-high-dark); --md-sys-color-surface-higher: var(--md-sys-color-surface-higher-dark); --md-sys-color-surface-highest: var(--md-sys-color-surface-highest-dark); /* neutral-variant */ --md-sys-color-outline: var(--md-sys-color-outline-dark); --md-sys-color-outline-low: var(--md-sys-color-outline-low-dark); --md-sys-color-outline-lower: var(--md-sys-color-outline-lower-dark); --md-sys-color-outline-lowest: var(--md-sys-color-outline-lowest-dark); --md-sys-color-outline-variant: var(--md-sys-color-outline-variant-dark); --md-sys-color-outline-variant-low: var(--md-sys-color-outline-variant-low-dark); --md-sys-color-outline-variant-lower: var(--md-sys-color-outline-variant-lower-dark); --md-sys-color-outline-variant-lowest: var(--md-sys-color-outline-variant-lowest-dark); --md-sys-color-surface-variant: var(--md-sys-color-surface-variant-dark); --md-sys-color-surface-variant-low: var(--md-sys-color-surface-variant-low-dark); --md-sys-color-surface-variant-lower: var(--md-sys-color-surface-variant-lower-dark); --md-sys-color-surface-variant-lowest: var(--md-sys-color-surface-variant-lowest-dark); --md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-dark); /* primary */ --md-ctx-palette-primary0: var(--md-ctx-palette-primary0-dark); --md-ctx-palette-primary5: var(--md-ctx-palette-primary5-dark); --md-ctx-palette-primary10: var(--md-ctx-palette-primary10-dark); --md-ctx-palette-primary20: var(--md-ctx-palette-primary20-dark); --md-ctx-palette-primary25: var(--md-ctx-palette-primary25-dark); --md-ctx-palette-primary30: var(--md-ctx-palette-primary30-dark); --md-ctx-palette-primary35: var(--md-ctx-palette-primary35-dark); --md-ctx-palette-primary40: var(--md-ctx-palette-primary40-dark); --md-ctx-palette-primary50: var(--md-ctx-palette-primary50-dark); --md-ctx-palette-primary60: var(--md-ctx-palette-primary60-dark); --md-ctx-palette-primary70: var(--md-ctx-palette-primary70-dark); --md-ctx-palette-primary80: var(--md-ctx-palette-primary80-dark); --md-ctx-palette-primary90: var(--md-ctx-palette-primary90-dark); --md-ctx-palette-primary95: var(--md-ctx-palette-primary95-dark); --md-ctx-palette-primary98: var(--md-ctx-palette-primary98-dark); --md-ctx-palette-primary99: var(--md-ctx-palette-primary99-dark); --md-ctx-palette-primary100: var(--md-ctx-palette-primary100-dark); /* secondary */ --md-ctx-palette-secondary0: var(--md-ctx-palette-secondary0-dark); --md-ctx-palette-secondary5: var(--md-ctx-palette-secondary5-dark); --md-ctx-palette-secondary10: var(--md-ctx-palette-secondary10-dark); --md-ctx-palette-secondary20: var(--md-ctx-palette-secondary20-dark); --md-ctx-palette-secondary25: var(--md-ctx-palette-secondary25-dark); --md-ctx-palette-secondary30: var(--md-ctx-palette-secondary30-dark); --md-ctx-palette-secondary35: var(--md-ctx-palette-secondary35-dark); --md-ctx-palette-secondary40: var(--md-ctx-palette-secondary40-dark); --md-ctx-palette-secondary50: var(--md-ctx-palette-secondary50-dark); --md-ctx-palette-secondary60: var(--md-ctx-palette-secondary60-dark); --md-ctx-palette-secondary70: var(--md-ctx-palette-secondary70-dark); --md-ctx-palette-secondary80: var(--md-ctx-palette-secondary80-dark); --md-ctx-palette-secondary90: var(--md-ctx-palette-secondary90-dark); --md-ctx-palette-secondary95: var(--md-ctx-palette-secondary95-dark); --md-ctx-palette-secondary98: var(--md-ctx-palette-secondary98-dark); --md-ctx-palette-secondary99: var(--md-ctx-palette-secondary99-dark); --md-ctx-palette-secondary100: var(--md-ctx-palette-secondary100-dark); /* tertiary */ --md-ctx-palette-tertiary0: var(--md-ctx-palette-tertiary0-dark); --md-ctx-palette-tertiary5: var(--md-ctx-palette-tertiary5-dark); --md-ctx-palette-tertiary10: var(--md-ctx-palette-tertiary10-dark); --md-ctx-palette-tertiary20: var(--md-ctx-palette-tertiary20-dark); --md-ctx-palette-tertiary25: var(--md-ctx-palette-tertiary25-dark); --md-ctx-palette-tertiary30: var(--md-ctx-palette-tertiary30-dark); --md-ctx-palette-tertiary35: var(--md-ctx-palette-tertiary35-dark); --md-ctx-palette-tertiary40: var(--md-ctx-palette-tertiary40-dark); --md-ctx-palette-tertiary50: var(--md-ctx-palette-tertiary50-dark); --md-ctx-palette-tertiary60: var(--md-ctx-palette-tertiary60-dark); --md-ctx-palette-tertiary70: var(--md-ctx-palette-tertiary70-dark); --md-ctx-palette-tertiary80: var(--md-ctx-palette-tertiary80-dark); --md-ctx-palette-tertiary90: var(--md-ctx-palette-tertiary90-dark); --md-ctx-palette-tertiary95: var(--md-ctx-palette-tertiary95-dark); --md-ctx-palette-tertiary98: var(--md-ctx-palette-tertiary98-dark); --md-ctx-palette-tertiary99: var(--md-ctx-palette-tertiary99-dark); --md-ctx-palette-tertiary100: var(--md-ctx-palette-tertiary100-dark); /* error */ --md-ctx-palette-error0: var(--md-ctx-palette-error0-dark); --md-ctx-palette-error5: var(--md-ctx-palette-error5-dark); --md-ctx-palette-error10: var(--md-ctx-palette-error10-dark); --md-ctx-palette-error20: var(--md-ctx-palette-error20-dark); --md-ctx-palette-error25: var(--md-ctx-palette-error25-dark); --md-ctx-palette-error30: var(--md-ctx-palette-error30-dark); --md-ctx-palette-error35: var(--md-ctx-palette-error35-dark); --md-ctx-palette-error40: var(--md-ctx-palette-error40-dark); --md-ctx-palette-error50: var(--md-ctx-palette-error50-dark); --md-ctx-palette-error60: var(--md-ctx-palette-error60-dark); --md-ctx-palette-error70: var(--md-ctx-palette-error70-dark); --md-ctx-palette-error80: var(--md-ctx-palette-error80-dark); --md-ctx-palette-error90: var(--md-ctx-palette-error90-dark); --md-ctx-palette-error95: var(--md-ctx-palette-error95-dark); --md-ctx-palette-error98: var(--md-ctx-palette-error98-dark); --md-ctx-palette-error99: var(--md-ctx-palette-error99-dark); --md-ctx-palette-error100: var(--md-ctx-palette-error100-dark); /* neutral */ --md-ctx-palette-neutral0: var(--md-ctx-palette-neutral0-dark); --md-ctx-palette-neutral5: var(--md-ctx-palette-neutral5-dark); --md-ctx-palette-neutral10: var(--md-ctx-palette-neutral10-dark); --md-ctx-palette-neutral20: var(--md-ctx-palette-neutral20-dark); --md-ctx-palette-neutral25: var(--md-ctx-palette-neutral25-dark); --md-ctx-palette-neutral30: var(--md-ctx-palette-neutral30-dark); --md-ctx-palette-neutral35: var(--md-ctx-palette-neutral35-dark); --md-ctx-palette-neutral40: var(--md-ctx-palette-neutral40-dark); --md-ctx-palette-neutral50: var(--md-ctx-palette-neutral50-dark); --md-ctx-palette-neutral60: var(--md-ctx-palette-neutral60-dark); --md-ctx-palette-neutral70: var(--md-ctx-palette-neutral70-dark); --md-ctx-palette-neutral80: var(--md-ctx-palette-neutral80-dark); --md-ctx-palette-neutral90: var(--md-ctx-palette-neutral90-dark); --md-ctx-palette-neutral95: var(--md-ctx-palette-neutral95-dark); --md-ctx-palette-neutral98: var(--md-ctx-palette-neutral98-dark); --md-ctx-palette-neutral99: var(--md-ctx-palette-neutral99-dark); --md-ctx-palette-neutral100: var(--md-ctx-palette-neutral100-dark); /* neutral-variant */ --md-ctx-palette-neutral-variant0: var(--md-ctx-palette-neutral-variant0-dark); --md-ctx-palette-neutral-variant5: var(--md-ctx-palette-neutral-variant5-dark); --md-ctx-palette-neutral-variant10: var(--md-ctx-palette-neutral-variant10-dark); --md-ctx-palette-neutral-variant20: var(--md-ctx-palette-neutral-variant20-dark); --md-ctx-palette-neutral-variant25: var(--md-ctx-palette-neutral-variant25-dark); --md-ctx-palette-neutral-variant30: var(--md-ctx-palette-neutral-variant30-dark); --md-ctx-palette-neutral-variant35: var(--md-ctx-palette-neutral-variant35-dark); --md-ctx-palette-neutral-variant40: var(--md-ctx-palette-neutral-variant40-dark); --md-ctx-palette-neutral-variant50: var(--md-ctx-palette-neutral-variant50-dark); --md-ctx-palette-neutral-variant60: var(--md-ctx-palette-neutral-variant60-dark); --md-ctx-palette-neutral-variant70: var(--md-ctx-palette-neutral-variant70-dark); --md-ctx-palette-neutral-variant80: var(--md-ctx-palette-neutral-variant80-dark); --md-ctx-palette-neutral-variant90: var(--md-ctx-palette-neutral-variant90-dark); --md-ctx-palette-neutral-variant95: var(--md-ctx-palette-neutral-variant95-dark); --md-ctx-palette-neutral-variant98: var(--md-ctx-palette-neutral-variant98-dark); --md-ctx-palette-neutral-variant99: var(--md-ctx-palette-neutral-variant99-dark); --md-ctx-palette-neutral-variant100: var(--md-ctx-palette-neutral-variant100-dark); /* success */ --md-ctx-palette-success0: var(--md-ctx-palette-success0-dark); --md-ctx-palette-success5: var(--md-ctx-palette-success5-dark); --md-ctx-palette-success10: var(--md-ctx-palette-success10-dark); --md-ctx-palette-success20: var(--md-ctx-palette-success20-dark); --md-ctx-palette-success25: var(--md-ctx-palette-success25-dark); --md-ctx-palette-success30: var(--md-ctx-palette-success30-dark); --md-ctx-palette-success35: var(--md-ctx-palette-success35-dark); --md-ctx-palette-success40: var(--md-ctx-palette-success40-dark); --md-ctx-palette-success50: var(--md-ctx-palette-success50-dark); --md-ctx-palette-success60: var(--md-ctx-palette-success60-dark); --md-ctx-palette-success70: var(--md-ctx-palette-success70-dark); --md-ctx-palette-success80: var(--md-ctx-palette-success80-dark); --md-ctx-palette-success90: var(--md-ctx-palette-success90-dark); --md-ctx-palette-success95: var(--md-ctx-palette-success95-dark); --md-ctx-palette-success98: var(--md-ctx-palette-success98-dark); --md-ctx-palette-success99: var(--md-ctx-palette-success99-dark); --md-ctx-palette-success100: var(--md-ctx-palette-success100-dark); /* warning */ --md-ctx-palette-warning0: var(--md-ctx-palette-warning0-dark); --md-ctx-palette-warning5: var(--md-ctx-palette-warning5-dark); --md-ctx-palette-warning10: var(--md-ctx-palette-warning10-dark); --md-ctx-palette-warning20: var(--md-ctx-palette-warning20-dark); --md-ctx-palette-warning25: var(--md-ctx-palette-warning25-dark); --md-ctx-palette-warning30: var(--md-ctx-palette-warning30-dark); --md-ctx-palette-warning35: var(--md-ctx-palette-warning35-dark); --md-ctx-palette-warning40: var(--md-ctx-palette-warning40-dark); --md-ctx-palette-warning50: var(--md-ctx-palette-warning50-dark); --md-ctx-palette-warning60: var(--md-ctx-palette-warning60-dark); --md-ctx-palette-warning70: var(--md-ctx-palette-warning70-dark); --md-ctx-palette-warning80: var(--md-ctx-palette-warning80-dark); --md-ctx-palette-warning90: var(--md-ctx-palette-warning90-dark); --md-ctx-palette-warning95: var(--md-ctx-palette-warning95-dark); --md-ctx-palette-warning98: var(--md-ctx-palette-warning98-dark); --md-ctx-palette-warning99: var(--md-ctx-palette-warning99-dark); --md-ctx-palette-warning100: var(--md-ctx-palette-warning100-dark); /* purple */ --md-ctx-palette-purple0: var(--md-ctx-palette-purple0-dark); --md-ctx-palette-purple5: var(--md-ctx-palette-purple5-dark); --md-ctx-palette-purple10: var(--md-ctx-palette-purple10-dark); --md-ctx-palette-purple20: var(--md-ctx-palette-purple20-dark); --md-ctx-palette-purple25: var(--md-ctx-palette-purple25-dark); --md-ctx-palette-purple30: var(--md-ctx-palette-purple30-dark); --md-ctx-palette-purple35: var(--md-ctx-palette-purple35-dark); --md-ctx-palette-purple40: var(--md-ctx-palette-purple40-dark); --md-ctx-palette-purple50: var(--md-ctx-palette-purple50-dark); --md-ctx-palette-purple60: var(--md-ctx-palette-purple60-dark); --md-ctx-palette-purple70: var(--md-ctx-palette-purple70-dark); --md-ctx-palette-purple80: var(--md-ctx-palette-purple80-dark); --md-ctx-palette-purple90: var(--md-ctx-palette-purple90-dark); --md-ctx-palette-purple95: var(--md-ctx-palette-purple95-dark); --md-ctx-palette-purple98: var(--md-ctx-palette-purple98-dark); --md-ctx-palette-purple99: var(--md-ctx-palette-purple99-dark); --md-ctx-palette-purple100: var(--md-ctx-palette-purple100-dark); /* blue */ --md-ctx-palette-blue0: var(--md-ctx-palette-blue0-dark); --md-ctx-palette-blue5: var(--md-ctx-palette-blue5-dark); --md-ctx-palette-blue10: var(--md-ctx-palette-blue10-dark); --md-ctx-palette-blue20: var(--md-ctx-palette-blue20-dark); --md-ctx-palette-blue25: var(--md-ctx-palette-blue25-dark); --md-ctx-palette-blue30: var(--md-ctx-palette-blue30-dark); --md-ctx-palette-blue35: var(--md-ctx-palette-blue35-dark); --md-ctx-palette-blue40: var(--md-ctx-palette-blue40-dark); --md-ctx-palette-blue50: var(--md-ctx-palette-blue50-dark); --md-ctx-palette-blue60: var(--md-ctx-palette-blue60-dark); --md-ctx-palette-blue70: var(--md-ctx-palette-blue70-dark); --md-ctx-palette-blue80: var(--md-ctx-palette-blue80-dark); --md-ctx-palette-blue90: var(--md-ctx-palette-blue90-dark); --md-ctx-palette-blue95: var(--md-ctx-palette-blue95-dark); --md-ctx-palette-blue98: var(--md-ctx-palette-blue98-dark); --md-ctx-palette-blue99: var(--md-ctx-palette-blue99-dark); --md-ctx-palette-blue100: var(--md-ctx-palette-blue100-dark); /* alpha primary */ --md-sys-color-primary-alpha-05: rgba(173, 198, 255, 0.05); --md-sys-color-primary-alpha-08: rgba(173, 198, 255, 0.08); --md-sys-color-primary-alpha-10: rgba(173, 198, 255, 0.1); --md-sys-color-primary-alpha-12: rgba(173, 198, 255, 0.12); --md-sys-color-primary-alpha-16: rgba(173, 198, 255, 0.16); --md-sys-color-primary-alpha-24: rgba(173, 198, 255, 0.24); /* alpha secondary */ --md-sys-color-secondary-alpha-05: rgba(191, 198, 220, 0.05); --md-sys-color-secondary-alpha-08: rgba(191, 198, 220, 0.08); --md-sys-color-secondary-alpha-10: rgba(191, 198, 220, 0.1); --md-sys-color-secondary-alpha-12: rgba(191, 198, 220, 0.12); --md-sys-color-secondary-alpha-16: rgba(191, 198, 220, 0.16); --md-sys-color-secondary-alpha-24: rgba(191, 198, 220, 0.24); /* alpha tertiary */ --md-sys-color-tertiary-alpha-05: rgba(255, 185, 92, 0.05); --md-sys-color-tertiary-alpha-08: rgba(255, 185, 92, 0.08); --md-sys-color-tertiary-alpha-10: rgba(255, 185, 92, 0.1); --md-sys-color-tertiary-alpha-12: rgba(255, 185, 92, 0.12); --md-sys-color-tertiary-alpha-16: rgba(255, 185, 92, 0.16); --md-sys-color-tertiary-alpha-24: rgba(255, 185, 92, 0.24); /* alpha error */ --md-sys-color-error-alpha-05: rgba(255, 179, 182, 0.05); --md-sys-color-error-alpha-08: rgba(255, 179, 182, 0.08); --md-sys-color-error-alpha-10: rgba(255, 179, 182, 0.1); --md-sys-color-error-alpha-12: rgba(255, 179, 182, 0.12); --md-sys-color-error-alpha-16: rgba(255, 179, 182, 0.16); --md-sys-color-error-alpha-24: rgba(255, 179, 182, 0.24); /* alpha success */ --md-sys-color-success-alpha-05: rgba(125, 221, 87, 0.05); --md-sys-color-success-alpha-08: rgba(125, 221, 87, 0.08); --md-sys-color-success-alpha-10: rgba(125, 221, 87, 0.1); --md-sys-color-success-alpha-12: rgba(125, 221, 87, 0.12); --md-sys-color-success-alpha-16: rgba(125, 221, 87, 0.16); --md-sys-color-success-alpha-24: rgba(125, 221, 87, 0.24); /* alpha purple */ --md-sys-color-purple-alpha-05: rgba(247, 173, 255, 0.05); --md-sys-color-purple-alpha-08: rgba(247, 173, 255, 0.08); --md-sys-color-purple-alpha-10: rgba(247, 173, 255, 0.1); --md-sys-color-purple-alpha-12: rgba(247, 173, 255, 0.12); --md-sys-color-purple-alpha-16: rgba(247, 173, 255, 0.16); --md-sys-color-purple-alpha-24: rgba(247, 173, 255, 0.24); /* alpha blue */ --md-sys-color-blue-alpha-05: rgba(139, 206, 255, 0.05); --md-sys-color-blue-alpha-08: rgba(139, 206, 255, 0.08); --md-sys-color-blue-alpha-10: rgba(139, 206, 255, 0.1); --md-sys-color-blue-alpha-12: rgba(139, 206, 255, 0.12); --md-sys-color-blue-alpha-16: rgba(139, 206, 255, 0.16); --md-sys-color-blue-alpha-24: rgba(139, 206, 255, 0.24); /* alpha outline */ --md-sys-color-outline-alpha-05: rgba(143, 144, 153, 0.05); --md-sys-color-outline-alpha-08: rgba(143, 144, 153, 0.08); --md-sys-color-outline-alpha-10: rgba(143, 144, 153, 0.1); --md-sys-color-outline-alpha-12: rgba(143, 144, 153, 0.12); --md-sys-color-outline-alpha-16: rgba(143, 144, 153, 0.16); --md-sys-color-outline-alpha-24: rgba(143, 144, 153, 0.24); /* alpha on-surface */ --md-sys-color-on-surface-alpha-05: rgba(255, 255, 255, 0.05); --md-sys-color-on-surface-alpha-08: rgba(255, 255, 255, 0.08); --md-sys-color-on-surface-alpha-10: rgba(255, 255, 255, 0.1); --md-sys-color-on-surface-alpha-12: rgba(255, 255, 255, 0.12); --md-sys-color-on-surface-alpha-16: rgba(255, 255, 255, 0.16); --md-sys-color-on-surface-alpha-24: rgba(255, 255, 255, 0.24); } .light-theme { /* primary */ --md-sys-color-primary-lowest: var(--md-sys-color-primary-lowest-light); --md-sys-color-primary-lower: var(--md-sys-color-primary-lower-light); --md-sys-color-primary-low: var(--md-sys-color-primary-low-light); --md-sys-color-primary: var(--md-sys-color-primary-light); --md-sys-color-primary-high: var(--md-sys-color-primary-high-light); --md-sys-color-primary-higher: var(--md-sys-color-primary-higher-light); --md-sys-color-primary-highest: var(--md-sys-color-primary-highest-light); --md-sys-color-on-primary: var(--md-sys-color-on-primary-light); --md-sys-color-primary-container: var(--md-sys-color-primary-container-light); --md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-light); --md-sys-color-primary-container-low: var(--md-sys-color-primary-container-low-light); --md-sys-color-primary-container-lower: var(--md-sys-color-primary-container-lower-light); --md-sys-color-primary-container-lowest: var(--md-sys-color-primary-container-lowest-light); --md-sys-color-primary-container-high: var(--md-sys-color-primary-container-high-light); --md-sys-color-primary-container-higher: var(--md-sys-color-primary-container-higher-light); --md-sys-color-primary-container-highest: var(--md-sys-color-primary-container-highest-light); /* secondary */ --md-sys-color-secondary-lowest: var(--md-sys-color-secondary-lowest-light); --md-sys-color-secondary-lower: var(--md-sys-color-secondary-lower-light); --md-sys-color-secondary-low: var(--md-sys-color-secondary-low-light); --md-sys-color-secondary: var(--md-sys-color-secondary-light); --md-sys-color-secondary-high: var(--md-sys-color-secondary-high-light); --md-sys-color-secondary-higher: var(--md-sys-color-secondary-higher-light); --md-sys-color-secondary-highest: var(--md-sys-color-secondary-highest-light); --md-sys-color-on-secondary: var(--md-sys-color-on-secondary-light); --md-sys-color-secondary-container: var(--md-sys-color-secondary-container-light); --md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-light); --md-sys-color-secondary-container-low: var(--md-sys-color-secondary-container-low-light); --md-sys-color-secondary-container-lower: var(--md-sys-color-secondary-container-lower-light); --md-sys-color-secondary-container-lowest: var(--md-sys-color-secondary-container-lowest-light); --md-sys-color-secondary-container-high: var(--md-sys-color-secondary-container-high-light); --md-sys-color-secondary-container-higher: var(--md-sys-color-secondary-container-higher-light); --md-sys-color-secondary-container-highest: var(--md-sys-color-secondary-container-highest-light); /* tertiary */ --md-sys-color-tertiary-lowest: var(--md-sys-color-tertiary-lowest-light); --md-sys-color-tertiary-lower: var(--md-sys-color-tertiary-lower-light); --md-sys-color-tertiary-low: var(--md-sys-color-tertiary-low-light); --md-sys-color-tertiary: var(--md-sys-color-tertiary-light); --md-sys-color-tertiary-high: var(--md-sys-color-tertiary-high-light); --md-sys-color-tertiary-higher: var(--md-sys-color-tertiary-higher-light); --md-sys-color-tertiary-highest: var(--md-sys-color-tertiary-highest-light); --md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-light); --md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-light); --md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-light); --md-sys-color-tertiary-container-low: var(--md-sys-color-tertiary-container-low-light); --md-sys-color-tertiary-container-lower: var(--md-sys-color-tertiary-container-lower-light); --md-sys-color-tertiary-container-lowest: var(--md-sys-color-tertiary-container-lowest-light); --md-sys-color-tertiary-container-high: var(--md-sys-color-tertiary-container-high-light); --md-sys-color-tertiary-container-higher: var(--md-sys-color-tertiary-container-higher-light); --md-sys-color-tertiary-container-highest: var(--md-sys-color-tertiary-container-highest-light); /* error */ --md-sys-color-error-lowest: var(--md-sys-color-error-lowest-light); --md-sys-color-error-lower: var(--md-sys-color-error-lower-light); --md-sys-color-error-low: var(--md-sys-color-error-low-light); --md-sys-color-error: var(--md-sys-color-error-light); --md-sys-color-error-high: var(--md-sys-color-error-high-light); --md-sys-color-error-higher: var(--md-sys-color-error-higher-light); --md-sys-color-error-highest: var(--md-sys-color-error-highest-light); --md-sys-color-on-error: var(--md-sys-color-on-error-light); --md-sys-color-error-container: var(--md-sys-color-error-container-light); --md-sys-color-on-error-container: var(--md-sys-color-on-error-container-light); --md-sys-color-error-container-low: var(--md-sys-color-error-container-low-light); --md-sys-color-error-container-lower: var(--md-sys-color-error-container-lower-light); --md-sys-color-error-container-lowest: var(--md-sys-color-error-container-lowest-light); --md-sys-color-error-container-high: var(--md-sys-color-error-container-high-light); --md-sys-color-error-container-higher: var(--md-sys-color-error-container-higher-light); --md-sys-color-error-container-highest: var(--md-sys-color-error-container-highest-light); /* success */ --md-sys-color-success-lowest: var(--md-sys-color-success-lowest-light); --md-sys-color-success-lower: var(--md-sys-color-success-lower-light); --md-sys-color-success-low: var(--md-sys-color-success-low-light); --md-sys-color-success: var(--md-sys-color-success-light); --md-sys-color-success-high: var(--md-sys-color-success-high-light); --md-sys-color-success-higher: var(--md-sys-color-success-higher-light); --md-sys-color-success-highest: var(--md-sys-color-success-highest-light); --md-sys-color-on-success: var(--md-sys-color-on-success-light); --md-sys-color-success-container: var(--md-sys-color-success-container-light); --md-sys-color-on-success-container: var(--md-sys-color-on-success-container-light); --md-sys-color-success-container-low: var(--md-sys-color-success-container-low-light); --md-sys-color-success-container-lower: var(--md-sys-color-success-container-lower-light); --md-sys-color-success-container-lowest: var(--md-sys-color-success-container-lowest-light); --md-sys-color-success-container-high: var(--md-sys-color-success-container-high-light); --md-sys-color-success-container-higher: var(--md-sys-color-success-container-higher-light); --md-sys-color-success-container-highest: var(--md-sys-color-success-container-highest-light); /* warning */ --md-sys-color-warning-lowest: var(--md-sys-color-warning-lowest-light); --md-sys-color-warning-lower: var(--md-sys-color-warning-lower-light); --md-sys-color-warning-low: var(--md-sys-color-warning-low-light); --md-sys-color-warning: var(--md-sys-color-warning-light); --md-sys-color-warning-high: var(--md-sys-color-warning-high-light); --md-sys-color-warning-higher: var(--md-sys-color-warning-higher-light); --md-sys-color-warning-highest: var(--md-sys-color-warning-highest-light); --md-sys-color-on-warning: var(--md-sys-color-on-warning-light); --md-sys-color-warning-container: var(--md-sys-color-warning-container-light); --md-sys-color-on-warning-container: var(--md-sys-color-on-warning-container-light); --md-sys-color-warning-container-low: var(--md-sys-color-warning-container-low-light); --md-sys-color-warning-container-lower: var(--md-sys-color-warning-container-lower-light); --md-sys-color-warning-container-lowest: var(--md-sys-color-warning-container-lowest-light); --md-sys-color-warning-container-high: var(--md-sys-color-warning-container-high-light); --md-sys-color-warning-container-higher: var(--md-sys-color-warning-container-higher-light); --md-sys-color-warning-container-highest: var(--md-sys-color-warning-container-highest-light); /* purple */ --md-sys-color-purple-lowest: var(--md-sys-color-purple-lowest-light); --md-sys-color-purple-lower: var(--md-sys-color-purple-lower-light); --md-sys-color-purple-low: var(--md-sys-color-purple-low-light); --md-sys-color-purple: var(--md-sys-color-purple-light); --md-sys-color-purple-high: var(--md-sys-color-purple-high-light); --md-sys-color-purple-higher: var(--md-sys-color-purple-higher-light); --md-sys-color-purple-highest: var(--md-sys-color-purple-highest-light); --md-sys-color-on-purple: var(--md-sys-color-on-purple-light); --md-sys-color-purple-container: var(--md-sys-color-purple-container-light); --md-sys-color-on-purple-container: var(--md-sys-color-on-purple-container-light); --md-sys-color-purple-container-low: var(--md-sys-color-purple-container-low-light); --md-sys-color-purple-container-lower: var(--md-sys-color-purple-container-lower-light); --md-sys-color-purple-container-lowest: var(--md-sys-color-purple-container-lowest-light); --md-sys-color-purple-container-high: var(--md-sys-color-purple-container-high-light); --md-sys-color-purple-container-higher: var(--md-sys-color-purple-container-higher-light); --md-sys-color-purple-container-highest: var(--md-sys-color-purple-container-highest-light); /* blue */ --md-sys-color-blue-lowest: var(--md-sys-color-blue-lowest-light); --md-sys-color-blue-lower: var(--md-sys-color-blue-lower-light); --md-sys-color-blue-low: var(--md-sys-color-blue-low-light); --md-sys-color-blue: var(--md-sys-color-blue-light); --md-sys-color-blue-high: var(--md-sys-color-blue-high-light); --md-sys-color-blue-higher: var(--md-sys-color-blue-higher-light); --md-sys-color-blue-highest: var(--md-sys-color-blue-highest-light); --md-sys-color-on-blue: var(--md-sys-color-on-blue-light); --md-sys-color-blue-container: var(--md-sys-color-blue-container-light); --md-sys-color-on-blue-container: var(--md-sys-color-on-blue-container-light); --md-sys-color-blue-container-low: var(--md-sys-color-blue-container-low-light); --md-sys-color-blue-container-lower: var(--md-sys-color-blue-container-lower-light); --md-sys-color-blue-container-lowest: var(--md-sys-color-blue-container-lowest-light); --md-sys-color-blue-container-high: var(--md-sys-color-blue-container-high-light); --md-sys-color-blue-container-higher: var(--md-sys-color-blue-container-higher-light); --md-sys-color-blue-container-highest: var(--md-sys-color-blue-container-highest-light); /* neutral */ --md-sys-color-background: var(--md-sys-color-background-light); --md-sys-color-on-background: var(--md-sys-color-on-background-light); --md-sys-color-on-surface: var(--md-sys-color-on-surface-light); --md-sys-color-surface: var(--md-sys-color-surface-light); --md-sys-color-surface-high: var(--md-sys-color-surface-high-light); --md-sys-color-surface-higher: var(--md-sys-color-surface-higher-light); --md-sys-color-surface-highest: var(--md-sys-color-surface-highest-light); /* neutral-variant */ --md-sys-color-outline: var(--md-sys-color-outline-light); --md-sys-color-outline-low: var(--md-sys-color-outline-low-light); --md-sys-color-outline-lower: var(--md-sys-color-outline-lower-light); --md-sys-color-outline-lowest: var(--md-sys-color-outline-lowest-light); --md-sys-color-outline-variant: var(--md-sys-color-outline-variant-light); --md-sys-color-outline-variant-low: var(--md-sys-color-outline-variant-low-light); --md-sys-color-outline-variant-lower: var(--md-sys-color-outline-variant-lower-light); --md-sys-color-outline-variant-lowest: var(--md-sys-color-outline-variant-lowest-light); --md-sys-color-surface-variant: var(--md-sys-color-surface-variant-light); --md-sys-color-surface-variant-low: var(--md-sys-color-surface-variant-low-light); --md-sys-color-surface-variant-lower: var(--md-sys-color-surface-variant-lower-light); --md-sys-color-surface-variant-lowest: var(--md-sys-color-surface-variant-lowest-light); --md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-light); /* primary */ --md-ctx-palette-primary0: var(--md-ctx-palette-primary0-light); --md-ctx-palette-primary5: var(--md-ctx-palette-primary5-light); --md-ctx-palette-primary10: var(--md-ctx-palette-primary10-light); --md-ctx-palette-primary20: var(--md-ctx-palette-primary20-light); --md-ctx-palette-primary25: var(--md-ctx-palette-primary25-light); --md-ctx-palette-primary30: var(--md-ctx-palette-primary30-light); --md-ctx-palette-primary35: var(--md-ctx-palette-primary35-light); --md-ctx-palette-primary40: var(--md-ctx-palette-primary40-light); --md-ctx-palette-primary50: var(--md-ctx-palette-primary50-light); --md-ctx-palette-primary60: var(--md-ctx-palette-primary60-light); --md-ctx-palette-primary70: var(--md-ctx-palette-primary70-light); --md-ctx-palette-primary80: var(--md-ctx-palette-primary80-light); --md-ctx-palette-primary90: var(--md-ctx-palette-primary90-light); --md-ctx-palette-primary95: var(--md-ctx-palette-primary95-light); --md-ctx-palette-primary98: var(--md-ctx-palette-primary98-light); --md-ctx-palette-primary99: var(--md-ctx-palette-primary99-light); --md-ctx-palette-primary100: var(--md-ctx-palette-primary100-light); /* secondary */ --md-ctx-palette-secondary0: var(--md-ctx-palette-secondary0-light); --md-ctx-palette-secondary5: var(--md-ctx-palette-secondary5-light); --md-ctx-palette-secondary10: var(--md-ctx-palette-secondary10-light); --md-ctx-palette-secondary20: var(--md-ctx-palette-secondary20-light); --md-ctx-palette-secondary25: var(--md-ctx-palette-secondary25-light); --md-ctx-palette-secondary30: var(--md-ctx-palette-secondary30-light); --md-ctx-palette-secondary35: var(--md-ctx-palette-secondary35-light); --md-ctx-palette-secondary40: var(--md-ctx-palette-secondary40-light); --md-ctx-palette-secondary50: var(--md-ctx-palette-secondary50-light); --md-ctx-palette-secondary60: var(--md-ctx-palette-secondary60-light); --md-ctx-palette-secondary70: var(--md-ctx-palette-secondary70-light); --md-ctx-palette-secondary80: var(--md-ctx-palette-secondary80-light); --md-ctx-palette-secondary90: var(--md-ctx-palette-secondary90-light); --md-ctx-palette-secondary95: var(--md-ctx-palette-secondary95-light); --md-ctx-palette-secondary98: var(--md-ctx-palette-secondary98-light); --md-ctx-palette-secondary99: var(--md-ctx-palette-secondary99-light); --md-ctx-palette-secondary100: var(--md-ctx-palette-secondary100-light); /* tertiary */ --md-ctx-palette-tertiary0: var(--md-ctx-palette-tertiary0-light); --md-ctx-palette-tertiary5: var(--md-ctx-palette-tertiary5-light); --md-ctx-palette-tertiary10: var(--md-ctx-palette-tertiary10-light); --md-ctx-palette-tertiary20: var(--md-ctx-palette-tertiary20-light); --md-ctx-palette-tertiary25: var(--md-ctx-palette-tertiary25-light); --md-ctx-palette-tertiary30: var(--md-ctx-palette-tertiary30-light); --md-ctx-palette-tertiary35: var(--md-ctx-palette-tertiary35-light); --md-ctx-palette-tertiary40: var(--md-ctx-palette-tertiary40-light); --md-ctx-palette-tertiary50: var(--md-ctx-palette-tertiary50-light); --md-ctx-palette-tertiary60: var(--md-ctx-palette-tertiary60-light); --md-ctx-palette-tertiary70: var(--md-ctx-palette-tertiary70-light); --md-ctx-palette-tertiary80: var(--md-ctx-palette-tertiary80-light); --md-ctx-palette-tertiary90: var(--md-ctx-palette-tertiary90-light); --md-ctx-palette-tertiary95: var(--md-ctx-palette-tertiary95-light); --md-ctx-palette-tertiary98: var(--md-ctx-palette-tertiary98-light); --md-ctx-palette-tertiary99: var(--md-ctx-palette-tertiary99-light); --md-ctx-palette-tertiary100: var(--md-ctx-palette-tertiary100-light); /* error */ --md-ctx-palette-error0: var(--md-ctx-palette-error0-light); --md-ctx-palette-error5: var(--md-ctx-palette-error5-light); --md-ctx-palette-error10: var(--md-ctx-palette-error10-light); --md-ctx-palette-error20: var(--md-ctx-palette-error20-light); --md-ctx-palette-error25: var(--md-ctx-palette-error25-light); --md-ctx-palette-error30: var(--md-ctx-palette-error30-light); --md-ctx-palette-error35: var(--md-ctx-palette-error35-light); --md-ctx-palette-error40: var(--md-ctx-palette-error40-light); --md-ctx-palette-error50: var(--md-ctx-palette-error50-light); --md-ctx-palette-error60: var(--md-ctx-palette-error60-light); --md-ctx-palette-error70: var(--md-ctx-palette-error70-light); --md-ctx-palette-error80: var(--md-ctx-palette-error80-light); --md-ctx-palette-error90: var(--md-ctx-palette-error90-light); --md-ctx-palette-error95: var(--md-ctx-palette-error95-light); --md-ctx-palette-error98: var(--md-ctx-palette-error98-light); --md-ctx-palette-error99: var(--md-ctx-palette-error99-light); --md-ctx-palette-error100: var(--md-ctx-palette-error100-light); /* neutral */ --md-ctx-palette-neutral0: var(--md-ctx-palette-neutral0-light); --md-ctx-palette-neutral5: var(--md-ctx-palette-neutral5-light); --md-ctx-palette-neutral10: var(--md-ctx-palette-neutral10-light); --md-ctx-palette-neutral20: var(--md-ctx-palette-neutral20-light); --md-ctx-palette-neutral25: var(--md-ctx-palette-neutral25-light); --md-ctx-palette-neutral30: var(--md-ctx-palette-neutral30-light); --md-ctx-palette-neutral35: var(--md-ctx-palette-neutral35-light); --md-ctx-palette-neutral40: var(--md-ctx-palette-neutral40-light); --md-ctx-palette-neutral50: var(--md-ctx-palette-neutral50-light); --md-ctx-palette-neutral60: var(--md-ctx-palette-neutral60-light); --md-ctx-palette-neutral70: var(--md-ctx-palette-neutral70-light); --md-ctx-palette-neutral80: var(--md-ctx-palette-neutral80-light); --md-ctx-palette-neutral90: var(--md-ctx-palette-neutral90-light); --md-ctx-palette-neutral95: var(--md-ctx-palette-neutral95-light); --md-ctx-palette-neutral98: var(--md-ctx-palette-neutral98-light); --md-ctx-palette-neutral99: var(--md-ctx-palette-neutral99-light); --md-ctx-palette-neutral100: var(--md-ctx-palette-neutral100-light); /* neutral-variant */ --md-ctx-palette-neutral-variant0: var(--md-ctx-palette-neutral-variant0-light); --md-ctx-palette-neutral-variant5: var(--md-ctx-palette-neutral-variant5-light); --md-ctx-palette-neutral-variant10: var(--md-ctx-palette-neutral-variant10-light); --md-ctx-palette-neutral-variant20: var(--md-ctx-palette-neutral-variant20-light); --md-ctx-palette-neutral-variant25: var(--md-ctx-palette-neutral-variant25-light); --md-ctx-palette-neutral-variant30: var(--md-ctx-palette-neutral-variant30-light); --md-ctx-palette-neutral-variant35: var(--md-ctx-palette-neutral-variant35-light); --md-ctx-palette-neutral-variant40: var(--md-ctx-palette-neutral-variant40-light); --md-ctx-palette-neutral-variant50: var(--md-ctx-palette-neutral-variant50-light); --md-ctx-palette-neutral-variant60: var(--md-ctx-palette-neutral-variant60-light); --md-ctx-palette-neutral-variant70: var(--md-ctx-palette-neutral-variant70-light); --md-ctx-palette-neutral-variant80: var(--md-ctx-palette-neutral-variant80-light); --md-ctx-palette-neutral-variant90: var(--md-ctx-palette-neutral-variant90-light); --md-ctx-palette-neutral-variant95: var(--md-ctx-palette-neutral-variant95-light); --md-ctx-palette-neutral-variant98: var(--md-ctx-palette-neutral-variant98-light); --md-ctx-palette-neutral-variant99: var(--md-ctx-palette-neutral-variant99-light); --md-ctx-palette-neutral-variant100: var(--md-ctx-palette-neutral-variant100-light); /* success */ --md-ctx-palette-success0: var(--md-ctx-palette-success0-light); --md-ctx-palette-success5: var(--md-ctx-palette-success5-light); --md-ctx-palette-success10: var(--md-ctx-palette-success10-light); --md-ctx-palette-success20: var(--md-ctx-palette-success20-light); --md-ctx-palette-success25: var(--md-ctx-palette-success25-light); --md-ctx-palette-success30: var(--md-ctx-palette-success30-light); --md-ctx-palette-success35: var(--md-ctx-palette-success35-light); --md-ctx-palette-success40: var(--md-ctx-palette-success40-light); --md-ctx-palette-success50: var(--md-ctx-palette-success50-light); --md-ctx-palette-success60: var(--md-ctx-palette-success60-light); --md-ctx-palette-success70: var(--md-ctx-palette-success70-light); --md-ctx-palette-success80: var(--md-ctx-palette-success80-light); --md-ctx-palette-success90: var(--md-ctx-palette-success90-light); --md-ctx-palette-success95: var(--md-ctx-palette-success95-light); --md-ctx-palette-success98: var(--md-ctx-palette-success98-light); --md-ctx-palette-success99: var(--md-ctx-palette-success99-light); --md-ctx-palette-success100: var(--md-ctx-palette-success100-light); /* warning */ --md-ctx-palette-warning0: var(--md-ctx-palette-warning0-light); --md-ctx-palette-warning5: var(--md-ctx-palette-warning5-light); --md-ctx-palette-warning10: var(--md-ctx-palette-warning10-light); --md-ctx-palette-warning20: var(--md-ctx-palette-warning20-light); --md-ctx-palette-warning25: var(--md-ctx-palette-warning25-light); --md-ctx-palette-warning30: var(--md-ctx-palette-warning30-light); --md-ctx-palette-warning35: var(--md-ctx-palette-warning35-light); --md-ctx-palette-warning40: var(--md-ctx-palette-warning40-light); --md-ctx-palette-warning50: var(--md-ctx-palette-warning50-light); --md-ctx-palette-warning60: var(--md-ctx-palette-warning60-light); --md-ctx-palette-warning70: var(--md-ctx-palette-warning70-light); --md-ctx-palette-warning80: var(--md-ctx-palette-warning80-light); --md-ctx-palette-warning90: var(--md-ctx-palette-warning90-light); --md-ctx-palette-warning95: var(--md-ctx-palette-warning95-light); --md-ctx-palette-warning98: var(--md-ctx-palette-warning98-light); --md-ctx-palette-warning99: var(--md-ctx-palette-warning99-light); --md-ctx-palette-warning100: var(--md-ctx-palette-warning100-light); /* purple */ --md-ctx-palette-purple0: var(--md-ctx-palette-purple0-light); --md-ctx-palette-purple5: var(--md-ctx-palette-purple5-light); --md-ctx-palette-purple10: var(--md-ctx-palette-purple10-light); --md-ctx-palette-purple20: var(--md-ctx-palette-purple20-light); --md-ctx-palette-purple25: var(--md-ctx-palette-purple25-light); --md-ctx-palette-purple30: var(--md-ctx-palette-purple30-light); --md-ctx-palette-purple35: var(--md-ctx-palette-purple35-light); --md-ctx-palette-purple40: var(--md-ctx-palette-purple40-light); --md-ctx-palette-purple50: var(--md-ctx-palette-purple50-light); --md-ctx-palette-purple60: var(--md-ctx-palette-purple60-light); --md-ctx-palette-purple70: var(--md-ctx-palette-purple70-light); --md-ctx-palette-purple80: var(--md-ctx-palette-purple80-light); --md-ctx-palette-purple90: var(--md-ctx-palette-purple90-light); --md-ctx-palette-purple95: var(--md-ctx-palette-purple95-light); --md-ctx-palette-purple98: var(--md-ctx-palette-purple98-light); --md-ctx-palette-purple99: var(--md-ctx-palette-purple99-light); --md-ctx-palette-purple100: var(--md-ctx-palette-purple100-light); /* blue */ --md-ctx-palette-blue0: var(--md-ctx-palette-blue0-light); --md-ctx-palette-blue5: var(--md-ctx-palette-blue5-light); --md-ctx-palette-blue10: var(--md-ctx-palette-blue10-light); --md-ctx-palette-blue20: var(--md-ctx-palette-blue20-light); --md-ctx-palette-blue25: var(--md-ctx-palette-blue25-light); --md-ctx-palette-blue30: var(--md-ctx-palette-blue30-light); --md-ctx-palette-blue35: var(--md-ctx-palette-blue35-light); --md-ctx-palette-blue40: var(--md-ctx-palette-blue40-light); --md-ctx-palette-blue50: var(--md-ctx-palette-blue50-light); --md-ctx-palette-blue60: var(--md-ctx-palette-blue60-light); --md-ctx-palette-blue70: var(--md-ctx-palette-blue70-light); --md-ctx-palette-blue80: var(--md-ctx-palette-blue80-light); --md-ctx-palette-blue90: var(--md-ctx-palette-blue90-light); --md-ctx-palette-blue95: var(--md-ctx-palette-blue95-light); --md-ctx-palette-blue98: var(--md-ctx-palette-blue98-light); --md-ctx-palette-blue99: var(--md-ctx-palette-blue99-light); --md-ctx-palette-blue100: var(--md-ctx-palette-blue100-light); /* alpha primary */ --md-sys-color-primary-alpha-05: rgba(0, 112, 249, 0.05); --md-sys-color-primary-alpha-08: rgba(0, 112, 249, 0.08); --md-sys-color-primary-alpha-10: rgba(0, 112, 249, 0.1); --md-sys-color-primary-alpha-12: rgba(0, 112, 249, 0.12); --md-sys-color-primary-alpha-16: rgba(0, 112, 249, 0.16); --md-sys-color-primary-alpha-24: rgba(0, 112, 249, 0.24); /* alpha secondary */ --md-sys-color-secondary-alpha-05: rgba(112, 119, 139, 0.05); --md-sys-color-secondary-alpha-08: rgba(112, 119, 139, 0.08); --md-sys-color-secondary-alpha-10: rgba(112, 119, 139, 0.1); --md-sys-color-secondary-alpha-12: rgba(112, 119, 139, 0.12); --md-sys-color-secondary-alpha-16: rgba(112, 119, 139, 0.16); --md-sys-color-secondary-alpha-24: rgba(112, 119, 139, 0.24); /* alpha tertiary */ --md-sys-color-tertiary-alpha-05: rgba(166, 106, 0, 0.05); --md-sys-color-tertiary-alpha-08: rgba(166, 106, 0, 0.08); --md-sys-color-tertiary-alpha-10: rgba(166, 106, 0, 0.1); --md-sys-color-tertiary-alpha-12: rgba(166, 106, 0, 0.12); --md-sys-color-tertiary-alpha-16: rgba(166, 106, 0, 0.16); --md-sys-color-tertiary-alpha-24: rgba(166, 106, 0, 0.24); /* alpha error */ --md-sys-color-error-alpha-05: rgba(231, 29, 73, 0.05); --md-sys-color-error-alpha-08: rgba(231, 29, 73, 0.08); --md-sys-color-error-alpha-10: rgba(231, 29, 73, 0.1); --md-sys-color-error-alpha-12: rgba(231, 29, 73, 0.12); --md-sys-color-error-alpha-16: rgba(231, 29, 73, 0.16); --md-sys-color-error-alpha-24: rgba(231, 29, 73, 0.24); /* alpha success */ --md-sys-color-success-alpha-05: rgba(43, 137, 0, 0.05); --md-sys-color-success-alpha-08: rgba(43, 137, 0, 0.08); --md-sys-color-success-alpha-10: rgba(43, 137, 0, 0.1); --md-sys-color-success-alpha-12: rgba(43, 137, 0, 0.12); --md-sys-color-success-alpha-16: rgba(43, 137, 0, 0.16); --md-sys-color-success-alpha-24: rgba(43, 137, 0, 0.24); /* alpha purple */ --md-sys-color-purple-alpha-05: rgba(200, 0, 237, 0.05); --md-sys-color-purple-alpha-08: rgba(200, 0, 237, 0.08); --md-sys-color-purple-alpha-10: rgba(200, 0, 237, 0.1); --md-sys-color-purple-alpha-12: rgba(200, 0, 237, 0.12); --md-sys-color-purple-alpha-16: rgba(200, 0, 237, 0.16); --md-sys-color-purple-alpha-24: rgba(200, 0, 237, 0.24); /* alpha blue */ --md-sys-color-blue-alpha-05: rgba(0, 126, 183, 0.05); --md-sys-color-blue-alpha-08: rgba(0, 126, 183, 0.08); --md-sys-color-blue-alpha-10: rgba(0, 126, 183, 0.1); --md-sys-color-blue-alpha-12: rgba(0, 126, 183, 0.12); --md-sys-color-blue-alpha-16: rgba(0, 126, 183, 0.16); --md-sys-color-blue-alpha-24: rgba(0, 126, 183, 0.24); /* alpha outline */ --md-sys-color-outline-alpha-05: rgba(117, 119, 128, 0.05); --md-sys-color-outline-alpha-08: rgba(117, 119, 128, 0.08); --md-sys-color-outline-alpha-10: rgba(117, 119, 128, 0.1); --md-sys-color-outline-alpha-12: rgba(117, 119, 128, 0.12); --md-sys-color-outline-alpha-16: rgba(117, 119, 128, 0.16); --md-sys-color-outline-alpha-24: rgba(117, 119, 128, 0.24); /* alpha on-surface */ --md-sys-color-on-surface-alpha-05: rgba(26, 28, 30, 0.05); --md-sys-color-on-surface-alpha-08: rgba(26, 28, 30, 0.08); --md-sys-color-on-surface-alpha-10: rgba(26, 28, 30, 0.1); --md-sys-color-on-surface-alpha-12: rgba(26, 28, 30, 0.12); --md-sys-color-on-surface-alpha-16: rgba(26, 28, 30, 0.16); --md-sys-color-on-surface-alpha-24: rgba(26, 28, 30, 0.24); } } :root { --ag-color-success-container-light: #CEEFB1; --ag-color-success-container-dark: #265101; --ag-color-black-light: #000000; --ag-color-black-dark: #ffffff; --ag-color-white-light: #ffffff; --ag-color-white-dark: #000000; } @media (prefers-color-scheme: light) { :root { --ag-color-success-container: var(--ag-color-success-container-light); --ag-color-black: var(--ag-color-black-light); --ag-color-white: var(--ag-color-white-light); --ag-color-box-shadow-alpha-05: rgba(0, 0, 0, 0.05); --ag-color-box-shadow-alpha-10: rgba(0, 0, 0, 0.1); --ag-color-box-shadow-alpha-15: rgba(0, 0, 0, 0.15); --ag-color-box-shadow-alpha-20: rgba(0, 0, 0, 0.2); --ag-color-box-shadow-alpha-30: rgba(0, 0, 0, 0.3); } .dark-theme { --ag-color-success-container: var(--ag-color-success-container-dark); --ag-color-black: var(--ag-color-black-dark); --ag-color-white: var(--ag-color-white-dark); --ag-color-box-shadow-alpha-05: rgba(255, 255, 255, 0.05); --ag-color-box-shadow-alpha-10: rgba(255, 255, 255, 0.1); --ag-color-box-shadow-alpha-15: rgba(255, 255, 255, 0.15); --ag-color-box-shadow-alpha-20: rgba(255, 255, 255, 0.2); --ag-color-box-shadow-alpha-30: rgba(255, 255, 255, 0.3); } } @media (prefers-color-scheme: dark) { :root { --ag-color-success-container: var(--ag-color-success-container-dark); --ag-color-black: var(--ag-color-black-dark); --ag-color-white: var(--ag-color-white-dark); --ag-color-box-shadow-alpha-05: rgba(255, 255, 255, 0.05); --ag-color-box-shadow-alpha-10: rgba(255, 255, 255, 0.1); --ag-color-box-shadow-alpha-15: rgba(255, 255, 255, 0.15); --ag-color-box-shadow-alpha-20:rgba(255, 255, 255, 0.2); --ag-color-box-shadow-alpha-30: rgba(255, 255, 255, 0.3); } .light-theme { --ag-color-success-container: var(--ag-color-success-container-light); --ag-color-black: var(--ag-color-black-light); --ag-color-white: var(--ag-color-white-light); --ag-color-box-shadow-alpha-05: rgba(0, 0, 0, 0.05); --ag-color-box-shadow-alpha-10: rgba(0, 0, 0, 0.1); --ag-color-box-shadow-alpha-15: rgba(0, 0, 0, 0.15); --ag-color-box-shadow-alpha-20: rgba(0, 0, 0, 0.2); --ag-color-box-shadow-alpha-30: rgba(0, 0, 0, 0.3); } } /*app navigator*/ :root { --logo-url-light: url("logoAction.action"); --logo-url-dark: url("logoAction.action?logoType=w"); --allegra-logo-url-light: url(../images/svg/allegra-logo.svg); --allegra-logo-url-dark: url(../images/svg/allegra-logo-inverted.svg); --ag-color-green-light:#008A29; --ag-color-warn-light:#ffffb8; --ag-color-green-dark:#68FF7F; --ag-color-warn-dark:#a19903; --ag-color-blue-light:#0061b0; --ag-color-blue-dark:#7caeff; } @media (prefers-color-scheme: light) { :root { --logo-url: var(--logo-url-light); --allegra-logo-url: var(--allegra-logo-url-light); --ag-color-green: var(--ag-color-green-light); --ag-color-warn: var(--ag-color-warn-light); --ag-color-blue: var(--ag-color-blue-light); } .dark-theme { --logo-url: var(--logo-url-dark); --allegra-logo-url: var(--allegra-logo-url-dark); --ag-color-green: var(--ag-color-green-dark); --ag-color-warn: var(--ag-color-warn-dark); --ag-color-blue: var(--ag-color-blue-dark); } } @media (prefers-color-scheme: dark) { :root { --logo-url: var(--logo-url-dark); --allegra-logo-url: var(--allegra-logo-url-dark); --ag-color-green: var(--ag-color-green-dark); --ag-color-warn: var(--ag-color-warn-dark); --ag-color-blue: var(--ag-color-blue-dark); } .light-theme { --logo-url: var(--logo-url-light); --allegra-logo-url: var(--allegra-logo-url-light); --ag-color-green: var(--ag-color-green-light); --ag-color-warn: var(--ag-color-warn-light); --ag-color-blue: var(--ag-color-blue-light); } } @media (prefers-color-scheme: light) { :root { --ag-color-green-08: rgba(0, 138, 41, 0.08); --ag-color-green-12: rgba(0, 138, 41, 0.12); --ag-color-green-24: rgba(0, 138, 41, 0.24); --ag-color-green-40: rgba(0, 138, 41, 0.4); } .dark-theme { --ag-color-green-08: rgba(104, 255, 127, 0.08); --ag-color-green-12: rgba(104, 255, 127, 0.12); --ag-color-green-24: rgba(104, 255, 127, 0.24); --ag-color-green-40: rgba(104, 255, 127, 0.4); } } @media (prefers-color-scheme: dark) { :root { --ag-color-green-08: rgba(104, 255, 127, 0.08); --ag-color-green-12: rgba(104, 255, 127, 0.12); --ag-color-green-24: rgba(104, 255, 127, 0.24); --ag-color-green-40: rgba(104, 255, 127, 0.4); } .light-theme { --ag-color-green-08: rgba(0, 138, 41, 0.08); --ag-color-green-12: rgba(0, 138, 41, 0.12); --ag-color-green-24: rgba(0, 138, 41, 0.24); --ag-color-green-40: rgba(0, 138, 41, 0.4); } } .display-large { font-family: RobotoFlex; font-size: 3.5625rem; line-height: 4rem; letter-spacing: 0; font-weight: 600; text-decoration: inherit; text-transform: inherit; } .display-medium { font-family: RobotoFlex; font-size: 2.8125rem; line-height: 3.25rem; letter-spacing: 0; font-weight: 600; text-decoration: inherit; text-transform: inherit; } .display-small { font-family: RobotoFlex; font-size: 2.25rem; line-height: 2.75rem; letter-spacing: 0; font-weight: 600; text-decoration: inherit; text-transform: inherit; } .display-xxx-small { font-family: RobotoFlex; font-size: 1.125rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .headline-large { font-family: RobotoFlex; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .headline-medium { font-family: RobotoFlex; font-size: 1.75rem; line-height: 2.25rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .headline-small { font-family: RobotoFlex; font-size: 1.5rem; line-height: 2rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .title-large { font-family: RobotoFlex; font-size: 1.375rem; line-height: 1.75rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .title-medium { font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.009375rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .title-small { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.00625rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .label-large { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.00625rem; text-decoration: none; text-transform: inherit; } .label-medium { font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; font-weight: 400; letter-spacing: 0.03125rem; text-decoration: none; text-transform: inherit; } .label-small { font-family: RobotoFlex; font-size: 0.6875rem; line-height: 1rem; font-weight: 400; letter-spacing: 0.03125rem; text-decoration: none; text-transform: inherit; } .body-large { font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.03125rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .body-medium { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .body-small { font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .screenDesignPanel, .screenDesignPanel-selected, .dashboardEditPanelView, .dashboardEditPanelView-selected, .dashboardEditPanelView-dragOver, .screenPanel, .screenPanel-selected, .screenPanel-first-selected, .screenPanel-dragOver, .screenPanel-first-dragOver, .dashboardDesignField .dashboardField, .dashboardDesignField-selected .dashboardField, .dashboardDesignField .dashboardField div, .dashboardDesignField-selected .dashboardField div { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; } .itemNavLocalFilterText .x-form-text-default, .overflow-ellipsis-flex, .overflow-ellipsis { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .supporting-text { color: var(--md-sys-color-on-surface-variant) !important; font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; padding: 16px 0 24px 0; } .svg-image { fill: currentColor; } .svg-image-btn-base { width: 1.25rem; height: 1.25rem; } .svg-image-btn-small { width: 1rem; height: 1rem; } .svg-image-btn-x-small { width: 1rem; height: 1rem; } .svg-image-16 { width: 16px; height: 16px; } .svg-image-32 { width: 32px; height: 32px; } .svg-image-64 { width: 64px; height: 64px; } /* Admin west tree */ /* Fix for Item navigator */ .westTreeNavigator .westTreeNavigator { border-right: 0px !important; } .westTreeNavigator .x-panel-body { border-top-width: 0px !important; } .logMessage, .logMessageWarn, .logMessageError { font-family: "Courier" !important; padding-bottom: 4px; font-size: 1rem !important; } .logMessageError { background: var(--md-sys-color-error-container); color: var(--md-sys-color-on-error-container); } .logMessageWarn { background: var(--ag-color-warn); } a.regularR { color: #7a0400; text-decoration: none; font-weight: normal; background: url(../images/svg/actions/navigateRight.svg) no-repeat 0 4px; padding: 0 0 0 15px; margin: 0 0 2px 0; display: block; } .configItemUnChanged { color: #909090; } .configItemUnChanged:hover { color: #BF2128; } /* TPersonal license page style */ .tpTrialFormContainer { margin-top: 8%; } .tpTrialFormTextField { height: 40px; } .tpTrialFormTextField .x-form-text-default { color: #999 !important; font-size: 140%; font-family: "LatoLatin" !important; font-weight: 650; font-size: 22px; } .tpTrialFormCombo input { color: #C4C4C4 !important; font-size: 140%; font-family: "LatoLatin" !important; font-weight: 650; } .generalBlueBtn { height: 40px !important; } .tpTrialFormTitle { font-size: 250%; width: 550px; margin: 0 0 15px 0; line-height: 35px; font-family: "LatoLatin" !important; color: green; text-align: right; } .tpTrialFormBtnCont, .tpTrialFormBtnCont .x-panel-body, .tpTrialFormBtnCont .x-box-inner, .tpTrialFormBtnCont .x-box-target { width: 100% !important; } .tpTrialFormTitle span { color: #006c9c; font-family: "LatoLatin" !important; } .tpInsertLicContainer { width: 610px; height: 800px; display: inline-block; padding: 20px; margin-top: 6% !important; text-align: left; } .tpPurchaseLink { left: 0px !important; cursor: pointer !important; } .avatarEditLabel { padding-top: 40px; } .htmlTemplateEditInlineHelp { cursor: pointer; pointer-events: auto !important; } .scriptEditSrc textarea, .fileExplorerInlineEditor textarea { font-family: "Courier" !important; } .fileExplorerView .fileExplorerInlineEditor.x-field.x-form-type-text { margin-top: 0 !important; margin-bottom: 0 !important; } .fileExplorerView .fileExplorerInlineEditor.x-field.x-form-type-text .x-form-trigger-wrap, .fileExplorerView .fileExplorerInlineEditor.x-field.x-form-type-text .x-form-trigger-wrap-default { border-color: transparent !important; } .fileExplorerView .fileExplorerInlineEditor.x-field.x-form-type-text.x-field-focus { border-color: transparent !important; } .fileExplorerView .fileExplorerInlineEditor.x-field.x-form-type-text textarea { color: var(--md-sys-color-on-surface-75) !important; } /* File drag and drop to item view */ .wikiExportTemplateCenterDndHighlight { border: 5px dashed #5C5C5C; } /* end */ .wikiExportTplEditorWestView { border-right: 1px solid #D0D0D0; } /* Branding */ fieldset.brandingUploadImgWrapper { padding: 20px 0 20px 0; /* Reset the text-transform property in order to show the correct file name */ } fieldset.brandingUploadImgWrapper.fileOver { background-color: var(--base-light-color); padding: 20px 0 20px 20px !important; } fieldset.brandingUploadImgWrapper .demoImgMissing { border: 5px dashed var(--md-sys-color-outline-variant-lower); background-image: url(../images/svg/actions/import.svg) !important; background-repeat: no-repeat; background-position: center; background-size: 40px 40px; } fieldset.brandingUploadImgWrapper .x-fieldset-header-text { text-transform: none !important; } .brandingUploadImgWrapper .brandingUploadImgWrapper .avatarIconWrapper { margin: 0; padding: 4px; border: 4px solid transparent; -webkit-transition: border 500ms ease-out; -moz-transition: border 500ms ease-out; -o-transition: border 500ms ease-out; transition: border 500ms ease-out; cursor: pointer; } .brandingUploadImgWrapper .brandingUploadImgWrapper .avatarIconWrapper:hover, .brandingUploadImgWrapper .brandingUploadImgWrapper .avatarIconWrapper.avatarDrop { border-style: dashed; -webkit-transition: border 500ms ease-out; -moz-transition: border 500ms ease-out; o-transition: border 500ms ease-out; transition: border 500ms ease-out; } .brandingUploadImgWrapper .brandingUploadImgWrapper .avatarIconWrapper:hover { border-color: var(--md-ctx-palette-primary70); } .brandingUploadImgWrapper .brandingUploadImgWrapper .avatarIconWrapper.avatarDrop { border-color: var(--ag-color-green-40) !important; } .brandingLogoWrapper { max-width: 250px; } .brandingLogoWrapper img { width: 100%; } .brandingLogoWrapper.inverted { background-color: #757780 !important; } .colorSchemeGrid { border: 1px solid var(--md-sys-color-outline-variant-lower); } .colorSchemeGrid .x-panel-body { border-top-width: 0px !important; } .txTplNameTxtField label .x-form-item-label-text { margin-left: 5px !important; } .txTplNameTxtField input { padding: 0 0 0 5px !important; } /* Access tokens state */ .tokenStateIndicator { width: 1rem; height: 1rem; border-radius: 0.125rem; display: inline-block; } .tokenStateValid { background-color: #4caf50; } .tokenStateInValid { background-color: #f44336; } .integrationsView .appListTree { border-right: 1px solid var(--md-sys-color-outline-variant-lower); } /* Persons, guests drag and drop high-lighter */ .personsGrid.highlightDropArea { border: 5px dashed var(--md-sys-color-outline-variant-lower) !important; } /* Workspace role assignment */ .roleAssignment .showHideUnassigned .x-tool-img { opacity: 1 !important; } .select-box-inline { margin: 24px 0; width: 420px !important; height: 400px !important; } .ntn { color: red; } .persons-list-edit-calendar-view .gridLocalFilterText { display: none !important; } .persons-list-edit-calendar-view .x-panel-body { pointer-events: none !important; } .localeEditor .generalActionsIconsWrapper { justify-content: left !important; } .license-view .license-extension textarea { word-break: break-all; } .msExchangeIntegrationView .msExchangeIntegrationStatusLbl .status-lbl-wrapper { display: flex; align-items: center; } .ldap-config-tab-view .x-tab-bar { height: 2.5rem !important; } .ldap-config-tab-view .x-tab-bar .add-new-connection-btn { height: 2.5rem !important; } .wizard-tile.x-item-over, .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .dndFileViewer .dndViewFileItemWrapper, .elevation-1 { box-shadow: 0px 1px 2px var(--ag-color-box-shadow-alpha-10), 0px 1px 3px var(--ag-color-box-shadow-alpha-05); } .mega-menu, .customPicker, .x-dd-drag-proxy.taskboard-dd-drag-proxy.taskboard-dd-drag-proxy-multiple .drag-wrapper-multipleCards .drag-backCard, .taskboardGroup .taskboardColumnBody .itemCard, .screenDesigner.screenDesigner-cardScreen .cardScreenPanel, .designer-field-dnd-proxy, .x-window.window-no-header, .x-panel.floating-panel, .itemNavDnDWrapper, .actionLinksView .actionLinkItem, .elevation-2 { box-shadow: 0px 1px 2px var(--ag-color-box-shadow-alpha-15), 0px 2px 6px var(--ag-color-box-shadow-alpha-10); } .x-dd-drag-proxy.taskboard-dd-drag-proxy .drag-card, .screenDesigner .entityScreenComponent.entityScreenField.dashboardScreenField, .x-dd-drag-proxy.item-navigator-dd-drag-proxy .item-drag-tooltip, .dashboardView .dashboardField, .dashboardProjectView .dashboardField, .elevation-3 { box-shadow: 0px 1px 3px var(--ag-color-box-shadow-alpha-15), 0px 4px 8px var(--ag-color-box-shadow-alpha-10); } .tribute-container, .fr-box a.fr-floating-btn, .fr-qi-helper a.fr-btn.fr-floating-btn, .fr-command.fr-btn.fr-active + .fr-dropdown-menu, .fr-popup, .fr-modal .fr-modal-wrapper, .elevation-4 { box-shadow: 0px 6px 10px var(--ag-color-box-shadow-alpha-05), 0px 2px 3px var(--ag-color-box-shadow-alpha-10); } .logon-view .login-form, .elevation-5 { box-shadow: 0px 8px 12px var(--ag-color-box-shadow-alpha-05), 0px 4px 4px var(--ag-color-box-shadow-alpha-10); } textarea.fr-code { min-height: unset !important; height: 100% !important; color: var(--md-sys-color-on-surface); background-color: var(--md-sys-color-background); caret-color: var(--md-sys-color-on-surface) !important; } .code-text { font-family: Courier; text-align: left; background-color: var(--md-sys-color-outline-alpha-08); padding: 1rem; display: block; border-radius: 0.25rem; } span.code-text p, div.code-text p { margin: 0.75rem 0; } .fr-box { flex: 1; } .froalaEditor.allowDropEntity { transition-property: box-shadow; transition-duration: 0.5s; transition-timing-function: ease-in-out; } .froalaEditor.allowDropEntity .froala-editor-field-value { box-shadow: inset 0 0 0 2px var(--md-sys-color-primary) !important; } .froalaEditor.allowDropEntity .fr-iframe { pointer-events: none !important; } .froalaEditor.froalaEditor-dragOver .froala-editor-field-value { box-shadow: inset 0 0 0 2px var(--md-sys-color-success) !important; } .froalaEditor.allowDropEntity .fr-iframe { pointer-events: none !important; } .froalaEditor .fr-view { caret-color: var(--md-sys-color-on-surface); -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text; } .tribute-container { background: var(--md-sys-color-surface); border-radius: 0.25rem; padding: 4px 0; } .tribute-container ul { margin: 0; margin-top: 2px; padding: 0; list-style: none; background: unset; } .tribute-container li { padding: 0.5rem 1rem; cursor: pointer; } .tribute-container li.highlight { background: var(--md-sys-color-primary-alpha-10) !important; } .tribute-container li span { font-weight: normal; } .tribute-container li.no-match { cursor: default; } .tribute-container .menu-highlighted { font-weight: bold; } .tribute-container .autocomplete-menu-item-container { display: inline-flex; align-items: center; flex-direction: row; gap: 0.5rem; } .tribute-container .autocomplete-menu-item-container img { width: 1.25rem; height: 1.25rem; border-radius: 50%; } /* Page break configuration */ @media print { .pagebreak { page-break-before: always; } } @media not print { .pagebreak { opacity: 0.5; width: 100%; border-top: 1px dashed var(--md-sys-color-on-surface); text-align: center; margin-top: 12px !important; } .pagebreak:after { content: "Page Break"; background-color: var(--md-sys-color-background); padding: 0 8px; position: relative; top: -10px !important; } .pagebreak br { display: none !important; } } /* end */ /*links*/ a[type=attachment]:before { font-family: "Material Icons", "Font Awesome 5 Free" !important; font-size: 16px; letter-spacing: 0; opacity: 0.3; vertical-align: middle; content: "\e226"; } .fr-view a[type]:before { font-family: "Material Icons", "Font Awesome 5 Free" !important; font-size: 16px; letter-spacing: 0; opacity: 0.3; vertical-align: middle; } .fr-view a[type=global]:before { content: "\e80b"; } .fr-view a[type=workItem]:before { content: "\e14f"; } .fr-view a[type=attachment]:before { content: "\e226"; } .fr-view a[type=document]:before { content: "\e873"; } .fr-view a[type=section]:before, .fr-view a[type=sectionInDifferentDoc]:before { content: "\e873"; } .fr-view a[type=linkToTable]:before { content: "\e228"; } .fr-view img { pointer-events: all !important; } .fr-view .fr-widget-wrapper .fr-widget { pointer-events: none !important; } .fr-view .fr-widget-wrapper img { pointer-events: none !important; } .fr-view figure { border: 1px dashed var(--md-sys-color-outline-variant-lower); } .fr-view a[type=linkToAnchor]:before { content: "\e153"; } .fr-view a[name]:before { font-family: "Material Icons", "Font Awesome 5 Free" !important; font-size: 18px; letter-spacing: 0; vertical-align: middle; content: "\e153"; color: var(--md-sys-color-error); } .fr-view table > caption { caption-side: top; text-align: center; padding: 0.125rem 0.5rem; border: 1px dashed var(--md-sys-color-outline-variant-lower); border-width: 1px 1px 0 1px; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; color: var(--md-sys-color-on-surface-variant); line-height: 1.25rem; } .fr-view table td { border-color: var(--md-sys-color-outline-variant-lower); } .fr-view.fr-drop { box-shadow: 0px 0px 0px 10px var(--md-sys-color-success) inset; -webkit-box-shadow: 0px 0px 10px var(--md-sys-color-success) inset; -moz-box-shadow: 0px 0px 0px 10px var(--md-sys-color-success) inset; -webkit-transition: box-shadow 300ms ease-in-out; -moz-transition: box-shadow 300ms ease-in-out; -o-transition: box-shadow 300ms ease-in-out; transition: box-shadow 300ms ease-in-out; } .fr-editor-loading { opacity: 0.5; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .fr-editor-loading:before { display: block; position: absolute; top: 0; left: 0; z-index: 7; width: 100%; height: 100%; content: ""; border-radius: 0.25rem; background-color: var(--md-sys-color-outline-alpha-05); } .froalaEditor { display: flex; flex-direction: column; margin-top: 0.5rem; margin-bottom: 2rem; } .froalaEditor.x-item-disabled .x-mask { background-color: transparent !important; } .froalaEditor.x-item-disabled .froala-editor-field-value { box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant-lowest) !important; opacity: 0.5; } .froalaEditor.no-label label.froala-editor-field-label { display: none; } .froalaEditor.required label.froala-editor-field-label::after { content: "*"; color: var(--md-sys-color-error); font-size: 1.125rem; font-family: auto; font-weight: bold; line-height: 1.125rem; display: inline-block; padding-left: 2px; } .froalaEditor.invalid label.froala-editor-field-label { color: var(--md-sys-color-error); } .froalaEditor.invalid .froala-editor-field-value { box-shadow: inset 0 0 0 1px var(--md-sys-color-error-lowest) !important; } .froalaEditor.invalid .froala-editor-field-value:hover { box-shadow: inset 0 0 0 1px var(--md-sys-color-error-lower) !important; } .froalaEditor.invalid.froala-editor-focused .froala-editor-field-value, .froalaEditor.invalid.froala-editor-focused .froala-editor-field-value.fr-basic { box-shadow: inset 0 0 0 1px var(--md-sys-color-error) !important; } .froalaEditor label.froala-editor-field-label { position: absolute; z-index: 6; background-color: var(--md-sys-color-background); color: var(--md-sys-color-outline-low); font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; font-size: 0.9375rem !important; margin-top: 0 !important; margin-left: 0.75rem !important; transform: translateY(-0.5rem) scale(0.8) !important; transform-origin: top left; transition-duration: 150ms; padding: 0 0.25rem; } .froalaEditor .froala-editor-field-value { flex: 1; border-radius: 0.25rem; min-height: 2.5rem; padding: 0.625rem 1rem; box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant-low); color: var(--md-sys-color-on-surface); } .froalaEditor .froala-editor-field-value:hover { box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant); } .froalaEditor .froala-editor-field-value.fr-basic { display: flex; flex-direction: column; box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant-low); padding: 0.125rem; } .froalaEditor .froala-editor-field-value.fr-basic:hover { box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant); } .froalaEditor .froala-editor-field-value.fr-basic .fr-wrapper { overflow: auto; flex: 1; border-width: 0 !important; border-radius: 0 0 0.25rem 0.25rem !important; background-color: var(--md-sys-color-background); color: var(--md-sys-color-on-surface); min-height: 5rem; } .froalaEditor .froala-editor-field-value.fr-basic .fr-wrapper > .fr-view { height: 100%; } .froalaEditor .froala-editor-field-value.fr-basic.fr-fullscreen.fr-code-view .fr-wrapper { overflow: hidden !important; } .froalaEditor .froala-editor-field-msg { display: none; overflow: hidden; margin-bottom: -1.125rem; height: auto; padding: 2px 1rem 0 1rem; font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .froalaEditor .froala-editor-field-msg.froala-editor-field-msg-active { display: block; } .froalaEditor .froala-editor-field-msg.froala-editor-field-msg-error { color: var(--md-sys-color-error); } .froalaEditor.froala-editor-focused .froala-editor-field-value, .froalaEditor.froala-editor-focused .froala-editor-field-value.fr-basic { box-shadow: inset 0 0 0 1px var(--md-sys-color-outline) !important; } .froalaEditor.allDocumentEdit { margin-top: 0; margin-bottom: 0; } .froalaEditor.allDocumentEdit .froala-editor-field-value { box-shadow: none; border-radius: 0; } .froalaEditor.allDocumentEdit .froala-editor-field-value:hover { box-shadow: none; } .froalaEditor.commentEditor { margin-top: 0 !important; margin-bottom: 0 !important; } .froalaEditor ol ol { list-style-type: lower-alpha; } .froalaEditor ol ol ol { list-style-type: lower-roman; } .fr-box.fr-basic.fr-bottom .fr-wrapper { border-radius: 0.25rem !important; } .fr-box.fr-basic .fr-element.fr-view { padding: 0.5rem 0.875rem !important; } .fr-box.fr-basic .fr-element.fr-view p:first-child { margin-top: 0; } .fr-box.fr-basic .fr-element.fr-view p { margin: 0.375rem 0; } .fr-basic, .fr-box.fr-basic { border-radius: 0.25rem; background-color: var(--md-sys-color-background); } .fr-basic .fr-toolbar, .fr-box.fr-basic .fr-toolbar { padding: 0; background-color: var(--md-sys-color-background) !important; color: var(--md-sys-color-secondary); } .fr-basic .fr-toolbar.fr-sticky-on, .fr-box.fr-basic .fr-toolbar.fr-sticky-on { box-shadow: 0px 8px 12px var(--ag-color-box-shadow-alpha-05), 0px 4px 4px var(--ag-color-box-shadow-alpha-10); transition-duration: 400ms; } .fr-basic .fr-toolbar.fr-top, .fr-box.fr-basic .fr-toolbar.fr-top { border-color: var(--md-sys-color-outline-variant-low); border-width: 0 0 1px 0 !important; border-radius: 0.25rem 0.25rem 0 0 !important; } .fr-basic .fr-toolbar .fr-newline, .fr-box.fr-basic .fr-toolbar .fr-newline { margin-left: 0 !important; margin-right: 0 !important; background-color: var(--md-sys-color-outline-variant-low); } .fr-basic .fr-toolbar .fr-more-toolbar, .fr-box.fr-basic .fr-toolbar .fr-more-toolbar { background-color: var(--md-sys-color-surface); } .fr-basic .fr-toolbar .fr-more-toolbar.fr-expanded, .fr-box.fr-basic .fr-toolbar .fr-more-toolbar.fr-expanded { height: 2.5rem; border-bottom: 1px solid var(--md-sys-color-outline-variant-lower); background-color: var(--md-sys-color-surface-high); } .fr-basic .fr-toolbar .fr-btn-grp, .fr-box.fr-basic .fr-toolbar .fr-btn-grp { padding: 0; margin: 0 0.75rem; display: inline-flex; flex-direction: row; gap: 0.25rem; align-items: flex-start; justify-items: center; } .fr-basic .fr-toolbar .fr-btn-grp:first-child, .fr-box.fr-basic .fr-toolbar .fr-btn-grp:first-child { margin-left: 0.5rem; } .fr-basic .x-hidden-offsets .fr-toolbar.fr-sticky-on, .fr-box.fr-basic .x-hidden-offsets .fr-toolbar.fr-sticky-on { display: none; } .fr-basic .fr-second-toolbar:empty, .fr-box.fr-basic .fr-second-toolbar:empty { display: none !important; } .fr-basic .fr-element, .fr-box.fr-basic .fr-element { font-family: RobotoFlex; font-size: 0.875rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; line-height: 1.4285714286; color: var(--md-sys-color-on-surface); } .fr-quick-insert { z-index: 3; padding-right: 0; } .fr-quick-insert.fr-visible { left: 1.75rem !important; } .fr-box a.fr-floating-btn, .fr-qi-helper a.fr-btn.fr-floating-btn { padding: 5px; height: 2rem; width: 2rem; color: var(--md-sys-color-secondary); background-color: var(--md-sys-color-surface); border: 1px solid var(--md-sys-color-outline-variant-lower); transition: left 200ms ease-in-out; } .fr-box a.fr-floating-btn:hover, .fr-qi-helper a.fr-btn.fr-floating-btn:hover { background-color: var(--md-sys-color-surface-higher); color: var(--md-sys-color-secondary-higher); } .fr-box a.fr-floating-btn svg, .fr-qi-helper a.fr-btn.fr-floating-btn svg { width: 1.25rem; height: 1.25rem; fill: currentColor !important; margin: 0; } .fr-box a.fr-floating-btn.fr-btn + .fr-btn { margin-left: 0.5rem; } .fr-qi-helper { padding-left: 1rem; } .fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .fr-popup .fr-command.fr-btn.fr-dropdown:after, .fr-modal .fr-command.fr-btn.fr-dropdown:after { border-top-color: var(--md-sys-color-secondary); top: 0.75rem; right: 0.5rem; } .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after { border-top-color: var(--md-sys-color-secondary-higher); } .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after { border-bottom-color: var(--md-sys-color-secondary); } .fr-command.fr-btn + .fr-dropdown-menu { background-color: var(--md-sys-color-surface-high); } .fr-command.fr-btn.fr-active + .fr-dropdown-menu { background-color: var(--md-sys-color-surface); margin-top: 0.25rem; } .fr-desktop .fr-command:hover:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) { background: var(--md-sys-color-primary-alpha-05); } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active { background: var(--md-sys-color-primary-alpha-10); } .htmlReadOnlyField.x-field.x-form-type-text .x-form-display-field-body .x-form-display-field-default, .htmlReadOnlyField.x-field.x-form-type-password .x-form-display-field-body .x-form-display-field-default { line-height: 1.4285714286; display: flow-root; } .htmlReadOnlyFieldHeight.htmlReadOnlyField.x-field.x-form-type-text .x-form-display-field-body, .htmlReadOnlyFieldHeight.htmlReadOnlyField.x-field.x-form-type-password .x-form-display-field-body { padding: 1px; } .htmlReadOnlyFieldHeight.htmlReadOnlyField.x-field.x-form-type-text .x-form-display-field-body .x-form-display-field-default, .htmlReadOnlyFieldHeight.htmlReadOnlyField.x-field.x-form-type-password .x-form-display-field-body .x-form-display-field-default { height: 100%; overflow: auto; } .fr-popup { color: var(--md-sys-color-on-surface); background-color: var(--md-sys-color-surface); } .fr-popup .fr-buttons { padding: 0.25rem; } .fr-popup .fr-command.fr-btn, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn, .fr-modal .fr-command.fr-btn, .fr-toolbar .fr-command.fr-btn { padding: 0.25rem; height: 1.75rem; width: unset; margin: 0.375rem 0; color: var(--md-sys-color-secondary); -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .fr-popup .fr-command.fr-btn.fr-dropdown, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-dropdown, .fr-modal .fr-command.fr-btn.fr-dropdown, .fr-toolbar .fr-command.fr-btn.fr-dropdown { padding-right: 1rem; } .fr-popup .fr-command.fr-btn.fr-dropdown:after, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-dropdown:after, .fr-modal .fr-command.fr-btn.fr-dropdown:after, .fr-toolbar .fr-command.fr-btn.fr-dropdown:after { right: 0.25rem; } .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options { margin-left: 0 !important; padding-right: 0.875rem; border-left: 1px solid transparent; } .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options:hover, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-dropdown.fr-options:hover, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options:hover, .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options:hover { border-left-color: var(--md-sys-color-outline-variant-lower); } .fr-popup .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat], .fr-popup .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize], .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat], .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize], .fr-modal .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat], .fr-modal .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize], .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat], .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize] { box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant-low); } .fr-popup .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat]:hover, .fr-popup .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize]:hover, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat]:hover, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize]:hover, .fr-modal .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat]:hover, .fr-modal .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize]:hover, .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat]:hover, .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize]:hover { box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant); } .fr-popup .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat].fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize].fr-active, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat].fr-active, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize].fr-active, .fr-modal .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat].fr-active, .fr-modal .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize].fr-active, .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat].fr-active, .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize].fr-active { box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant-low); } .fr-popup .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat]:after, .fr-popup .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize]:after, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat]:after, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize]:after, .fr-modal .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat]:after, .fr-modal .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize]:after, .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat]:after, .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize]:after { right: 0.5rem; } .fr-popup .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat] span, .fr-popup .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize] span, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat] span, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize] span, .fr-modal .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat] span, .fr-modal .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize] span, .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat] span, .fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd=fontSize] span { margin: 0 0.25rem; } .fr-popup .fr-command.fr-btn:hover, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn:hover, .fr-modal .fr-command.fr-btn:hover, .fr-toolbar .fr-command.fr-btn:hover { background-color: var(--md-sys-color-surface-higher); color: var(--md-sys-color-secondary-higher); } .fr-popup .fr-command.fr-btn.fr-active, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-active, .fr-modal .fr-command.fr-btn.fr-active, .fr-toolbar .fr-command.fr-btn.fr-active { background-color: var(--md-sys-color-surface-higher); color: var(--md-sys-color-on-surface); box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant-lower); } .fr-popup .fr-command.fr-btn.fr-disabled, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-disabled, .fr-modal .fr-command.fr-btn.fr-disabled, .fr-toolbar .fr-command.fr-btn.fr-disabled { color: var(--md-sys-color-on-surface-variant); background-color: var(--md-sys-color-surface-variant-lowest); } .fr-popup .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active), .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active), .fr-modal .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active), .fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) { background: var(--md-sys-color-surface-high); } .fr-popup .fr-command.fr-btn.fr-open, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-open, .fr-modal .fr-command.fr-btn.fr-open, .fr-toolbar .fr-command.fr-btn.fr-open { background: var(--md-sys-color-surface-high); margin-bottom: -1px !important; align-self: flex-end; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .fr-popup .fr-command.fr-btn.fr-open:hover, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn.fr-open:hover, .fr-modal .fr-command.fr-btn.fr-open:hover, .fr-toolbar .fr-command.fr-btn.fr-open:hover { background-color: var(--md-sys-color-surface-highest); } .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg, .fr-toolbar .fr-command.fr-btn svg.fr-svg { margin: 0; width: 1.25rem; height: 1.25rem; fill: currentColor; } .fr-popup .fr-command.fr-btn svg.fr-svg path, .fr-popup .fr-buttons.fr-tabs .fr-command.fr-btn svg.fr-svg path, .fr-modal .fr-command.fr-btn svg.fr-svg path, .fr-toolbar .fr-command.fr-btn svg.fr-svg path { fill: currentColor; } .fr-popup .fr-buttons, .fr-modal .fr-buttons { padding: 0 !important; margin: 0 0.25rem !important; } .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn { margin: 0.125rem 0.25rem !important; } .fr-separator { background: var(--md-sys-color-outline-variant-lower); } .fr-popup { background: var(--md-sys-color-surface); border-radius: 0.25rem; margin-top: 0.25rem !important; padding: 0.25rem; border: 1px solid var(--md-sys-color-outline-variant-low) !important; } .fr-popup .fr-buttons, .fr-popup .fr-buttons.fr-tabs { background-color: var(--md-sys-color-surface); border-radius: 0.25rem; margin: 0; } .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active, .fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-modal .fr-command.fr-btn.fr-btn-active-popup { background-color: var(--md-sys-color-surface-higher); color: var(--md-sys-color-on-surface); } .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-toolbar .fr-command.fr-btn.fr-btn-active-popup:hover, .fr-popup .fr-command.fr-btn.fr-btn-active-popup:hover, .fr-modal .fr-command.fr-btn.fr-btn-active-popup:hover { background-color: var(--md-sys-color-surface-highest); color: var(--md-sys-color-on-surface-higher); } .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab { background-color: var(--md-sys-color-surface-higher); } .fr-modal { color: var(--md-sys-color-on-surface); font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .fr-modal .fr-modal-wrapper { border-radius: 0.25rem; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; background-color: var(--md-sys-color-surface); border: 1px solid var(--md-sys-color-outline-variant-low); } .fr-modal .fr-modal-wrapper .fr-modal-head { padding: 0.5rem 0.75rem; border-bottom: 1px solid var(--md-sys-color-outline-variant-low); background-color: var(--md-sys-color-surface-high); color: var(--md-sys-color-on-surface); height: 2.5rem !important; } .fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line { height: auto; padding: 0; } .fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line h4 { height: unset; padding: 0; color: var(--ag-color-black); font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.009375rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .fr-modal .fr-modal-wrapper .fr-modal-head .fr-btn.fr-modal-close { top: 0.25rem; right: 0.25rem; } .fr-modal .fr-modal-wrapper .fr-modal-head .fr-btn.fr-modal-close svg { margin: 0; } .fr-modal .fr-modal-wrapper .fr-modal-head .fr-btn.fr-modal-close svg path { fill: currentColor; } .fr-modal .fr-modal-wrapper div.fr-modal-body { padding-bottom: 1rem; } .fr-modal .fr-modal-wrapper div.fr-modal-body div.fr-image-list { margin: 0 1rem; } .fr-modal .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:first-child, .fr-modal .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container + div { margin-top: 1rem; } .fr-modal .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container { border-radius: 0.25rem; border: 1px solid var(--md-sys-color-outline-variant-low); padding: 0.25rem; } .fr-modal .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img, .fr-modal .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img { padding-bottom: 0.5rem; } .fr-modal .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img { background: var(--md-sys-color-error-lower); fill: var(--md-sys-color-on-error); } .fr-modal .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover { background: var(--md-sys-color-error); } .fr-modal .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { background: var(--md-sys-color-primary-lower); fill: var(--md-sys-color-on-primary); } .fr-modal .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover { background: var(--md-sys-color-primary); } .fr-modal .fr-modal-wrapper div.fr-modal-body div.fr-word-paste-modal { padding: 0 !important; } .fr-modal .fr-modal-wrapper div.fr-modal-body div.fr-word-paste-modal p { margin: 1rem; } .fr-modal .fr-modal-wrapper div.fr-modal-body div.fr-word-paste-modal div { border-top: 1px solid var(--md-sys-color-outline-variant-low); padding: 1rem 1rem 0 1rem; } .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command { color: var(--md-sys-color-secondary); padding: 0.25rem 0.5rem; box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant-low); border-radius: 0.25rem; height: 2.5rem; } .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover { background-color: var(--md-sys-color-surface-higher); color: var(--md-sys-color-secondary-higher); } .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button { margin-left: 0.75rem; } .fr-popup { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .fr-popup .fr-buttons:has(+ .fr-layer) { background-color: var(--md-sys-color-surface-highest) !important; margin: 0.25rem 0 0 0 !important; padding: 0.25rem 0.25rem 0 0.25rem !important; border-radius: 0.25rem 0.25rem 0 0 !important; } .fr-popup .fr-buttons:has(+ .fr-layer) .fr-command.fr-btn { margin-bottom: 0 !important; border-radius: 0.25rem 0.25rem 0 0 !important; } .fr-popup .fr-buttons:has(+ .fr-layer) .fr-command.fr-btn.fr-active { background-color: var(--md-sys-color-surface) !important; box-shadow: -1px -1px 3px var(--ag-color-box-shadow-alpha-10), 1px -1px 3px var(--ag-color-box-shadow-alpha-10), 0px -1px 3px var(--ag-color-box-shadow-alpha-10); /* Top shadow */ } .fr-popup .fr-layer { border-radius: 0.25rem; margin: 0.5rem !important; } .fr-popup .fr-image-upload-layer, .fr-popup .fr-video-upload-layer { padding: 1rem !important; margin: 0.5rem !important; border-color: var(--md-sys-color-outline-variant-lower) !important; } .fr-popup .fr-image-upload-layer:hover, .fr-popup .fr-video-upload-layer:hover { background-color: var(--md-sys-color-primary-alpha-05) !important; } .fr-popup .fr-image-upload-layer, .fr-popup .fr-video-upload-layer, .fr-popup .fr-checkbox-line label, .fr-popup .fr-action-buttons button.fr-command { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .fr-popup .fr-checkbox { width: 1rem; height: 1rem; padding: 0.375rem; } .fr-popup .fr-checkbox input:not(:checked) + span { border: solid 2px var(--md-sys-color-outline-low); } .fr-popup .fr-checkbox input:not(:checked):focus + span, .fr-popup .fr-checkbox input:not(:checked):hover + span { border-color: var(--md-sys-color-outline); } .fr-popup .fr-checkbox input:checked + span { background: var(--md-sys-color-primary); border: solid 2px var(--md-sys-color-primary); } .fr-popup .fr-checkbox label { margin: 0 !important; } .fr-popup .fr-action-buttons { height: unset; } .fr-popup .fr-action-buttons button.fr-command { height: 1.75rem; color: var(--md-sys-color-secondary); padding: 0.25rem 0.5rem; box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant-low); border-radius: 0.25rem; } .fr-popup .fr-action-buttons button.fr-command:hover { background-color: var(--md-sys-color-surface-higher); color: var(--md-sys-color-secondary-higher); } .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line, .fr-popup .fr-input-line { padding: 1.5rem 0; } .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line input[type=text], .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line input[type=number], .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line textarea, .fr-popup .fr-input-line input[type=text], .fr-popup .fr-input-line input[type=number], .fr-popup .fr-input-line textarea { margin: 0 !important; margin: 0 !important; border-width: 0 !important; color: var(--md-sys-color-on-surface); background: transparent; padding: 0.625rem 1rem; box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant-low); border-radius: 0.25rem; } .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line input[type=text]:hover, .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line input[type=number]:hover, .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line textarea:hover, .fr-popup .fr-input-line input[type=text]:hover, .fr-popup .fr-input-line input[type=number]:hover, .fr-popup .fr-input-line textarea:hover { border-width: 0 !important; box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant); } .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line input[type=text]:focus, .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line input[type=number]:focus, .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line textarea:focus, .fr-popup .fr-input-line input[type=text]:focus, .fr-popup .fr-input-line input[type=number]:focus, .fr-popup .fr-input-line textarea:focus { border-width: 0 !important; box-shadow: inset 0 0 0 1px var(--md-sys-color-outline); padding: 0.625rem 1rem; } .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line input[type=text], .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line input[type=number], .fr-popup .fr-input-line input[type=text], .fr-popup .fr-input-line input[type=number] { height: 40px; } .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line input + label, .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line textarea + label, .fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label { top: 2.25rem; left: 1rem; font-size: 0.875rem; color: var(--md-sys-color-outline-low); background: var(--md-sys-color-surface); padding: 0; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line input.fr-not-empty + label, .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line textarea.fr-not-empty + label, .fr-popup .fr-input-line input.fr-not-empty + label, .fr-popup .fr-input-line textarea.fr-not-empty + label { color: var(--md-sys-color-outline-low); left: 0.75rem; padding: 0 0.25rem; font-size: 0.75rem; top: 1rem; } .fr-popup .fr-layer.fr-color-hex-layer { padding: 0 0.5rem; } .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons { padding: 1.5rem 0; height: auto; height: auto; } .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons .fr-command { height: 1.75rem; width: auto; border-radius: 0.25rem; } .fr-popup .fr-color-set > span > i path, .fr-popup .fr-color-set > span > svg path { fill: currentColor; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li { font-size: inherit; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a { color: var(--md-sys-color-secondary); } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path { fill: currentColor; } .fr-separator.fr-vs { height: 1.75rem; width: 1px; margin: 0.125rem; } .fr-buttons.fr-tabs .fr-separator.fr-vs { background-color: var(--md-sys-color-surface-higher); } .fr-btn[data-cmd=inlineItem] svg, .fr-btn[data-cmd=issue] svg, .fr-btn[data-cmd=inlineField] svg, .fr-btn[data-cmd=insertAnchor] svg { padding: 1px; } .fr-view table td.fr-selected-cell, .fr-view table th.fr-selected-cell { border-color: var(--md-sys-color-primary); } .fr-view table[border="1"] td, .fr-view table[border="1"] th { border-width: 1px; } .fr-view table[border="0"] td, .fr-view table[border="0"] th, .fr-view table:not([border]) td, .fr-view table:not([border]) th { border-width: 1px; border-style: dashed; border-color: var(--md-sys-color-outline-variant-low); } .fr-view table, .htmlReadOnlyField table, .reportHistoryCellLongField table { border-color: var(--md-sys-color-outline); } .fr-view table th, .htmlReadOnlyField table th, .reportHistoryCellLongField table th { background: var(--md-sys-color-outline-variant, #c5c6d0); color: var(--md-sys-color-on-surface, #1a1c1e); text-align: left; } .fr-view table tfoot td, .htmlReadOnlyField table tfoot td, .reportHistoryCellLongField table tfoot td { background: var(--md-sys-color-surface-variant, #e1e2ec); color: var(--md-sys-color-on-surface-variant, #44464f); } .fr-view table td, .fr-view table th, .htmlReadOnlyField table td, .htmlReadOnlyField table th, .reportHistoryCellLongField table td, .reportHistoryCellLongField table th { border-color: var(--md-sys-color-outline-variant-low); padding: 0.25rem 0.5rem; } blockquote, .fr-view blockquote { border-left: solid 2px var(--md-sys-color-secondary, #70778b); margin-left: 0; padding-left: 1.25rem; color: var(--md-sys-color-secondary, #70778b); } blockquote:before, .fr-view blockquote:before { display: block; content: ""; mask-image: url(../images/svg/other/quote.svg); mask-size: 1rem; mask-repeat: no-repeat; -webkit-mask-image: url(../images/svg/other/quote.svg); -webkit-mask-size: 1rem; -webkit-mask-repeat: no-repeat; background-color: var(--md-sys-color-secondary, #70778b); width: 1rem; height: 1rem; position: absolute; margin-top: -0.25rem; margin-left: -1.125rem; } blockquote blockquote, .fr-view blockquote blockquote { border-color: var(--md-sys-color-tertiary, #a66a00); color: var(--md-sys-color-tertiary, #a66a00); } blockquote blockquote:before, .fr-view blockquote blockquote:before { background-color: var(--md-sys-color-tertiary, #a66a00) !important; } blockquote blockquote blockquote, .fr-view blockquote blockquote blockquote { border-color: var(--md-sys-color-purple, #c800ed); color: var(--md-sys-color-purple, #c800ed); } blockquote blockquote blockquote:before, .fr-view blockquote blockquote blockquote:before { background-color: var(--md-sys-color-purple, #c800ed) !important; } .fr-widget-wrapper { cursor: pointer; display: inline-flex; box-shadow: 0 0 0 1px var(--md-sys-color-outline-variant-lower); border-radius: 4px; color: var(--md-sys-color-outline-low); } .fr-widget-wrapper:hover { box-shadow: 0 0 0 1px var(--md-sys-color-outline-variant); background-color: var(--md-sys-color-primary-alpha-05); } .fr-widget-wrapper.fr-selected { background-color: var(--md-sys-color-primary-alpha-10); color: var(--md-sys-color-on-background); } .fr-widget-wrapper.fr-widget-wrapper-mention { padding: 0; } .fr-widget-wrapper.fr-widget-wrapper-mention .fr-widget.person { background-color: var(--md-sys-color-secondary-container-low); padding: 0.125rem 0.5rem; display: inline-flex; gap: 4px; align-items: center; border-radius: 0.25rem; } .fr-widget-wrapper.fr-widget-wrapper-mention .fr-widget.person:before { content: "@"; letter-spacing: 2px; } .fr-widget-wrapper.fr-widget-wrapper-pagebreakag { display: block; padding: 0; margin: 0; border-color: transparent; } .fr-widget-wrapper.fr-widget-wrapper-pagebreakag:hover { border-color: var(--md-sys-color-outline); } .fr-widget-wrapper.fr-widget-wrapper-anchor { padding: 0; margin: 0; } .fr-widget-wrapper.fr-widget-wrapper-inlineItem { display: flow-root; padding: 0; } .fr-widget-wrapper.fr-widget-wrapper-inlineItem.fr-selected { background-color: var(--md-sys-color-surface) !important; } .fr-widget-wrapper .fr-widget { border-radius: 4px; } .fr-widget-wrapper .fr-widget a { pointer-events: none; } .fr-widget-wrapper .fr-widget.math-tex { /*use fixed colors, the image generate from server are in black, no theme dependent */ background-color: #f2f0f4; } .fr-widget-wrapper .fr-widget.math-tex:hover { background-color: #ebf4ff; } .fr-widget-wrapper .fr-widget.inlineField:empty { min-width: 3rem; min-height: 1.24rem; background-color: var(--md-sys-color-surface-higher); } .fr-widget-wrapper.fr-widget-error { box-shadow: 0 0 0 1px var(--md-sys-color-error) !important; background-color: var(--md-sys-color-error-container) !important; color: var(--md-sys-color-on-error-container) !important; } .ag-container-success, .ag-container-error { padding: 0 0.5rem; border-radius: 0.25rem; } .ag-container-success { background-color: var(--md-sys-color-success-container1, #98fa70); color: var(--md-sys-color-on-success-container, #052100); } .ag-container-error { background-color: var(--md-sys-color-error-container, #ffdada); color: var(--md-sys-color-on-error-container, #40000c); } .ag-text-gray { color: var(--md-sys-color-outline-low, #8f9099); } .ag-text-bordered { border-top: 1px solid var(--md-sys-color-outline-variant-low, #e1e2ec); border-bottom: 1px solid var(--md-sys-color-outline-variant-low, #e1e2ec); padding: 0.25rem 0; } .ag-text-spaced { letter-spacing: 0.125rem; } .ag-text-uppercase { text-transform: uppercase; } table.ag-table-alternate-rows tr:nth-child(2n) { background: var(--md-sys-color-secondary-container-low, #edf0ff); } table td.ag-table-cell-highlighted { border: 1px double var(--md-sys-color-error, #e71d49) !important; } table td.ag-table-cell-success { background-color: var(--md-sys-color-success-container, #98fa70); color: var(--md-sys-color-on-success-container, #052100); } table td.ag-table-cell-error { background-color: var(--md-sys-color-error-container, #ffdada); color: var(--md-sys-color-on-error-container, #40000c); } /* When Froala is in fullscreen mode bring to front the modal dialogs [#27285] */ body:has(div.fr-fullscreen-wrapper) .customPicker, body:has(div.fr-fullscreen-wrapper) .x-boundlist-floating, body:has(div.fr-fullscreen-wrapper) .x-window { z-index: 21474836309 !important; } /* Fix for: [#27291] */ body:has(div.fr-fullscreen-wrapper) .wikiDocumentEditView .x-panel-body { overflow: initial !important; } .dense-compact .froalaEditor .froala-editor-field-value { min-height: 2rem; padding: 0.375rem 1rem; } .dense-compact .froalaEditor .froala-editor-field-value.fr-basic { padding: 0.125rem; } .fr-table-selector { display: none; } .fr-table-selector.fr-table-selector-active { display: none !important; } .fr-view .fr-table-selection-hover { outline: none; } .fr-view .fr-table-selected { outline: none; } /* Entity navigator */ .user-navigator { background-image: url(../images/svg/entities/accountMultiple.svg) !important; background-size: 20px; background-repeat: no-repeat !important; } .department-navigator { background-image: url(../images/svg/entities/orgUnit.svg) !important; background-size: 20px; background-repeat: no-repeat !important; } .project-navigator { background-image: url(../images/svg/entities/workspace.svg) !important; background-size: 20px; background-repeat: no-repeat !important; } .entityNavigatorInfo { padding: 0; border-right: 1px solid var(--md-sys-color-outline-variant-lower); } .entityNavigatorInfo .fieldSetInfo { padding: 0 0 8px 0; border-bottom: 1px solid var(--md-sys-color-outline-variant-lower); margin: 0 16px 16px 16px; } .entityNavigatorInfo .fieldSetInfo:first-child { margin-top: 16px; } .entityNavigatorInfo .fieldSetInfo:last-child { border-bottom: medium none; } .entityNavigatorInfo .x-form-display-field-default, .entityNavigatorInfo .x-form-item-body-default { min-height: 21px; } .entityNavigatorInfo .x-autocontainer-form-item, .entityNavigatorInfo .x-anchor-form-item, .entityNavigatorInfo .entityNavigatorInfo .x-vbox-form-item, .entityNavigatorInfo .x-table-form-item { margin-bottom: 16px !important; } .entityNavigatorView .entityNavigatorToolbar { padding-left: 16px !important; padding-right: 0px !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; } .entityNavigatorView .entityNavigatorToolbar .entityNavigatorAvatar { width: 48px; height: 48px; border-radius: 8px; margin-right: 16px; } .entityNavigatorView .entityNavigatorToolbar .entityNavigatorAvatar svg { width: 48px; height: 48px; border-radius: 8px; } .entityNavigatorView .entityNavigatorToolbar .title { display: block; } .entityNavigatorView .entityNavigatorCenter { padding: 16px !important; } .entityNavigatorToolbar + .containerEntityNavigator { margin-top: 4px !important; border-top: 1px solid var(--md-sys-color-outline-variant-lower); } .entityNavigatorToolbar + .tabPanelEntityNavigator { margin-top: 8px !important; } .entityNavigatorListView .title { display: block; margin: 0 0 16px 0; } .entityNavigatorListView .x-toolbar .x-toolbar-text-default { padding-left: 0; } .tabPanelEntityNavigator .x-toolbar { padding-left: 0 !important; padding-right: 0 !important; } .tabPanelEntityNavigator .x-toolbar .x-toolbar-text-default { padding-left: 0; } .entityGrid .cellTextMatch { background-color: var(--md-sys-color-success-container-low); color: var(--md-sys-color-on-success-container); } /* Fix for grid check column */ .x-grid-item .x-grid-row-checker:after { content: "\e614"; font: 18px/1 ExtJS; color: #919191; } .x-grid-item-selected .x-grid-row-checker:after { content: "\e613"; font: 18px/1 ExtJS; color: #919191; } .x-grid-row-checker { display: inline-grid; } .reportsTableGrouping .x-grid-row-checker { display: none !important; } /* Grid last column header */ .x-column-header-last { border-right-width: 1px !important; } /* Multi select picker component top margin */ .multiSelectUx .x-field-container-body-vertical { margin-top: 10px; } /* TODO: Sigma plugin patch: the same css classes are used as in FilterEdit, needs to be abstarcted */ body .complainedArticleDialog.fieldExpressionsInTree .expression-container, body .deliveredArticleDialog.fieldExpressionsInTree .expression-container { padding-left: 0px !important; margin-top: 8px; } .x-form-checkboxgroup .x-form-checkboxgroup-body { display: flex !important; } /*base application (main) tab view. */ .customTabPanel .x-tab-bar.mainAppTabPanelTabBar.x-tab-bar-plain.x-tab-bar-default-top > .x-tab-bar-body-default { padding-right: 1rem !important; } .customTabPanel .x-tab-bar.mainAppTabPanelTabBar.x-tab-bar-plain.x-tab-bar-default-horizontal { border-bottom-width: 0 !important; } .customTabPanel .x-tab-bar.mainAppTabPanelTabBar.x-tab-bar-plain.x-tab-bar-default-scroller .x-box-scroller-body-horizontal { margin-left: 2.25rem !important; margin-right: 3.25rem !important; } .customTabPanel .x-tab-bar.mainAppTabPanelTabBar .x-box-scroller-tab-bar-default { top: calc(0.25rem + 1px); } .customTabPanel .x-tab-bar.mainAppTabPanelTabBar .x-box-scroller-tab-bar-default.x-box-scroller-left { margin-right: 0.25rem; } .customTabPanel .x-tab-bar.mainAppTabPanelTabBar .x-box-scroller-tab-bar-default.x-box-scroller-right { margin-right: 1rem; margin-left: 0.25rem; } .customTabPanel .x-tab-bar.mainAppTabPanelTabBar .x-tab { color: var(--md-sys-color-on-background) !important; background-color: var(--md-sys-color-background); padding: 0.625rem 0.5rem !important; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; margin-right: 0.25rem !important; border: 1px solid var(--md-sys-color-outline-variant-lower) !important; border-bottom-width: 0 !important; } .customTabPanel .x-tab-bar.mainAppTabPanelTabBar .x-tab:hover { background-color: var(--md-sys-color-primary-alpha-05) !important; } .customTabPanel .x-tab-bar.mainAppTabPanelTabBar .x-tab.x-tab-active { background-color: var(--md-sys-color-primary-alpha-10) !important; } .customTabPanel .x-tab-bar.mainAppTabPanelTabBar .x-tab.x-tab-active .x-tab-icon-el .svg-icon { color: var(--md-sys-color-on-primary-container); } .customTabPanel .x-tab-bar.mainAppTabPanelTabBar .x-tab .x-tab-wrap { display: flex; overflow: hidden; flex-direction: column; } .customTabPanel .x-tab-bar.mainAppTabPanelTabBar .x-tab .x-tab-icon-el { width: 1.25rem; height: 1.25rem; vertical-align: middle; margin-right: 0.5rem; display: inline-flex !important; align-items: center; justify-content: center; } .customTabPanel .x-tab-bar.mainAppTabPanelTabBar .x-tab .x-tab-icon-el .svg-icon { fill: currentColor; color: var(--md-sys-color-outline); width: 1.25rem; height: 1.25rem; } .customTabPanel .x-tab-bar.mainAppTabPanelTabBar .x-tab .x-tab-button { padding-right: unset !important; } .customTabPanel .x-tab-bar.mainAppTabPanelTabBar .x-tab .x-tab-inner { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; width: calc(100% - 3.125rem); text-transform: none; } .customTabPanel .x-tab-bar.mainAppTabPanelTabBar .x-tab .x-tab-close-btn { position: absolute; top: 0.625rem; right: 0.625rem; } .customTabPanel .x-tab-bar.mainAppTabPanelTabBar .x-tab .x-tab-close-btn:before { content: "\e5cd"; font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; font-family: "Material Icons", "Font Awesome 5 Free" !important; color: var(--md-sys-color-on-background); opacity: 0.5; width: auto; } .customTabPanel .x-tab-bar.mainAppTabPanelTabBar .x-tab .x-tab-close-btn:hover:before { color: var(--md-ctx-palette-primary20); opacity: 1; } .customTabPanel .x-tab-bar.mainAppTabPanelTabBar .x-btn.x-box-menu-after { padding: 0.625rem; } .customTabPanel .customTabPanel-body { border: 1px solid var(--md-sys-color-outline-variant-lower) !important; border-top-left-radius: 0.25rem; } .customTabPanel .customTabPanel-body .applicationCenter { border-top-left-radius: 0.5rem; } .customTabPanel.with-visible-tabs .customTabPanel-body { border-top-left-radius: unset; } .customTabPanel.with-visible-tabs .customTabPanel-body .applicationCenter { border-top-left-radius: unset; } .customTabPanel .x-tab.customTab img { display: inline-block; vertical-align: middle; } /* * Styles for the Tag Diff */ span.diff-tag-html { font-family: "Andale Mono" monospace; font-size: 80%; } span.diff-tag-removed { font-size: 100%; text-decoration: line-through; background-color: #fdc6c6; /* light red */ color: black; } span.diff-tag-added { font-size: 100%; background-color: #ccffcc; /* light green */ color: black; } span.diff-tag-conflict { font-size: 100%; background-color: #f781be; /* light rose */ } /* * Styles for the HTML Diff */ span.diff-html-added { background-color: var(--md-sys-color-success-container-low); cursor: pointer; padding: 1px 0.25rem; margin-right: 0.25rem; border-radius: 0.25rem; } span.diff-html-removed { text-decoration: line-through; background-color: var(--md-sys-color-error-container); cursor: pointer; padding: 1px 0.25rem; margin-right: 0.25rem; border-radius: 0.25rem; } span.diff-html-changed { background: url(../images/svg/daisydiff/diffunderline.svg) bottom repeat-x; background-color: #c6c6fd; /* light blue */ cursor: pointer; } span.diff-html-conflict { background-color: #f781be; /* light rose */ } span.diff-html-selected { background-color: #FF8800; /* light orange */ cursor: pointer; } span.diff-html-selected img { border: 2px solid #FF8800; /* light orange */ } span.diff-html-added img { border: 2px solid #ccffcc; } span.diff-html-removed img { border: 2px solid #fdc6c6; } span.diff-html-changed img { border: 2px dotted #000099; } div.diff-removed-image, div.diff-added-image, div.diff-conflict-image { height: 300px; width: 200px; position: absolute; opacity: 0.55; filter: alpha(opacity=55); -moz-opacity: 0.55; } div.diff-removed-image, div.diff-added-image, div.diff-conflict-image { margin-top: 2px; margin-bottom: 2px; margin-right: 2px; margin-left: 2px; } div.diff-removed-image { background-color: #fdc6c6; background-image: url(../images/svg/daisydiff/diffmin.svg); } div.diff-added-image { background-color: #ccffcc; background-image: url(../images/svg/daisydiff/diffplus.svg); background-repeat: no-repeat; } table.diff-tooltip-link, table.diff-tooltip-link-changed { width: 100%; text-align: center; Vertical-align: middle; } table.diff-tooltip-link-changed { border-top: thin dashed #000000; margin-top: 3px; padding-top: 3px; } td.diff-tooltip-prev { text-align: left; } td.diff-tooltip-next { text-align: right; } table.diffpage-html-firstlast { width: 100%; Vertical-align: middle; } div.diff-topbar { border-bottom: 2px solid #FF8800; border-left: 1px solid #FF8800; border-right: 1px solid #FF8800; background-color: #FFF5F5; } a.diffpage-html-a, a.diffpage-html-a:hover, a.diffpage-html-a:link, a.diffpage-html-a:visited, a.diffpage-html-a:active { text-decoration: none; color: #FF8800; } .diffpage-html-firstlast a img, .dsydiff-prevnextnav a img { vertical-align: middle; } .sch-timelineview .sch-timeline { border-color: var(--md-sys-color-error) !important; border-style: dashed !important; } /* Event progress bar (Person load) */ .sch-percent-allocated-bar { background: var(--md-sys-color-primary); bottom: 0; left: 0; position: absolute; overflow: hidden; width: 100%; z-index: -1; } /* Scheduler progress bar color */ .schSumTaskProgressLessOrEqual80 { background-color: var(--ag-color-green) !important; } .schSumTaskProgress80To100 { background-color: #FFC107 !important; } .schSumTaskProgressGreater100 { background-color: var(--md-sys-color-error) !important; } .schTaskProgressLessOrEqual80 { border-top: 3px solid var(--ag-color-green) !important; } .schTaskProgress80To100 { border-top: 3px solid #FFC107 !important; } .schTaskProgressGreater100 { border-top: 3px solid var(--md-sys-color-error) !important; } /* end */ /* Scheduler progress text color */ .schTaskTextProgressLessOrEqual80 { color: var(--ag-color-white) !important; } .schTaskTextProgressGreater100 { color: var(--ag-color-white) !important; } /* end */ /* Event class */ div.sch-event { /*background-color: $task-bar-bg-color;*/ background-color: #d8e2ff; color: var(--md-sys-color-on-primary-container); border-radius: 1px; border: none; border-color: var(--md-sys-color-primary-container); opacity: 1; } div.sch-event .schTaskTextWrapper { color: var(--md-sys-color-on-primary-container); font-weight: normal; overflow: hidden; text-overflow: ellipsis; flex: 1; } div.sch-event.sch-event-selected { box-shadow: none; opacity: 1; background-color: var(--md-sys-color-tertiary-container); color: var(--md-sys-color-on-tertiary-container); } div.sch-event.sch-event-selected .schTaskTextWrapper { color: var(--md-sys-color-on-tertiary-container); font-weight: normal; } /* Event inner */ .sch-event-inner { margin: 0; height: inherit; overflow: hidden; text-overflow: ellipsis; padding: 0 0.25rem 0 0.25rem; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } /* Event's text */ .sch-percent-allocated-text { display: block; font-weight: normal; font-size: 15px; color: #FFF; position: relative; z-index: 1; text-align: center; } /* Selected resource item */ .tpSchedulerView .x-grid-with-col-lines .x-grid-item-selected .x-grid-cell { background-color: #cbe8f7; } /* Wrapper for task icon and text */ .schTaskIconWrapper { background-repeat: no-repeat !important; width: 16px !important; height: 16px !important; float: left !important; } .schedulerIssueListView { /* Scheduler time component (right panel) header's text align. For ex.: Monthly granularity: 2017 July => align center*/ /* Removing extra border between Scheduler header and content panel */ } .schedulerIssueListView .sch-simple-timeaxis .sch-simple-timeheader { text-align: center !important; } .schedulerIssueListView .schedulerIssueListView .x-panel-body { border-top-width: 1px !important; } .schedulerIssueListView .sch-lockedview .x-grid-cell:hover .sch-ctx-menu-icon { opacity: 1 !important; } .schedulerIssueListView .resourceAvatarPlaceholder .sch-ctx-menu-icon { width: 1.5rem; height: 1.5rem; border-radius: 50%; right: 1rem !important; position: absolute; text-align: center; opacity: 0; } .schedulerIssueListView .resourceAvatarPlaceholder .sch-ctx-menu-icon:hover { background-color: var(--md-sys-color-primary-alpha-12) !important; } .schedulerIssueListView .resourceAvatarPlaceholder .sch-ctx-menu-icon svg { width: 1rem; height: 1rem; position: relative; top: 0.25rem; } .taskMarkerForAssignedResource { width: 100%; background-color: #d3d3d3; } .hiddenSchedulerTask { display: none; } /* Resource items: avatar and text style */ .resourceAvatarPlaceholder { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; padding: 0.25rem 0; } .resourceAvatarPlaceholder img { width: 2rem; height: 2rem; } .resourceAvatarImg { border-radius: 0.25rem; width: 2rem; height: 2rem; } .resourceAvatarText { display: block; overflow: hidden; text-overflow: ellipsis; } /* Resource items cell padding */ .tpSchedulerView .x-grid-cell-inner { padding-top: 0px !important; padding-bottom: 0px !important; } /* To hide the border in right of the generalNonWorkingDays */ .schedulerIssueListView .sch-timelineview .x-grid-item { background-color: var(--md-sys-color-background) !important; } /*.generalNonWorkingDayScheduler { z-index: 100; opacity: 0.1; }*/ .scheduler-indicator .correctEndDateIcon { color: var(--md-sys-color-surface) !important; } /* Resource expand collapse */ .schedulerResourceExpandCollapse { font-family: "FontAwesome"; cursor: pointer; display: table-cell; vertical-align: middle; } .schedulerResourceExpanded::BEFORE { content: "\f0d7"; } .schedulerResourceCollapsed::BEFORE { content: "\f0da"; } /* Splitter 1px border */ .sch-schedulerpanel .x-grid-inner-locked { border-width: 0px !important; } .sch-schedulerpanel .x-splitter { background-color: transparent !important; box-shadow: inset 1px 0 0 0 var(--md-sys-color-outline-variant-lower); width: 5px !important; } .sch-schedulerpanel .x-grid-inner-normal { /*border-width: 0px !important;*/ margin-left: 0 !important; } /* end */ div.sch-event-selected.schedulerSumTask, .schedulerSumTask, .schedulerSumTask.sch-event.sch-event-hover { /* background-color: $sumTaskBGColor !important;*/ background-color: #008a29 !important; color: var(--ag-color-white) !important; } .schedulerSumTask .schTaskTextWrapper { color: var(--ag-color-white) !important; } /* Grayed out marker for those tasks which are not modifiable */ .responsibleIsNotMeMarker, .responsibleIsNotMeMarker.sch-event.sch-event-hover { opacity: 0.4 !important; } .schEventTooltipAllegra { padding: 1rem 0 1rem 0 !important; height: auto !important; } .schEventTooltipAllegra .x-tip-body { padding: 0px 10px 0px 30px !important; height: auto !important; } .schEventTooltipAllegra .x-tip-body ul { padding-left: 0px !important; } .linking-container { padding: 1rem; } .linking-container .buttons-container { margin-bottom: 1rem; } .linkingCell { vertical-align: middle; } .linkingCell .x-grid-cell-inner { padding: 0 !important; } .linkingCell .x-grid-cell-inner img { width: 20px; height: 20px; } .linkCellFocus { background-color: var(--md-sys-color-success-container) !important; } .linkingGrid .x-column-header .x-column-header-text-inner { padding: 8px 0 0 8px; } .linkingGrid .x-column-header .x-column-header-inner { padding: 10px 0 0 10px !important; } .linkingGrid .x-grid-scrollbar-clipper.x-grid-scrollbar-clipper-locked { border-width: 0px !important; } .linkingGrid .x-grid-item-container table td { border: 1px solid transparent !important; border-right: 1px solid var(--md-sys-color-outline-variant-lower) !important; } .linkingGrid .x-grid-item-container table td.linkingEmptyCol { border-top: 2px solid var(--md-sys-color-error) !important; } .linkingGrid .x-grid-item-container table td.linkingEmptyRow { border-left: 2px solid var(--md-sys-color-error) !important; } @CHARSET "ISO-8859-1"; .linkedItemLinkTypeName { overflow: visible; } .linkedItemLinkTypeName .x-grid-cell-inner { overflow: visible; } .linkNavigatorItemsWrapper .x-splitter { background-color: var(--md-sys-color-primary-container) !important; } .linkNavigatorItemsWrapper .x-splitter:hover { background-color: var(--md-sys-color-primary) !important; } .link-navigator-filter-container { padding: 14px 1rem 8px 14px; display: flex; gap: 0 1rem; flex-direction: row; flex-wrap: wrap; align-items: start; border-bottom: 1px solid var(--md-sys-color-outline-variant-lower) !important; } .link-navigator-filter-container .filterPicker-input, .link-navigator-filter-container .linkType-input { flex: 1; min-width: 12rem; max-width: 27rem; } .itemList-linkNavigatorLeftView .x-panel-header .x-btn.button-icon.x-btn-default-small, .itemList-linkNavigatorRightView .x-panel-header .x-btn.button-icon.x-btn-default-small { padding: 0.25rem; } .itemList-linkNavigatorLeftView .x-panel-header .items-total-count, .itemList-linkNavigatorRightView .x-panel-header .items-total-count { color: var(--md-sys-color-outline); font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .itemList-linkNavigatorLeftView.itemNavigatorGrid .x-grid-item .x-tree-icon.svg-icon.svg-icon-link, .itemList-linkNavigatorLeftView.itemNavigatorTreeGrid .x-grid-item .x-tree-icon.svg-icon.svg-icon-link, .itemList-linkNavigatorRightView.itemNavigatorGrid .x-grid-item .x-tree-icon.svg-icon.svg-icon-link, .itemList-linkNavigatorRightView.itemNavigatorTreeGrid .x-grid-item .x-tree-icon.svg-icon.svg-icon-link { /* todo remove this quick fix see #19643 [8.0] Item health column (replace text color scheme for overdue/due-soon items) */ display: inline !important; } .linkNavigatorItemsWrapper .x-region-collapsed-right-placeholder.slimCollapsedPanel { border-left: 1px solid var(--md-sys-color-outline-variant-lower) !important; } .linkNavigatorItemsWrapper .x-region-collapsed-right-placeholder.slimCollapsedPanel .items-total-count { display: none; } .wizard-tile.x-item-over, .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .dndFileViewer .dndViewFileItemWrapper, .elevation-1 { box-shadow: 0px 1px 2px var(--ag-color-box-shadow-alpha-10), 0px 1px 3px var(--ag-color-box-shadow-alpha-05); } .mega-menu, .customPicker, .x-dd-drag-proxy.taskboard-dd-drag-proxy.taskboard-dd-drag-proxy-multiple .drag-wrapper-multipleCards .drag-backCard, .taskboardGroup .taskboardColumnBody .itemCard, .screenDesigner.screenDesigner-cardScreen .cardScreenPanel, .designer-field-dnd-proxy, .x-window.window-no-header, .x-panel.floating-panel, .itemNavDnDWrapper, .actionLinksView .actionLinkItem, .elevation-2 { box-shadow: 0px 1px 2px var(--ag-color-box-shadow-alpha-15), 0px 2px 6px var(--ag-color-box-shadow-alpha-10); } .x-dd-drag-proxy.taskboard-dd-drag-proxy .drag-card, .screenDesigner .entityScreenComponent.entityScreenField.dashboardScreenField, .x-dd-drag-proxy.item-navigator-dd-drag-proxy .item-drag-tooltip, .dashboardView .dashboardField, .dashboardProjectView .dashboardField, .elevation-3 { box-shadow: 0px 1px 3px var(--ag-color-box-shadow-alpha-15), 0px 4px 8px var(--ag-color-box-shadow-alpha-10); } .tribute-container, .fr-box a.fr-floating-btn, .fr-qi-helper a.fr-btn.fr-floating-btn, .fr-command.fr-btn.fr-active + .fr-dropdown-menu, .fr-popup, .fr-modal .fr-modal-wrapper, .elevation-4 { box-shadow: 0px 6px 10px var(--ag-color-box-shadow-alpha-05), 0px 2px 3px var(--ag-color-box-shadow-alpha-10); } .logon-view .login-form, .elevation-5 { box-shadow: 0px 8px 12px var(--ag-color-box-shadow-alpha-05), 0px 4px 4px var(--ag-color-box-shadow-alpha-10); } .logon-view { background-color: var(--md-sys-color-background) !important; /* Extra small devices (phones, 600px and down) */ } .logon-view.page-with-cover { background-image: url(downloadLoginCover.action); background-repeat: no-repeat; background-size: cover; overflow: auto; background-position: bottom center; } .logon-view .login-form { width: 30rem; border-radius: 0.25rem; padding: 3.5rem; background: var(--md-sys-color-background); user-select: none; z-index: 2; } .logon-view .login-form .x-autocontainer-outerCt { width: 100%; table-layout: fixed; } .logon-view .login-form .login-btn.x-btn { width: 100%; } .logon-view .login-form .error-text { margin: 1rem 0; min-height: 2rem; } .logon-view .login-form .maintenance-text { color: var(--md-ctx-palette-tertiary70); margin: 1rem 0; } .logon-view .login-form .logo-container { background: var(--logo-url); background-repeat: no-repeat; background-position: center center; background-size: contain; height: 3.5rem; width: 100%; margin: 0 0 3.5rem 0; } .logon-view .login-form .x-field.x-form-type-text { margin-bottom: 1rem !important; } .logon-view .teaser-text-component { box-shadow: 1px solid var(--md-sys-color-outline-variant-lower); background-color: var(--md-sys-color-secondary-container-lower); border-radius: 0.25rem; padding: 0.625rem 1rem 0.625rem 1rem; width: 23rem; margin-top: 2rem; display: flex; align-items: center; user-select: none; } .logon-view .teaser-text-component p { margin: 0px; } .logon-view .teaser-text-component .text-wrapper { flex: 1; } .logon-view .teaser-text-component .pointer-wrapper { float: right; color: var(--md-sys-color-secondary); } .logon-view .teaser-text-component .pointer-wrapper:hover { color: var(--md-sys-color-secondary-high); } .logon-view .additional-links-wrapper { background: var(--md-sys-color-background); border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; padding: 0.625rem 1rem 0.625rem 1rem; display: flex; justify-content: space-between; align-items: center; flex-direction: row; width: 23rem; } .logon-view .additional-links-wrapper .x-component { flex: 1 1 0; width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } .logon-view .additional-links-wrapper .x-component:last-child { text-align: right; } .logon-view .additional-links-wrapper .x-component:first-child { text-align: left !important; } .logon-view .additional-links-wrapper .additional-link { padding: 0 !important; } .logon-view .additional-links-wrapper .additional-link a.synopsis_blue { color: var(--md-sys-color-secondary) !important; } .logon-view .additional-links-wrapper .additional-link a.synopsis_blue:hover { color: var(--md-sys-color-secondary-high) !important; } .logon-view .checkbox-with-link-wrapper { display: flex; justify-content: space-between; align-items: center; flex-direction: row; } .logon-view .checkbox-with-link-wrapper .remember-me { margin: 0 !important; } .logon-view .checkbox-with-link-wrapper .remember-me.x-field.x-form-type-checkbox .x-form-item-body-default { min-height: unset; } .logon-view .checkbox-with-link-wrapper .remember-me.x-field.x-form-type-checkbox .x-form-cb-wrap-default { padding: 0; } .logon-view .self-register-container { display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 0.5rem; margin-top: 1.75rem; } .logon-view .password-field { margin-bottom: 0.5rem !important; } @media only screen and (max-width: 600px) { .logon-view .login-form { width: 23rem; padding: 1rem; } .logon-view .additional-links-wrapper, .logon-view .teaser-text-component { width: 21rem; } .logon-view .maintenance-text { margin-top: 1rem; } } .force-reset-password-viewport .main-wrapper { width: 30rem; } .force-reset-password-viewport .reset-btn { width: 100%; } .force-reset-password-viewport .logo-container { background: var(--logo-url); background-repeat: no-repeat; background-position: center center; background-size: contain; height: 3.5rem; width: 100%; } /** * With the current export server Gantt does not support CSS varriables when epxorting to PDF !!!! */ .sch-dependency-line, .sch-dependency-arrow { border-color: var(--md-sys-color-on-surface); } .sch-dependency-line.ganttDependencyMouseOver, .sch-dependency-arrow.ganttDependencyMouseOver { border-color: #80aaff; cursor: pointer; } .sch-dependency-line.ganttDependencyMouseOver.sch-dependency-line-vertical, .sch-dependency-arrow.ganttDependencyMouseOver.sch-dependency-line-vertical { border-left-width: 2px; } .sch-dependency-line.ganttDependencyMouseOver.sch-dependency-line-horizontal, .sch-dependency-arrow.ganttDependencyMouseOver.sch-dependency-line-horizontal { border-top-width: 2px; } .sch-gantt-label { color: var(--md-sys-color-on-surface) !important; font-weight: normal !important; } .sch-event-wrap .sch-gantt-labelct-left { margin-right: 1rem; } .sch-event-wrap .sch-gantt-labelct-left .sch-gantt-label-left { margin-right: -0.75rem; } .sch-terminal { width: 0.75rem; height: 0.75rem; border-radius: 50%; background: #FFFFFF; } .sch-terminal:hover { background: var(--md-ctx-palette-primary90); } .sch-terminal.sch-terminal-start { margin-top: -0.3125rem; margin-left: -0.5rem; } .sch-terminal.sch-terminal-end { margin-top: -0.3125rem; margin-right: -0.5rem; } .sch-gantt-milestone-diamond, .x-grid-item-selected .sch-gantt-milestone-diamond { border: 0 none #ff5167; background-color: #ff5167; } .sch-timelineview .x-grid-item, .sch-timelineview .x-grid-item-alt { background-color: transparent; } .sch-timelineview .x-grid-item.x-grid-item-over, .sch-timelineview .x-grid-item-alt.x-grid-item-over { background-color: var(--md-sys-color-primary-alpha-05); } .sch-timelineview .x-grid-item.x-grid-item-selected, .sch-timelineview .x-grid-item-alt.x-grid-item-selected { background-color: var(--md-sys-color-primary-alpha-10); } .sch-ganttview .sch-todayLine { border-color: #e71d49 !important; border-width: 1px !important; } .sch-header-indicator { border-color: #e71d49 !important; background-color: #FFFFFF; } /* Task tooltip */ .taskTip { padding-left: 0 !important; margin: 0; } .taskTip .tasktip-group, .taskTip .tasktip-title { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; margin-bottom: 0.5rem; } .taskTip .tasktip-attributes { display: grid; grid-template-columns: auto 1fr; row-gap: 0.25rem; column-gap: 0.5rem; } .taskTip .tasktip-attributes .tasktip-attribute-label { color: var(--md-ctx-palette-neutral-variant60) !important; font-family: RobotoFlex; font-size: 0.6875rem; line-height: 1rem; font-weight: 400; letter-spacing: 0.03125rem; text-decoration: none; text-transform: inherit; } .sch-dependency-tip .sch-dep-tip-from-title, .sch-dependency-tip .sch-dep-tip-to-title { color: var(--md-ctx-palette-neutral-variant60) !important; font-family: RobotoFlex; font-size: 0.6875rem; line-height: 1rem; font-weight: 400; letter-spacing: 0.03125rem; text-decoration: none; text-transform: inherit; } .sch-dependency-tip .sch-dep-tip-from-value .sch-dep-tip-to-value { margin-bottom: 1rem; font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .ganttExtraRowsWhichAreNotIncludedInFilter .x-grid-cell { background-color: var(--md-ctx-palette-neutral98); } .sch-gantt-task-bar { border-color: #8bceff; background-color: #8bceff; box-shadow: none; } .sch-gantt-task-bar .sch-gantt-progress-bar { background-color: #ffb95c; overflow: visible !important; } .sch-gantt-task-bar .sch-gantt-parenttask-bar { background-color: #80edc4; overflow: visible !important; } .x-grid-item-selected .sch-gantt-task-bar, .x-grid-item-selected .sch-event-segmented, .x-grid-item-selected .sch-gantt-task-segment { border-color: #8bceff; background-color: #8bceff; box-shadow: none; } /* .x-grid-item-selected .sch-gantt-task-baseline .sch-gantt-task-bar { background-color: #ddd; border-color: orange; } .x-grid-item-selected .sch-gantt-milestone-baseline .sch-gantt-milestone-diamond { border-color: #ddd; background-color: #ddd; } .x-grid-item-selected .sch-gantt-parenttask-baseline .sch-gantt-item.sch-gantt-parenttask-bar { background-color: #ddd !important; }*/ .sch-gantt-parenttask-bar { border-color: #7ddd57; background-color: #7ddd57; box-shadow: none; } .x-grid-item-selected .sch-gantt-parenttask-bar { border-color: #7ddd57; background-color: #7ddd57; box-shadow: none; } .sch-gantt-parent-task .sch-gantt-parenttask-bar:before { left: 0px; border-color: #7ddd57; } .sch-gantt-parent-task .sch-gantt-parenttask-bar:after { right: 0px; border-color: #7ddd57; } /* Bold parent item */ .tpGanttView .x-grid-item .x-grid-row .x-grid-cell-inner { font-weight: 500; } .tpGanttView .x-grid-item .x-grid-row.x-grid-tree-node-leaf .x-grid-cell-inner { font-weight: 400; } /* end */ /* Gantt day markers */ .generalNonWorkingDay { background-color: var(--md-ctx-palette-neutral95) !important; color: var(--md-ctx-palette-neutral70) !important; } /* end */ /* task indicator style */ .gnt-indicator { top: 13px; z-index: 11; margin-left: 0.5rem; } .gnt-indicator .durationIsNotCorrectIcon { margin-right: 4px; color: #e71d49; } .gnt-indicator .correctDurationIcon { color: #adc6ff !important; } .gnt-indicator .correctEndDateIcon { color: #adc6ff !important; } /* end */ /* Remove dirty marker: from groupping pine */ .reportsTableGrouping .x-grid-dirty-cell .x-grid-cell-inner { background-image: none; } .reportsTableGrouping .x-grid-dirty-cell > .x-grid-cell-inner::after { content: "" !important; } /* end */ /* Splitter 1px border */ .sch-ganttpanel .x-grid-inner-locked { border-width: 0px !important; } .sch-ganttpanel .x-splitter { background-color: transparent !important; box-shadow: inset -2px 0 0 0 var(--md-sys-color-outline-variant-lower); } .sch-ganttpanel .x-splitter.x-splitter-vertical + div { margin-left: -2px; } .x-grid-locked-split .x-grid-inner-normal { border-width: 0 !important; } .x-grid-scrollbar-clipper-locked { border-width: 0 !important; } /* end */ .itemNavigator .sch-column-header, .sch-column-header { color: var(--md-sys-color-on-surface-variant); border-color: var(--md-sys-color-outline-variant-lower) !important; } .itemNavigator .sch-column-header.sch-column-header-over, .sch-column-header.sch-column-header-over { background-color: var(--md-sys-color-primary-alpha-05); } .sch-header-row { border-color: var(--md-sys-color-outline-variant-lower) !important; } .sch-timelineview .x-grid-item-container { margin-top: -1px; } .tpGanttView .sch-timelineview.sch-ganttview, .tpGanttView .x-grid-header-ct.x-docked.x-grid-header-ct-default.x-docked-top { margin-left: 0 !important; } .sch-simple-timeaxis.x-column-header .x-column-header-inner { padding: 0px !important; } .itemNavigator .sch-timelinepanel .x-column-header-checkbox .x-column-header-text { margin-left: 2px; } .itemNavigator .sch-timelinepanel .x-grid-cell-row-checker .x-grid-row-checker { margin-left: 2px !important; } .sch-dragproxy.x-dd-drag-proxy, .x-dd-drag-proxy.sch-gantt-dragproxy, .sch-gantt-dragproxy { box-shadow: none; } /* Gantt export into pdf column selector: hide the expandAll and collapseAll img */ .sch-columnpicker-list .expandAll, .sch-columnpicker-list .collapseAll { display: none !important; } /* Export tpl */ .sch-export-header.gntSchExportHeader { text-align: left !important; background: #FFFFFF !important; border-width: 0px !important; padding: 10px 0 0 20px !important; } .sch-export-header.gntSchExportHeader .rightContent { position: fixed; right: 20px !important; top: 10px !important; font-weight: normal; } .sch-export-header.gntSchExportHeader .leftContent { position: fixed; } .sch-export-header.gntSchExportFooter { text-align: left !important; background: #FFFFFF !important; border-width: 0px !important; } .sch-export-header.gntSchExportFooter .legendParentTaskImg { width: 140px; height: 20px; background-image: url(../images/svg/other/ganttPDFExportLegendParentTask.svg); background-repeat: no-repeat; } .sch-export-header.gntSchExportFooter .legendTaskImg { width: 135px; height: 20px; background-image: url(../images/svg/other/ganttPDFExportLegendTask.svg); background-repeat: no-repeat; } .sch-export-header.gntSchExportFooter .legendMilestoneImg { width: 26px; height: 20px; background-image: url(../images/svg/other/ganttPDFExportLegendMilestone.svg); background-repeat: no-repeat; } /* End */ .sch-gantt-task-bar, .sch-gantt-task-segment { height: auto !important; } .tpGanttView.sch-ganttpanel .x-grid-cell-inner { height: auto; } .x-toolbar-item .gantt-view-readonly-msg { color: var(--md-sys-color-warning) !important; } .x-toolbar-item .gantt-view-readonly-msg:before { content: "\f05e"; font-family: "Material Icons", "Font Awesome 5 Free"; font-weight: normal; font-size: 1rem; margin-right: 0.25rem; vertical-align: middle; display: inline-block; height: 1.25rem; line-height: 1rem; } body.x-body { color: var(--md-sys-color-on-surface); } .agLarge { width: 100% !important; } .agMedium { width: 50% !important; } .agSmall { width: 33.33% !important; } .agXSmall { width: 25% !important; } .overflow-ellipsis-flex { flex: 1; } .text-center { text-align: center; } .transparent { background-color: transparent !important; background-image: none !important; } /* App footer */ .appFooter { border-top: solid 1px var(--md-sys-color-outline-variant-lower) !important; background-color: var(--app-footer-bg-color) !important; } .appFooter .x-toolbar-text { color: var(--app-footer-text-color) !important; } /* Footer logo */ .footerLogoWrapper { background-image: url(logoAction.action) !important; background-repeat: no-repeat; min-width: 200px !important; background-size: auto 22px !important; } /* Footer icons */ .footerVideoHelpIcon, .footerShortcutsHelpIcon { width: 16px; height: 16px; cursor: pointer; top: 0px !important; } /* Footer video icon */ .footerVideoHelpIcon { background-image: url(../images/svg/entities/movieBoard.svg); } /* Footer shortcut icons */ .footerShortcutsHelpIcon { background-image: url(../images/svg/entities/shortcuts.svg); } .theme-button.x-btn .x-btn-wrap.x-btn-arrow-right::after { display: none !important; } /* Header profile btn */ .myProfileBtn, .myProfileBtn .svg-icon-customer { border-radius: 50%; cursor: pointer; pointer-events: all !important; width: 2.5rem; height: 2.5rem; border: 1px solid var(--md-sys-color-outline-variant-lower); box-sizing: border-box; } .myProfileBtn:hover, .myProfileBtn .svg-icon-customer:hover { border-color: var(--md-sys-color-outline); } .myProfileLogoffMenuItem { background-image: url(../images/svg/actions/logout.svg); } .myProfileHelpMenuItem { background-image: url(../images/svg/actions/help.svg); } .myProfileNotificationMenuItem { background-image: url(../images/svg/actions/notification.svg); } .myProfileMenuItem .x-menu-item-icon { background-size: 16px 16px !important; } .myProfileMenuItem .x-menu-item-icon { background-size: 100% 100% !important; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; border-radius: 50px !important; } /* Search combo */ .searchCombo .x-form-field { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .searchCombo .x-form-trigger-wrap { border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; border-width: 0px !important; } .searchCombo .x-form-trigger { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .searchCombo input::-webkit-input-placeholder, .searchCombo input::-moz-placeholder, .searchCombo input::-ms-input-placeholder { color: var(--md-sys-color-on-surface) !important; opacity: 87%; } .x-field.x-form-type-text.searchCombo .x-form-arrow-trigger:before { content: "\e8b6"; line-height: 1.25rem !important; font-size: 1.25rem; } /* end */ /* Complex color pciker */ .colorPickerComplex .x-colorpicker-field-swatch { z-index: 15000; } /* end */ /* Removing checkbox from unselectable grid row */ .itemTabGridDummyRow .x-grid-checkcolumn-cell-inner .x-grid-checkcolumn:AFTER { content: none !important; } .itemTabGridDummyRow { background-color: #F2F2F2; } /* end */ /* Some fix for VC. plugins input components */ .vcTxtComp .x-form-item-body { max-width: 100% !important; width: 100% !important; } .localeEditor .x-grid-header-ct { border-width: 1px 0 1px 0 !important; } .localeEditor .x-grid-body { border-width: 0px 0 0 0 !important; } /* This css disables all mouse events for HTML and propagates to its parent */ img { pointer-events: none !important; } a img { pointer-events: auto !important; } .htmlReadOnlyField img, .flatHistoryPanel .historyEntryDetails img, .commentText img { pointer-events: auto !important; } .htmlReadOnlyField img:hover, .flatHistoryPanel .historyEntryDetails img:hover, .commentText img:hover { cursor: pointer; box-shadow: 0 0 0 1px var(--md-sys-color-outline-variant-low); } .opacity0 { opacity: 0; } /* Footer Video tutorial comp and the panel comp itself */ .inAppHelpView { border: solid 1px var(--md-sys-color-outline-variant-lower); border-width: 1px 0px 0px 1px !important; border-top-left-radius: 0.25rem; } .inAppHelpView .inAppShortcutsHelpViewTitleIcon { background-image: url(../images/svg/entities/shortcuts.svg) !important; } .inAppHelpView .x-title-text i { color: red !important; } /* end */ /* Video tutorial video viewer */ .videoViewer .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videoViewer .video-description { padding-top: 8px; } .chip-tag-wrapper { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 8px; row-gap: 8px; margin: 12px 0; } .chip-tag { background-color: var(--md-sys-color-on-surface-12) !important; border-radius: 0.25rem; padding: 8px 12px; border: 1px solid var(--md-sys-color-outline-variant-lower); } /* end */ /* Shortcuts */ .shortcutsListTable { border-collapse: collapse; } .shortcutsListTable th { padding: 0; } .shortcutsListTable td { padding: 8px 0; border-bottom: 1px solid var(--md-sys-color-outline-variant-lower); min-width: 105px !important; } .pointer { cursor: pointer; } /* branch/baseline marker in tree nodes */ .treeNodeBranchBaselineTxt { color: #9E9494; font-style: italic; } .allPointerEvents { pointer-events: all !important; } /* Hides tree grid node default icon */ .treeNodeWithoutIcon { display: none !important; } /* Dnd file from desktop */ .dndFileFromOutside-treeItem-dropOk { color: #008000 !important; } .notificationRow { margin-bottom: 0.25rem; border-top: 1px solid var(--md-sys-color-outline-variant-lower); padding: 0.5rem; font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; display: flex; flex-direction: row; gap: 1rem; align-items: flex-start; } .notificationRow:first-child { border-top: none; } .notificationRow.notificationNotRead { background: var(--md-sys-color-tertiary-container-low); border-radius: 4px; display: flex; } .notificationRow.notificationNotRead .authorWrapper .date { color: var(--md-sys-color-tertiary) !important; } .notificationRow .notificationDataWrapper { flex: 1; display: flex; flex-direction: column; overflow: hidden; } .notificationRow .notificationDataWrapper .authorWrapper { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; } .notificationRow .notificationDataWrapper .authorWrapper .author { font-weight: bold; } .notificationRow .notificationDataWrapper .authorWrapper .date { color: var(--md-sys-color-outline-lower); text-align: right; } .notificationRow .notificationDataWrapper .itemWrapper .projectName { color: var(--md-sys-color-secondary); cursor: pointer; } .notificationRow .notificationDataWrapper .itemWrapper .projectName:hover { color: var(--md-sys-color-secondary-highest); } .notificationRow .notificationDataWrapper .notificationEntry { display: flex; flex-direction: row; gap: 0.5rem; align-items: start; } .notificationRow .notificationDataWrapper .notificationEntry .dataName { flex: 1; } .notificationRow .svg-icon { width: 1rem; height: 1rem; fill: currentColor; } .notificationRow .avatarWrapper svg.svg-icon, .notificationRow .avatarWrapper img { width: 2.5rem; height: 2.5rem; border-radius: 50%; } .messageStreamHTML { padding-top: 1rem; } /* Hide line breaks */ .notificationRow .dataRow1 .dataValue .shortFieldValue br { display: none !important; } .notificationRow .dataName, .notificationRow .dataValue { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* Header button transparent colors */ .headerBtn.x-btn.x-btn-menu-active.x-btn-default-toolbar-small, .headerBtn.x-btn.x-btn-pressed.x-btn-default-toolbar-small, .headerBtn.x-split-button.x-btn-default-toolbar-small.x-btn-pressed .x-btn-wrap-default-toolbar-small.x-btn-split:before { background-color: transparent !important; } /* Perspective switcher container when the svg is rendered inline from source */ .applicationSwitcherSvgCmp { margin-left: 10px; } .applicationSwitcherSvgCmp svg { width: 20px; height: 20px; cursor: pointer; } .applicationSwitcherSvgCmp .x-autocontainer-innerCt { text-align: center; vertical-align: middle; } /* Header item timer indicator */ @keyframes itemTimerIndicatorAnimation { 0% { box-shadow: 0 0 0 0 rgba(255, 100, 44, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(255, 100, 44, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 100, 44, 0); } } .x-btn.button-icon .x-btn-icon-el.headerItemTimerIndicator { cursor: pointer; border-radius: 50%; border: solid 1px var(--md-sys-color-error); box-sizing: border-box; box-shadow: 0 0 0 rgba(255, 169, 44, 0.5); animation: itemTimerIndicatorAnimation 2s infinite; } .headerItemTimerIndicator::before { content: ""; position: absolute; left: 0.25rem; top: 0.25rem; width: 0.75rem; height: 0.75rem; border-radius: 50%; background-color: var(--md-sys-color-error); } @media (max-width: 600px) { .headerItemTimerIndicator::before { left: 0.15rem !important; top: 0.15rem !important; width: 0.7rem; height: 0.7rem; } } /* The tooltip style which is showed when the system starts first time ever */ .firstTimeTooltip { background-color: var(--app-header-bg-color) !important; border-radius: 6px; border-width: 0px !important; -webkit-box-shadow: 0px 0px 35px 1px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 35px 1px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 35px 1px rgba(0, 0, 0, 0.75); padding: 0 12px 12px 12px; } .firstTimeTooltip.x-tip .x-autocontainer-innerCt { color: var(--dynamic-text-color-for-base) !important; } .firstTimeTooltip .x-tip-body { text-align: left; padding-top: 0px !important; font-size: 14px; color: var(--dynamic-text-color-for-base) !important; } .firstTimeTooltip .x-tip.x-autocontainer-innerCt { color: var(--dynamic-text-color-for-base) !important; } .firstTimeTooltip .x-tip-anchor-top, .firstTimeTooltip .x-tip-anchor-top::AFTER { border-bottom-color: var(--app-header-bg-color) !important; } .firstTimeTooltip .x-tip-anchor-bottom, .firstTimeTooltip .x-tip-anchor-bottom::AFTER { border-top-color: var(--app-header-bg-color) !important; } .firstTimeTooltip .x-tip-anchor-left, .firstTimeTooltip .x-tip-anchor-left::AFTER { border-right-color: var(--app-header-bg-color) !important; } .firstTimeTooltip .x-tool-img, .firstTimeTooltip .x-tool-tool-el:before { color: var(--dynamic-text-color-for-base) !important; } .firstTimeTooltip a { color: var(--dynamic-text-color-for-base) !important; cursor: pointer !important; } .firstTimeTooltip a:hover { color: var(--dynamic-text-color-for-base) !important; cursor: pointer !important; } /* end */ .displayNone { display: none !important; } .moduleViewport .moduleToolbar.x-toolbar-default { background-color: white !important; border-bottom: 1px solid #D0D0D0 !important; } .moduleToolbar .logoIconBtn.x-btn.x-item-disabled { opacity: 1 !important; } .moduleViewport .applicationNavigator .x-treelist { border-top: none !important; } .roundedTreeIcon { width: 16px; height: 16px; margin-top: 0px; border-radius: 8px; } /* Avatar (20x20) with rounded corner */ .avatar20 { width: 20px; height: 20px; border-radius: 4px; } .avatarImg30 { width: 30px; height: 30px; border-radius: 4px; } .avatarImg32 { width: 32px; height: 32px; border-radius: 4px; } /* Avatar (100x100) with rounded corner */ .avatar-my-profile, .avatar-my-profile .svg-icon { width: 128px; height: 128px; border-radius: 50%; margin-top: 1rem; } .avatar50, .avatarImg50 { width: 50px; height: 50px; border-radius: 4px; } .avatar40, .avatarImg40 { width: 40px; height: 40px; border-radius: 4px; } /* General info box */ /* Combo box with persons, avatar style */ .personAvatarInCombo img.list-icon { border-radius: 4px; padding: 0 !important; } /* Advanced combo with rounded icon */ .advancedComboRoundedIcon img { border-radius: 0.25rem; } svg.list-icon { fill: currentColor; } .round-icon .iconEl svg.list-icon, .round-icon .iconEl img.list-icon { border-radius: 50%; } .x-boundlist-item.round-icon img.list-icon, .x-combo-list-item.round-icon img.list-icon { border-radius: 50%; } /*Messages*/ #msg-div { left: 35%; position: absolute; width: 500px; z-index: 20000; } #msg-div-bottom { left: 42%; position: absolute; bottom: 43px; width: 500px; z-index: 20000; } #msg-div .msg { padding: 10px 15px; position: relative; } #msg-div .msg-info { border: 1px solid #94df7f; background: none repeat scroll 0 0 #e9f8e5; color: black; } #msg-div-bottom .msg { margin-top: 2px; padding: 10px 15px; } #msg-div-bottom .msg-info { border: 1px solid #94df7f; background: none repeat scroll 0 0 #e9f8e5; color: black; } #msg-div .msg-error { border: 1px solid #e1152a; background: none repeat scroll 0 0 #ffdddd; color: black; } #msg-div .msg p { margin: 0; } #msg-div .msgCloseIcon { cursor: pointer; position: absolute; display: inline; top: 1px; right: 1px; color: #000000; padding: 1px 3px 3px 3px; border: 0px !important; } #msg-div .msg-error .msgCloseIcon { background-color: red; background-color: #FFDDDD; border-top: solid 1px #E1152A; border-right: solid 1px #E1152A; } /*info box*/ .errBox { background: var(--md-sys-color-error-dark) !important; padding: 0.5rem; } .errBox .x-autocontainer-innerCt { color: var(--md-sys-color-error) !important; } .errBox2 { background: #ffdddd; border: 1px solid #D0D0D0; padding: 10px; } .itemTitleTextContent .x-form-required-field { border-left: 4px solid #e50001 !important; } .projectAvatarImg { pointer-events: all !important; width: 100px !important; height: 100px !important; border-radius: 0px !important; cursor: pointer; margin-top: 1rem; } .allPointerEvents { pointer-events: all !important; } /* Multiple select component */ .multiSelectUx .multipleSelectDashboardComboChechbox.x-tree-checkbox::before { line-height: 30px; } .multiSelectUx .x-boundlist-item-over .x-tree-checkbox::before { color: #FFFFFF !important; } .multiSelectUx .x-boundlist-selected .multipleSelectDashboardComboChechbox.x-tree-checkbox::before { color: #FFFFFF; } /* end multiple select component */ a { color: var(--md-sys-color-primary); text-decoration: none; } a:active { color: var(--link-active-color); } a:hover { color: var(--link-hover-color); } /* Load mask, loading component */ div.x-mask[id^=loadmask], body > div.x-mask[id^=loadmask] { background-color: var(--loading-mask-bg-color) !important; } .x-mask .tpLoadingSvg { -webkit-animation: tpLoadingRotation 0.8s linear infinite; animation: tpLoadingRotation 0.8s linear infinite; width: 48px !important; height: 48px !important; } .x-mask .tpLoadingSvg { stroke: var(--md-sys-color-secondary); } .x-mask-msg { background: transparent !important; } .x-mask-msg-text { display: none !important; } .x-mask .tpLoadingSvg .circle { stroke-dasharray: 180; stroke-dashoffset: 0; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-animation: turnTpLoading 0.8s ease-in-out infinite; animation: turnTpLoading 0.8s ease-in-out infinite; } @-webkit-keyframes tpLoadingRotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @keyframes tpLoadingRotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @-webkit-keyframes turnTpLoading { 0% { stroke-dashoffset: 180; } 50% { stroke-dashoffset: 45; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 180; -webkit-transform: rotate(450deg); transform: rotate(450deg); } } @keyframes turnTpLoading { 0% { stroke-dashoffset: 180; } 50% { stroke-dashoffset: 45; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 180; -webkit-transform: rotate(450deg); transform: rotate(450deg); } } /* end */ .x-grid-item .col-links-and-bars .x-grid-cell-inner { display: flex; flex-direction: row; gap: 0.5rem; align-items: flex-start; } .numbersWrapper { display: inline-flex; gap: 0.125rem; justify-content: flex-end; flex-wrap: wrap; width: 100px; } /* Html progress bar */ .relativePbWrapper { display: inline-flex; width: 100px; box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant-lower); border-radius: 0.25rem; } .relativePbWrapper .leftBar { float: left; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .relativePbWrapper .leftBar.singleBar { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .relativePbWrapper .rightBar { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .relativePbWrapper .rightBar.singleBar { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .relativePbWrapper .leftBar, .rightBar { height: 1.25rem; } .pBarRed { background-color: var(--md-ctx-palette-error70-light); } .pBarDarkRed { background-color: var(--md-ctx-palette-error50-light); } .pBarGreen { background-color: var(--md-ctx-palette-success80-light); } .pBarDarkGreen { background-color: var(--md-ctx-palette-success60-light); } .pBarBlue { background-color: var(--md-sys-color-blue-lower); } .pBarBlack { background-color: #000000; } .pBarWhite { background-color: #FFFFFF; } /* End */ .iconTreeGridCell img { width: 16px; } /* Cmb. remove min width property */ .cmbAutoMinWidth .x-form-text-field-body-default { min-width: auto !important; } .x-window .x-window-header .x-tool-tool-el::before { font-weight: bold; } .materialColorPickerColor { width: 20px; height: 20px; cursor: pointer; -moz-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; } .materialColorGridSelectedTd .materialColorPickerColor { border-radius: 8px !important; } .toggleField .x-slider { margin: 10px 0 0 0 !important; } @keyframes fadeInLoadMask { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadeInLoadMask { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadeInLoadMask { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadeInLoadMask { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadeInLoadMask { from { opacity: 0; } to { opacity: 1; } } .gridCellWithVisibleOverflow, .gridCellWithVisibleOverflow .x-grid-cell-inner { overflow: visible; } /* Highlights the grid row when the user draggs a file from local machine */ .gridRowHighlightDnDFileFromDesktop { background-color: var(--grid-highlight-color-dnd-from-desktop) !important; } /* Modal dialog overlay */ body > .x-mask { background-color: rgba(0, 0, 0, 0.4) !important; } /* Saved user name, password field's text-field bg color is changed by the browser The following attributes overrides */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; transition: background-color 5000s ease-in-out 0s !important; } /* Date field disabled dates style */ .x-datepicker-disabled.x-datepicker-cell { background-color: #e7e3e3 !important; } .x-datepicker-disabled.x-datepicker-cell .x-datepicker-date { color: #5d5d5d !important; } .personsGrid .x-grid-td { /*TODO move in all themes v-align midle?*/ vertical-align: middle !important; } td.cell-inactive { opacity: 0.5; } .x-grid-item td.avatarCell .x-grid-cell-inner { text-align: center !important; padding: 0.5rem 1rem !important; } td.personAvatarCell-fixed { width: 32px; } img.project-avatar, img.person-avatar { width: 1.5rem; height: 1.5rem; border-radius: 50%; } svg.person-avatar { width: 1.5rem; height: 1.5rem; } span.person-raciPrefix { color: var(--md-sys-color-outline-low) !important; } .noBoxShadow { box-shadow: none !important; } .toolbarBottomInnerShadow { box-shadow: inset 0px -1px 0px 0px #e0e0e0 !important; } .checkableMenuItem .x-menu-item-text { margin-left: 39px; } .checkableMenuItem.notChecked .x-menu-item-icon { opacity: 0.25; } .blinkTxt { animation: txtBlinker 2.5s linear infinite; } @keyframes txtBlinker { 50% { opacity: 0; } } /* Removes the tree node icon filter */ .treeNodeNoIconFilter img { filter: none !important; } .x-tree-elbow-img { color: var(--md-sys-color-on-surface) !important; } .x-tree-icon-parent-expanded, .x-tree-icon.x-tree-icon-parent { color: var(--md-sys-color-on-surface); } .allegraSplitButton.disabled .x-btn-button { opacity: 0.5 !important; } .allegraSplitButton.x-btn-menu-active { border-color: #dbdbdb !important; background-image: none !important; background-color: rgba(17, 17, 17, 0.075) !important; } .allegraSplitButton.x-btn-menu-active .x-btn-arrow:after { color: var(--base-color) !important; } .actionHideText .x-btn-inner { display: none !important; } .requiredField .x-form-item-label-text::after { content: "*"; color: var(--md-sys-color-error); font-size: 1.125rem; font-family: auto; font-weight: bold; line-height: 1.125rem; display: inline-block; padding-left: 2px; } .imgBtn { width: 16px; height: 16px; filter: var(--filter-black-700); pointer-events: all !important; cursor: pointer; } .hidden { visibility: hidden; } .marginRight8 { margin-right: 8px; } .no-border { border-width: 0px !important; } .no-border-right { border-right-width: 0px !important; } .gridNoBorder .x-grid-cell-special, .gridNoBorder .x-grid-with-row-lines .x-grid-item, .gridNoBorder .x-column-header { border-width: 0px !important; } .equalGridHeaderAndRowHeight .x-column-header .x-column-header-inner { padding: 8px 8px 8px 8px !important; } .equalGridHeaderAndRowHeight .x-column-header-checkbox .x-column-header-inner { padding: 14px 4px 15px 3px !important; } .margin-top-regular { margin-top: 2rem !important; } .margin-top-medium { margin-top: 1rem !important; } .margin-top-small { margin-top: 0.5rem !important; } .margin-top-x-small { margin-top: 0.25rem !important; } .margin-left-regular { margin-left: 2rem !important; } .margin-left-medium { margin-left: 1rem !important; } .margin-left-small { margin-left: 0.5rem !important; } .margin-left-x-small { margin-left: 0.25rem !important; } .margin-right-regular { margin-right: 2rem !important; } .margin-right-medium { margin-right: 1rem !important; } .margin-right-small { margin-right: 0.5rem !important; } .margin-right-x-small { margin-right: 0.25rem !important; } .margin-bottom-regular { margin-bottom: 2rem !important; } .margin-bottom-medium { margin-bottom: 1rem !important; } .margin-bottom-small { margin-bottom: 0.5rem !important; } .margin-bottom-x-small { margin-bottom: 0.25rem !important; } .margin-x-small { margin: 0.25rem !important; } .margin-small { margin: 0.5rem !important; } .margin-medium { margin: 1rem !important; } .margin-regular { margin: 2rem !important; } .padding-bottom-regular { padding-bottom: 2rem !important; } .padding-bottom-medium { padding-bottom: 1rem !important; } .padding-bottom-small { padding-bottom: 0.5rem !important; } .padding-bottom-x-small { padding-bottom: 0.25rem !important; } .padding-left-regular { padding-left: 2rem !important; } .padding-left-medium { padding-left: 1rem !important; } .padding-left-small { padding-left: 0.5rem !important; } .padding-left-x-small { padding-left: 0.25rem !important; } .padding-right-regular { padding-right: 2rem !important; } .padding-right-medium { padding-right: 1rem !important; } .padding-right-small { padding-right: 0.5rem !important; } .padding-right-x-small { padding-right: 0.25rem !important; } .padding-top-regular { padding-top: 2rem !important; } .padding-top-medium { padding-top: 1rem !important; } .padding-top-small { padding-top: 0.5rem !important; } .padding-top-x-small { padding-top: 0.25rem !important; } .padding-regular { padding: 2rem !important; } .padding-medium { padding: 1rem !important; } .padding-small { padding: 0.5rem !important; } .padding-x-small { padding: 0.25rem !important; } .margin-right-8 { margin-right: 8px !important; } .margin-left-4 { margin-left: 4px !important; } .v-space-regular { margin-top: 2rem !important; } .v-space-medium { margin-top: 1rem !important; } .v-space-small { margin-top: 0.5rem !important; } .v-space-x-small { margin-top: 0.25rem !important; } .ag-separator { margin: 2rem 0 !important; border-width: 0 0 1px 0; border-style: solid; height: 1px; border-color: var(--md-sys-color-outline-variant-lower); } .reserve-margin-right-help { margin-right: 2rem; } .reserve-margin-right-help.with-row-span { margin-right: 3rem; } .with-top-separator { border-top: 1px solid var(--md-sys-color-outline-variant-lower); margin-top: 16px; } .right-border { border-right: 1px solid var(--md-sys-color-outline-variant-lower) !important; } .left-border { border-left: 1px solid var(--md-sys-color-outline-variant-lower) !important; } .top-border { border-top: 1px solid var(--md-sys-color-outline-variant-lower) !important; } .bottom-border { border-bottom: 1px solid var(--md-sys-color-outline-variant-lower) !important; } .grid-column-full-width-proxy { border-right-width: 0 !important; } .grid-column-full-width-proxy .x-mask { background-color: unset !important; } @media (max-width: 810px) { .hidden-md { display: none !important; } } @media (max-width: 600px), (max-height: 600px) { .hidden-sm { display: none !important; } } .x-tip.x-tip-form-invalid .x-list-plain li { color: var(--md-sys-color-on-surface); } .svg-icon { fill: currentColor; } .no-padding { padding: 0 !important; } .no-padding-right { padding-right: 0 !important; } .no-padding-top { padding-top: 0 !important; } .no-margin { margin: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .no-margin-top { margin-top: 0 !important; } .padding-bottom-16 { padding-bottom: 16px !important; } iframe.wikiPreview { width: 100%; height: 100%; border: medium none; } .originalMailView .htmlContentTab pre { white-space: break-spaces; } .flex-center { display: flex; align-items: center; } .flex-vertical { display: flex; flex-direction: column; gap: 2rem 0; align-items: start; } .flex-vertical.container-compact-spacing { gap: 1rem 0; } .flex-vertical.align-items-stretch { align-items: stretch; } .flex-vertical.small-gap { gap: 0.5rem 0; } .no-gap { gap: 0 0 !important; } .flex-horizontal { display: flex; flex-direction: row; gap: 0 2rem; align-items: center; } .flex-horizontal.container-compact-spacing { gap: 0 1rem; } .flex-horizontal.align-items-start { align-items: start; } .flex-horizontal.small-gap { gap: p 0.5rem; } .flex-horizontal-same-size { display: flex; flex-direction: row; gap: 2rem; } .flex-horizontal-same-size > * { flex: 1; } .flex-wrap { flex-wrap: wrap; } .flex1 { flex: 1; } html { font-size: 16px; } .pointer-events-none { pointer-events: none !important; } .primary-text { color: var(--md-sys-color-primary); } .tertiary-text { color: var(--md-sys-color-tertiary); } .error-text { color: var(--md-sys-color-error); } .success-text { color: var(--md-sys-color-success); } .warning-text { color: var(--md-sys-color-warning); } .purple-text { color: var(--md-sys-color-purple); } .blue-text { color: var(--md-sys-color-blue); } .ag-sticky-top { position: sticky !important; z-index: 100; top: 0 !important; left: auto !important; width: auto !important; background-color: var(--md-sys-color-background) !important; } .ag-sticky-top.active-sticky { box-shadow: 0 8px 6px -6px var(--ag-color-box-shadow-alpha-30); transition-duration: 400ms; } .detail-container .detail-header { display: flex; flex-direction: row; gap: 0.5rem; padding: 0.5rem 1rem 0 1rem; align-items: center; } .detail-container .detail-header .detail-icon { width: 48px; height: 48px; border-radius: 8px; } .detail-container .detail-header .detail-title { font-weight: bold; } .detail-container .detail-description { padding: 0 1rem; color: var(--md-sys-color-outline); } .detail-container .detail-grid { overflow: visible; } .detail-container .check-image { width: 20px; height: 20px; } .detail-container .check-image.un-checked { opacity: 0.4; } p { margin: 0.375rem 0; } .x-toolbar .toggle-button.x-btn-pressed { background-color: var(--md-sys-color-primary-container-low) !important; } .search-match-highlight { background-color: var(--md-sys-color-success-container-low); color: var(--md-sys-color-on-success-container); } /* Copy to clipboard icon in grid cells */ .x-grid-item .x-grid-cell.copiable .x-grid-cell-inner:after { content: "\e14d"; font-family: "Material Icons", "Font Awesome 5 Free"; font-size: 1rem; line-height: 1.25rem; width: 1.25rem; color: var(--md-sys-color-outline) !important; opacity: 0.5; float: right; position: absolute; right: 0.25rem; top: 0.625rem; } /* base lightbox */ body:after { content: url(../images/svg/actions/close.svg) url(../images/gif/loading.gif) url(../images/svg/actions/navigateLeft.svg) url(../images/svg/actions/navigateRight.svg); display: none; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 4px; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/gif/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/svg/actions/navigateLeft.svg) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; background-size: 64px; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/svg/actions/navigateRight.svg) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; background-size: 64px; } .lightbox .lb-number { display: none; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lightbox .lb-data .lb-number { display: none !important; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/svg/actions/close.svg) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /*base application (main) user toolbar. */ .userToolbar .x-field.searchCombo { width: 19.5rem; margin: 0 !important; } @media (max-width: 600px) { .userToolbar .x-field.searchCombo { display: none; } } .userToolbar .x-field.searchCombo .x-form-trigger-wrap, .userToolbar .x-field.searchCombo .x-form-trigger-wrap-default { background-color: var(--md-sys-color-surface-variant-lower); } .userToolbar .x-field.searchCombo .x-form-trigger-wrap:hover, .userToolbar .x-field.searchCombo .x-form-trigger-wrap-default:hover { box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant) !important; } .userToolbar .x-field.searchCombo.x-field-focus .x-form-trigger-wrap, .userToolbar .x-field.searchCombo.x-field-focus .x-form-trigger-wrap-default { box-shadow: inset 0 0 0 1px var(--md-sys-color-outline) !important; } .userToolbar .searchCombo .x-form-trigger-default::before { color: var(--md-sys-color-outline-variant) !important; } .userToolbar .searchCombo .x-form-trigger-default:hover::before { color: var(--md-sys-color-outline) !important; } .userToolbar { flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: right; flex-wrap: wrap; gap: 0.5rem; } .userToolbar .searchCombo .x-form-trigger.x-form-trigger-default, .userToolbar .searchCombo input { color: black !important; } .myProfileAboutMenuItem { background-image: url(../images/svg/entities/info.svg); } .apps { background-image: url(../images/svg/entities/apps.svg) !important; } .helpDesk-ticon { background-image: url(../images/svg/apps/helpDesk.svg) !important; background-size: 16px 16px !important; } .x-title-icon.info { background-image: url(../images/svg/entities/info.svg); } .x-menu .menu-item-app .x-menu-item-link .x-menu-item-icon-default.adminapp { color: var(--md-sys-color-on-surface); } .x-menu .menu-item-app.menu-item-app-external-link .x-menu-item-link .x-menu-item-text-default, .x-menu .menu-item-app.menu-item-app-external-link .x-menu-item-link .x-menu-item-icon-default .svg-icon { color: var(--md-sys-color-primary-higher) !important; } /*base dashobard*/ .screenDesignPanel .dashboardField { margin: 0px !important; padding: 0px !important; } .dashboardField .x-title-text-default-framed { font-weight: normal !important; text-transform: uppercase; text-align: center; padding-left: 60px; } .dashboardError { border-color: red; } .dashboardError .x-panel-body, .dashboardError .x-panel-body-default-framed { background-color: yellow; background: none repeat scroll 0 0 yellow !important; } .dashboardCategoryPercent { background-color: var(--md-sys-color-surface-variant-lower); } .dashboardCategoryPercent .x-grid-cell, .dashboardCategoryPercent .x-grid-cell .x-grid-cell-inner { text-align: left !important; overflow: visible; font-weight: 500; padding-left: 0.5rem !important; } /*calendar dash*/ .calendar { display: flex; flex-direction: column; } .calendar .calHeader { padding: 0.25rem 1rem; border-bottom: 1px solid var(--md-sys-color-outline-variant-lower); display: flex; flex-direction: row; gap: 0.5rem; align-items: center; padding: 0.5rem 1rem; } .calendar .calHeader .monthTitle, .calendar .calHeader .weekTitle { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.009375rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .calendar .calendar-week-view, .calendar .calendar-month-view { flex: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 0.5fr) minmax(0, 0.5fr); overflow: auto; } .calendar .calendar-week-view .weekDayLabel, .calendar .calendar-month-view .weekDayLabel { border-bottom: 1px solid var(--md-sys-color-outline-variant-lower); border-right: 1px solid var(--md-sys-color-outline-variant-lower); height: auto; text-align: right; padding: 0.25rem 1rem; } .calendar .calendar-week-view .weekDay, .calendar .calendar-month-view .weekDay { border-bottom: 1px solid var(--md-sys-color-outline-variant-lower); border-right: 1px solid var(--md-sys-color-outline-variant-lower); display: flex; flex-direction: column; } .calendar .calendar-week-view .weekDay .day-number, .calendar .calendar-month-view .weekDay .day-number { text-align: right; padding: 0.5rem; } .calendar .calendar-week-view .weekDay .day-items, .calendar .calendar-month-view .weekDay .day-items { flex: 1; display: flex; flex-direction: column; overflow: hidden; padding: 0 0.5rem 0.5rem 0.5rem; gap: 0.25rem; } .calendar .calendar-week-view .weekDay .day-items .day-item, .calendar .calendar-month-view .weekDay .day-items .day-item { display: flex; flex-direction: row; align-items: center; padding: 0.125rem 0.5rem; } .calendar .calendar-week-view .weekDay .day-items .day-item img, .calendar .calendar-month-view .weekDay .day-items .day-item img { width: 1rem; height: 1rem; } .calendar .calendar-week-view .weekDay .day-items .day-item a.item, .calendar .calendar-month-view .weekDay .day-items .day-item a.item { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .calendar .calendar-week-view .weekDay .day-items .day-item.dashCalendarStart, .calendar .calendar-week-view .weekDay .day-items .day-item.dashCalendarStop, .calendar .calendar-week-view .weekDay .day-items .day-item.dashCalendarDot, .calendar .calendar-month-view .weekDay .day-items .day-item.dashCalendarStart, .calendar .calendar-month-view .weekDay .day-items .day-item.dashCalendarStop, .calendar .calendar-month-view .weekDay .day-items .day-item.dashCalendarDot { background-color: var(--md-sys-color-blue-lower); } .calendar .calendar-week-view .weekDay .day-items .day-item.dashCalendarStart a, .calendar .calendar-week-view .weekDay .day-items .day-item.dashCalendarStop a, .calendar .calendar-week-view .weekDay .day-items .day-item.dashCalendarDot a, .calendar .calendar-month-view .weekDay .day-items .day-item.dashCalendarStart a, .calendar .calendar-month-view .weekDay .day-items .day-item.dashCalendarStop a, .calendar .calendar-month-view .weekDay .day-items .day-item.dashCalendarDot a { color: var(--md-sys-color-on-blue); } .calendar .calendar-week-view .weekDay .day-items .day-item.dashCalendarTopDownStart, .calendar .calendar-week-view .weekDay .day-items .day-item.dashCalendarTopDownStop, .calendar .calendar-week-view .weekDay .day-items .day-item.dashCalendarTopDownDot, .calendar .calendar-month-view .weekDay .day-items .day-item.dashCalendarTopDownStart, .calendar .calendar-month-view .weekDay .day-items .day-item.dashCalendarTopDownStop, .calendar .calendar-month-view .weekDay .day-items .day-item.dashCalendarTopDownDot { background-color: var(--md-sys-color-surface-variant); } .calendar .calendar-week-view .weekDay .day-items .day-item.dashCalendarTopDownStart a, .calendar .calendar-week-view .weekDay .day-items .day-item.dashCalendarTopDownStop a, .calendar .calendar-week-view .weekDay .day-items .day-item.dashCalendarTopDownDot a, .calendar .calendar-month-view .weekDay .day-items .day-item.dashCalendarTopDownStart a, .calendar .calendar-month-view .weekDay .day-items .day-item.dashCalendarTopDownStop a, .calendar .calendar-month-view .weekDay .day-items .day-item.dashCalendarTopDownDot a { color: var(--md-sys-color-on-surface-variant); } .calendar .calendar-week-view .weekDay .day-items .day-item.dashCalendarStart, .calendar .calendar-week-view .weekDay .day-items .day-item.dashCalendarTopDownStart, .calendar .calendar-month-view .weekDay .day-items .day-item.dashCalendarStart, .calendar .calendar-month-view .weekDay .day-items .day-item.dashCalendarTopDownStart { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; } .calendar .calendar-week-view .weekDay .day-items .day-item.dashCalendarStop, .calendar .calendar-week-view .weekDay .day-items .day-item.dashCalendarTopDownStop, .calendar .calendar-month-view .weekDay .day-items .day-item.dashCalendarStop, .calendar .calendar-month-view .weekDay .day-items .day-item.dashCalendarTopDownStop { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; } .calendar .calendar-week-view .weekDay .day-items .day-item.dashCalendarDot, .calendar .calendar-week-view .weekDay .day-items .day-item.dashCalendarTopDownDot, .calendar .calendar-month-view .weekDay .day-items .day-item.dashCalendarDot, .calendar .calendar-month-view .weekDay .day-items .day-item.dashCalendarTopDownDot { border-radius: 1rem; } .calendar .calendar-week-view .weekDay.today .day-number-inner, .calendar .calendar-month-view .weekDay.today .day-number-inner { background-color: var(--md-ctx-palette-error70-light); color: var(--md-sys-color-on-error); display: inline-block; border-radius: 1.25rem; padding: 0.125rem; line-height: 1.25rem; width: 1.5rem; text-align: center; height: 1.5rem; } .calendar .calendar-week-view .weekDay.free, .calendar .calendar-month-view .weekDay.free { background-color: var(--md-sys-color-surface-high); } .calendar .calendar-week-view .weekDay.out-of-month .day-number, .calendar .calendar-month-view .weekDay.out-of-month .day-number { color: var(--md-sys-color-outline-variant); } .calendar .calendar-week-view { grid-template-rows: auto 1fr; } .calendar .calendar-week-view .weekDayLabel.today .dayLabel-inner { background-color: var(--md-ctx-palette-error70-light); color: var(--md-sys-color-on-error); display: inline-block; border-radius: 0.25rem; padding: 0 0.5rem; line-height: 1.25rem; } /* Charts dashboards */ .x-legend-inactive { opacity: 0.2; } .dashboardField .itemNavigatorGrid, .dashboardField .itemNavigatorTreeGrid { border-width: 0px !important; } .dashboardField .itemNavigatorGrid .x-grid-header-ct, .dashboardField .itemNavigatorTreeGrid .x-grid-header-ct { border-width: 0px !important; } /* Activity stream, flat, no items */ .activityStreamFlatNoItems { font-style: italic; color: var(--md-sys-color-on-surface-variant); } /* Dashboard header show/hide */ .hideDashboardPanelToolIcons { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 0.5s linear; } .showDashboardPanelToolIcons { visibility: visible; opacity: 1; transition: visibility 0.5s, opacity 1s linear; } .dashboardHeaderMouseOver { border-color: #0074A8; border-width: 0 0 0 0 !important; border-style: solid; transition: border-color 2s ease; } .dashboardHeaderMouseOut { border-width: 0px !important; border-color: transparent; transition: border-color 2s ease; } /* end */ .dashboardListThumbImg { width: 48px; height: 48px; background-size: 48px 48px; } /* Dashboard item DnD */ .dashboardFieldDnDTooltipWrapper { text-align: center; } .dashboardFieldDnDTooltipImg { width: 50px; height: 50px; margin-bottom: 8px; } .screenEditViewComponentWrapper .x-panel-body { padding: 0px !important; } /* Traffic light chart */ .trafficLightStatusIndicatorWrapper { width: 100%; height: 20px; text-align: center; } .trafficLightStatusIndicator { width: 20px; height: 20px; border-radius: 5px; margin: 0 auto; } .trafficLightStatusOk { background-color: var(--md-ctx-palette-success80-light); } .trafficLightStatusWarn { background-color: var(--md-ctx-palette-warning90-light); } .trafficLightStatusError { background-color: var(--md-ctx-palette-error70-light); } .trafficLightChart .x-grid-item-alt { background-color: transparent !important; } .trafficLightChart .x-grid-header-ct { border-bottom: 0px solid #D0D0D0 !important; } .trafficLightChart .x-grid-header-ct .x-column-header { border-width: 0px !important; } .trafficLightChart .x-grid-cell-inner, .trafficLightChart .x-column-header-inner { padding-top: 9px !important; padding-bottom: 8px !important; } .designScreen .screenPanel { overflow-x: hidden !important; } .dashboardDummyGrid .x-grid-header-ct { border-bottom: 1px solid #D0D0D0 !important; } .dashboardDummyGrid .x-column-header-last { border-right-width: 0px !important; } .loadMoreMessageStreamComp { padding-bottom: 1rem; text-align: center; } .loadMoreMessageStream { color: var(--md-sys-color-primary); cursor: pointer; } .loadMoreMessageStream:hover { color: var(--md-ctx-palette-primary35); } /* Chart marker tooltip */ .chart-marker-tooltip .x-tip-body { line-height: 0.75rem !important; } .dashboardPanel { margin: 0px !important; } .dashboardView .entityScreen, .dashboardProjectView .entityScreen { padding: 1rem 1rem 0 1rem; } .dashboardView .entityScreen.entityScreen-noTabs, .dashboardProjectView .entityScreen.entityScreen-noTabs { padding: 0 1rem 0 1rem; } @media (max-width: 600px) { .dashboardView .entityScreen, .dashboardProjectView .entityScreen { padding: 0.5rem 0.5rem 0 0.5rem !important; } .dashboardView .entityScreen.entityScreen-noTabs, .dashboardProjectView .entityScreen.entityScreen-noTabs { padding: 0 0.5rem 0 0.5rem !important; } } .dashboardView .dashboardField, .dashboardProjectView .dashboardField { border-radius: 0.25rem; } .dashboardView .container-tab, .dashboardProjectView .container-tab { padding: 1rem 2px; display: flex; flex-direction: column; gap: 2rem; justify-content: stretch; } .dashboardView .empty-screen-field, .dashboardProjectView .empty-screen-field { height: 176px; } .designScreen .screenPanel, .dashboardView .screenPanel, .browseProjectsCenterPanel .screenPanel { padding: 24px 0px 0 24px; } /* Safran pie chart tooltip fix */ .safranChartTooltip .x-tip-body { padding: 5px 0 0 5px !important; } /* Cockpit tile print tool button */ .dashboardField .x-tool-img.x-tool-print { background-image: url(../images/svg/actions/printCockpitTile.svg) !important; background-size: 16px 16px !important; } .dashboardField .x-tool-img.x-tool-print::before { content: none !important; } .manager-view-percent-group-grid .dashboardFieldTitleItem { background-color: var(--md-sys-color-primary-container); padding: 0.25rem 1rem; border-radius: 0.5rem; } .releaseNotesDashboard .release-notes-header { display: flex; flex-direction: row; gap: 0.5rem; padding: 0.5rem 1rem; align-items: center; } .releaseNotesDashboard .release-notes-header .release-notes-title { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.009375rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .releaseNotesDashboard .release-notes-header .releaseIcon, .releaseNotesDashboard .release-notes-header .projectIcon { width: 1.25rem; height: 1.25rem; } .releaseNotesDashboard .iconTreeGridCell .x-grid-cell-inner img { width: 1.25rem; height: 1.25rem; } .dashboard-empty-value { color: var(--md-sys-color-outline-variant); } .workspace-status .budget-overrun-column .x-grid-cell-inner { padding-left: 0px !important; padding-right: 0px !important; } .workspace-status .trafficLightStatusIndicator { border-radius: 1rem; } .workspace-status .x-column-header.x-column-header-align-right .x-column-header-inner { padding-right: 0px !important; } .dashboardGrid .x-grid-item .col-small-padding .x-grid-cell-inner, .dashboardPercentGrid .x-grid-item .col-small-padding .x-grid-cell-inner { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .dashboardGrid .x-grid-item .flex-right .x-grid-cell-inner, .dashboardPercentGrid .x-grid-item .flex-right .x-grid-cell-inner { display: flex; flex-direction: row; justify-content: flex-end; } .dashboardGrid .x-grid-item .flex-right .x-grid-cell-inner .list-column-label, .dashboardPercentGrid .x-grid-item .flex-right .x-grid-cell-inner .list-column-label { overflow: hidden; text-overflow: ellipsis; } .dashboardGrid .x-grid-item .col-wrapping-indent .x-grid-cell-inner, .dashboardPercentGrid .x-grid-item .col-wrapping-indent .x-grid-cell-inner { display: flex; flex-direction: row; flex-wrap: nowrap; } .dashboardGrid .x-grid-item .col-wrapping-indent .x-grid-cell-inner .indent-project, .dashboardPercentGrid .x-grid-item .col-wrapping-indent .x-grid-cell-inner .indent-project { display: block; height: 1.25rem; float: left; } .flatHistoryPanel { margin-bottom: 1rem; } .flatHistoryPanel .historyRow, .flatActivityStreamPanel .historyRow { display: flex; flex-direction: row; margin-top: 0.5rem; padding-bottom: 1rem; gap: 1rem; align-items: flex-start; } .flatHistoryPanel .historyRow .avatarWrapper svg.svg-icon, .flatHistoryPanel .historyRow .avatarWrapper img, .flatActivityStreamPanel .historyRow .avatarWrapper svg.svg-icon, .flatActivityStreamPanel .historyRow .avatarWrapper img { width: 2.5rem; height: 2.5rem; border-radius: 50%; } .flatHistoryPanel .historyRow .historyDataWrapper, .flatActivityStreamPanel .historyRow .historyDataWrapper { flex: 1; display: flex; flex-direction: column; gap: 0.25rem; } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntryHeader, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntryHeader { display: flex; flex-direction: column; gap: 0.25rem; } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntryHeader .authorWrapper, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntryHeader .authorWrapper { display: flex; flex-direction: row; gap: 0.5rem; align-items: center; } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntryHeader .authorWrapper .author, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntryHeader .authorWrapper .author { font-weight: 500; } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntryHeader .authorWrapper .date, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntryHeader .authorWrapper .date { color: var(--md-sys-color-outline-lower); font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntryHeader .itemWrapper, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntryHeader .itemWrapper { display: flex; flex-direction: row; gap: 0.5rem; align-items: start; flex: 1; } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntryHeader .itemWrapper .item-title, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntryHeader .itemWrapper .item-title { flex: 1; overflow: hidden; text-overflow: ellipsis; padding-top: 0.125rem; } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntryHeader .itemWrapper .projectName, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntryHeader .itemWrapper .projectName { padding: 0.125rem 0.5rem; border-radius: 0.25rem; display: flex; align-items: flex-start; justify-items: center; gap: 0.5rem; box-shadow: 0 0 0 2px var(--md-sys-color-surface-variant-lower); background-color: var(--md-sys-color-surface-variant-lower); cursor: pointer; } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntryHeader .itemWrapper .projectName:hover, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntryHeader .itemWrapper .projectName:hover { box-shadow: 0 0 0 2px var(--md-sys-color-surface-variant); background-color: var(--md-sys-color-surface-variant); } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntryHeader .itemWrapper .projectName img, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntryHeader .itemWrapper .projectName img { width: 1.25rem; height: 1.25rem; } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntryDetails, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntryDetails { display: flex; flex-direction: column; gap: 0.5rem; } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntry, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntry { display: flex; flex-direction: row; gap: 0.5rem; align-items: start; font-family: RobotoFlex; font-size: 0.75rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; line-height: 1.3333333333; } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntry .entryIconWrapper, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntry .entryIconWrapper { display: flex; align-items: center; justify-content: center; height: 1rem; } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntry .entryIconWrapper .svg-icon, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntry .entryIconWrapper .svg-icon { width: 1rem; height: 1rem; color: var(--md-sys-color-outline) !important; } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntry .histOldValue, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntry .histOldValue { text-decoration: line-through; background-color: var(--md-sys-color-error-container); padding: 1px 0.25rem; margin-right: 0.25rem; border-radius: 0.25rem; } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntry .histNewValue, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntry .histNewValue { background-color: var(--md-sys-color-success-container-low); padding: 1px 0.25rem; margin: 0 0.25rem; border-radius: 0.25rem; } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntry .dataValue img, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntry .dataValue img { max-width: 100%; height: auto; } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntry .dataValue table, .flatHistoryPanel .historyRow .historyDataWrapper .historyEntry .dataValue th, .flatHistoryPanel .historyRow .historyDataWrapper .historyEntry .dataValue td, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntry .dataValue table, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntry .dataValue th, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntry .dataValue td { border-color: var(--md-sys-color-outline-variant-lower); border-spacing: 0px; border-collapse: collapse; } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntry .dataValue td, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntry .dataValue td { padding: 3px 6px; } .flatHistoryPanel .historyRow .historyDataWrapper .historyEntry .dataValue p:first-child, .flatActivityStreamPanel .historyRow .historyDataWrapper .historyEntry .dataValue p:first-child { margin-top: 0; } .dense-compact .flatHistoryPanel { margin-bottom: 0.75rem; } .dense-compact .flatHistoryPanel .historyRow, .dense-compact .flatActivityStreamPanel .historyRow { margin-top: 0.25rem; padding-bottom: 0.75rem; gap: 0.75rem; } .dense-compact .flatHistoryPanel .historyRow .avatarWrapper svg.svg-icon, .dense-compact .flatHistoryPanel .historyRow .avatarWrapper img, .dense-compact .flatActivityStreamPanel .historyRow .avatarWrapper svg.svg-icon, .dense-compact .flatActivityStreamPanel .historyRow .avatarWrapper img { width: 2rem; height: 2rem; } .flatActivityStreamPanel { padding: 1rem; } .flatActivityStreamPanel .historyRow { border-bottom: 1px solid var(--md-sys-color-outline-variant-lower); } .quick-search-wrapper { display: flex; flex-direction: column; gap: 0.5rem; } .quick-search-wrapper .quick-search-inputs { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 1.5rem; } .quick-search-wrapper .quick-search-inputs div.x-field { flex: 1; flex-shrink: 0; min-width: 12rem; max-width: 33.5rem; } .quick-search-wrapper .quick-search-buttons { display: flex; flex-direction: row; } .actionLinksView { padding: 0 1rem; } @media (max-width: 600px) { .actionLinksView { padding: 0 0.5rem !important; } } .actionLinksView .actionLinkItem { border-radius: 0.25rem; padding: 6px 1rem; margin: 0.75rem 0; cursor: pointer; display: flex; flex-direction: row; gap: 0.5rem; align-items: start; } .actionLinksView .actionLinkItem.x-item-over { background-color: var(--md-sys-color-primary-alpha-05); } .actionLinksView .actionLinkItem .actionLink-icon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--md-sys-color-secondary-container-lower); flex-shrink: 0; color: var(--md-sys-color-primary); } .actionLinksView .actionLinkItem .actionLink-icon svg { width: 1.25rem; height: 1.25rem; } .actionLinksView .actionLinkItem .actionLink-content { display: flex; flex-direction: column; gap: 0.125rem; align-items: start; } .actionLinksView .actionLinkItem .actionLink-content .actionLink-label { white-space: normal; overflow: hidden; text-overflow: ellipsis; font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.009375rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .actionLinksView .actionLinkItem .actionLink-content .actionLink-description { color: var(--md-sys-color-outline-lower); font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; white-space: normal; overflow: hidden; text-overflow: ellipsis; } .work-and-cost-gauge .gauge-label { width: 100%; text-align: center; } .work-and-cost-gauge .gauge-label.empty { color: var(--md-sys-color-on-surface-variant) !important; } .work-and-cost-gauge .overrun-percent { color: var(--md-sys-color-on-surface-variant) !important; display: inline-flex; align-items: center; } .work-and-cost-gauge .svg-icon-info { fill: var(--md-sys-color-on-surface-variant) !important; width: 0.75rem; height: 0.75rem; } .work-and-cost-gauge .gauge-wrapper { text-align: center; } .work-and-cost-gauge .gauge-wrapper canvas { width: auto !important; max-height: calc(100% - 28px) !important; height: calc(100% - 28px) !important; } /*! * This file is part of the Allegra application, a tool for project and change management. * Copyright (c) 2024 Alltena * * Use and distribution of this software is governed by the Allegra license conditions. */ .fileDnDPanelArea { border: 1px dashed var(--md-sys-color-outline-lowest); border-radius: 0.25rem; padding: 0.5rem 1rem; display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; flex: 1; } .fileDnDPanelArea .fileDnDPanelHint { color: var(--md-sys-color-outline-low); font-style: italic; justify-self: center; align-self: center; } .fileDnDPanelArea.fileDnDPanelAreaFileOver { border-color: var(--md-sys-color-success); } .dndFileViewer { display: flex; flex-direction: row; gap: 0.5rem; flex-wrap: wrap; margin: 0 1px; } .dndFileViewer .dndViewFileItemWrapper { border-radius: 0.25rem; display: flex; flex-direction: row; flex-wrap: nowrap; padding: 0.25rem 0.5rem; gap: 0.25rem; border: 1px solid var(--md-sys-color-outline-variant-lower); align-items: center; } .dndFileViewer .dndViewFileItemWrapper .dndViewRemoveFileIcon { cursor: pointer; width: 1rem; height: 1rem; opacity: 0.6; } .dndFileViewer .dndViewFileItemWrapper .dndViewRemoveFileIcon:hover { opacity: 1; } .dndFileViewer .dndViewFileItemWrapper .dndViewFileFileName { overflow: hidden; text-overflow: ellipsis; color: var(--md-sys-color-outline); } /*app navigator*/ :root { --logo-url-light: url("logoAction.action"); --logo-url-dark: url("logoAction.action?logoType=w"); --allegra-logo-url-light: url(../images/svg/allegra-logo.svg); --allegra-logo-url-dark: url(../images/svg/allegra-logo-inverted.svg); --ag-color-green-light:#008A29; --ag-color-warn-light:#ffffb8; --ag-color-green-dark:#68FF7F; --ag-color-warn-dark:#a19903; --ag-color-blue-light:#0061b0; --ag-color-blue-dark:#7caeff; } @media (prefers-color-scheme: light) { :root { --logo-url: var(--logo-url-light); --allegra-logo-url: var(--allegra-logo-url-light); --ag-color-green: var(--ag-color-green-light); --ag-color-warn: var(--ag-color-warn-light); --ag-color-blue: var(--ag-color-blue-light); } .dark-theme { --logo-url: var(--logo-url-dark); --allegra-logo-url: var(--allegra-logo-url-dark); --ag-color-green: var(--ag-color-green-dark); --ag-color-warn: var(--ag-color-warn-dark); --ag-color-blue: var(--ag-color-blue-dark); } } @media (prefers-color-scheme: dark) { :root { --logo-url: var(--logo-url-dark); --allegra-logo-url: var(--allegra-logo-url-dark); --ag-color-green: var(--ag-color-green-dark); --ag-color-warn: var(--ag-color-warn-dark); --ag-color-blue: var(--ag-color-blue-dark); } .light-theme { --logo-url: var(--logo-url-light); --allegra-logo-url: var(--allegra-logo-url-light); --ag-color-green: var(--ag-color-green-light); --ag-color-warn: var(--ag-color-warn-light); --ag-color-blue: var(--ag-color-blue-light); } } @media (prefers-color-scheme: light) { :root { --ag-color-green-08: rgba(0, 138, 41, 0.08); --ag-color-green-12: rgba(0, 138, 41, 0.12); --ag-color-green-24: rgba(0, 138, 41, 0.24); --ag-color-green-40: rgba(0, 138, 41, 0.4); } .dark-theme { --ag-color-green-08: rgba(104, 255, 127, 0.08); --ag-color-green-12: rgba(104, 255, 127, 0.12); --ag-color-green-24: rgba(104, 255, 127, 0.24); --ag-color-green-40: rgba(104, 255, 127, 0.4); } } @media (prefers-color-scheme: dark) { :root { --ag-color-green-08: rgba(104, 255, 127, 0.08); --ag-color-green-12: rgba(104, 255, 127, 0.12); --ag-color-green-24: rgba(104, 255, 127, 0.24); --ag-color-green-40: rgba(104, 255, 127, 0.4); } .light-theme { --ag-color-green-08: rgba(0, 138, 41, 0.08); --ag-color-green-12: rgba(0, 138, 41, 0.12); --ag-color-green-24: rgba(0, 138, 41, 0.24); --ag-color-green-40: rgba(0, 138, 41, 0.4); } } .filterEditDialog .filterView-body { padding: 0 !important; } .filterEditDialog.window-divider .filterView-body { padding-top: 0.5rem !important; } .generalFilterFields { margin-bottom: 0.5rem; } .upperSelectsFieldSet { padding-bottom: 0.5rem; flex-direction: row; } .moreFieldSelectsPanel { padding-bottom: 1rem; flex-direction: column; align-items: start; } .moreFieldSelectsPanel .filter-keywordContainer, .moreFieldSelectsPanel .filter-archivedContainer { display: flex; flex-direction: row; gap: 1rem; flex-wrap: wrap; } .upperSelectsFieldSet, .moreFieldSelectsPanel { display: flex; flex-wrap: wrap; column-gap: 1rem; row-gap: 0.5rem; } .upperSelectsFieldSet .x-field, .moreFieldSelectsPanel .x-field { margin-bottom: 0rem !important; } .upperSelectsFieldSet .menu-button, .moreFieldSelectsPanel .menu-button { margin-top: 0.5rem !important; } .upperSelectsFieldSet .matcherCombo, .moreFieldSelectsPanel .matcherCombo { flex: 1; } .expressionPanel { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0.5rem; } .ag-double-small-compact { width: 25rem; } .filterView-body .x-fieldset.x-fieldset-no-border { margin-top: 0.5rem !important; } .filterView-body .buttons-container { margin-top: 1rem; margin-bottom: 1rem; } .filterView-body .x-container.x-table-layout-fullWidth { min-width: 100%; } .filterView-body .x-fieldset { min-width: unset; } .filterView-body .x-fieldset .x-fieldset-body { min-width: 100%; } .filterView-body .x-fieldset.with-conditions { min-width: 1164px; } .filterView-body .x-fieldset.with-conditions.with-condition-item { min-width: 1164px; } .filterView-body .fieldExpressionsInTree .expression-container { min-width: 1164px; } .filterView-body .fieldExpressionsInTree .expression-container .x-field { display: inline-block; } .filterView-body .fieldExpressionsInTree .expression-container.with-condition-item { min-width: 1164px; } .filterEditView .filterView-body { padding: 1rem 1rem 0 1rem; background-color: var(--md-sys-color-surface-variant-lowest); } .filterEditView .x-toolbar { background-color: var(--md-sys-color-surface-variant-lowest); } .filterEditView .x-field.x-form-type-text.not-empty label .x-form-item-label-inner .x-form-item-label-text, .filterEditView .x-field.x-form-type-text.x-field-focus label .x-form-item-label-inner .x-form-item-label-text { background-color: var(--md-sys-color-surface-variant-lowest); } .expressionPanel .x-field { width: 16rem; } .expressionPanel .x-field.matcherCombo { width: 212px; } .expressionPanel .input-container { display: inline-flex; flex-direction: row; gap: 0.125rem; } .expressionPanel .input-container .x-field { width: 16rem; } .fieldExpressionsInTree { display: flex; flex-direction: column; gap: 0.5rem; align-items: start; padding-bottom: 0.5rem; } .fieldExpressionsInTree .expression-container { display: inline-flex; flex-direction: row; gap: 0.5rem; } .fieldExpressionsInTree .expression-container:nth-child(2) { padding-left: 9.25rem !important; } .fieldExpressionsInTree .expression-container .input-container { display: inline-flex; flex-direction: row; gap: 0.125rem; } .fieldExpressionsInTree .expression-container .input-container .x-field.field-time-unit { width: 8.75rem; } .fieldExpressionsInTree .expression-container .input-container .x-field.field-time-value { width: 7.125rem; } .fieldExpressionsInTree .expression-container .input-container .x-field.field-time-value .x-form-text-wrap .x-form-text-default { padding-right: 0.25rem !important; } .fieldExpressionsInTree .expression-container .input-container .x-field.field-item-no { width: 100px; } .fieldExpressionsInTree .expression-container .input-container .x-field.field-item-title { width: 230px; } .fieldExpressionsInTree .expression-container .x-field { width: 16rem; } .fieldExpressionsInTree .expression-container .x-field.operationCombo { width: 8.75rem; } .fieldExpressionsInTree .expression-container .x-field.parenthesisCombo { width: 65px; } .fieldExpressionsInTree .expression-container .x-field.fieldNameCombo { width: 200px; } .fieldExpressionsInTree .expression-container .x-field.matcherCombo { width: 12rem; } .fieldExpressionsInTree .expression-container .x-field.fieldMomentCombo { width: 90px !important; } .fieldExpressionsInTree .expression-container .x-field.x-form-type-text, .fieldExpressionsInTree .expression-container .x-field.x-form-type-password, .fieldExpressionsInTree .expression-container .x-field.x-form-type-checkbox, .fieldExpressionsInTree .expression-container .x-field.x-form-type-radio { margin: 0 !important; } .fieldExpressionsInTree .expression-container .x-field.x-form-type-text.parenthesisCombo .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-text.operationCombo .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-text.fieldNameCombo .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-text.matcherCombo .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-text.field-item-no .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-text.field-item-title .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-password.parenthesisCombo .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-password.operationCombo .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-password.fieldNameCombo .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-password.matcherCombo .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-password.field-item-no .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-password.field-item-title .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-checkbox.parenthesisCombo .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-checkbox.operationCombo .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-checkbox.fieldNameCombo .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-checkbox.matcherCombo .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-checkbox.field-item-no .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-checkbox.field-item-title .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-radio.parenthesisCombo .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-radio.operationCombo .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-radio.fieldNameCombo .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-radio.matcherCombo .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-radio.field-item-no .x-form-text-wrap .x-form-text-default, .fieldExpressionsInTree .expression-container .x-field.x-form-type-radio.field-item-title .x-form-text-wrap .x-form-text-default { padding-right: 0.25rem !important; padding-left: 0.5rem !important; } .fieldExpressionsInTree .expression-container .x-btn { margin-left: 2px; } .wizard-tile.x-item-over, .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .dndFileViewer .dndViewFileItemWrapper, .elevation-1 { box-shadow: 0px 1px 2px var(--ag-color-box-shadow-alpha-10), 0px 1px 3px var(--ag-color-box-shadow-alpha-05); } .mega-menu, .customPicker, .x-dd-drag-proxy.taskboard-dd-drag-proxy.taskboard-dd-drag-proxy-multiple .drag-wrapper-multipleCards .drag-backCard, .taskboardGroup .taskboardColumnBody .itemCard, .screenDesigner.screenDesigner-cardScreen .cardScreenPanel, .designer-field-dnd-proxy, .x-window.window-no-header, .x-panel.floating-panel, .actionLinksView .actionLinkItem, .itemNavDnDWrapper, .elevation-2 { box-shadow: 0px 1px 2px var(--ag-color-box-shadow-alpha-15), 0px 2px 6px var(--ag-color-box-shadow-alpha-10); } .x-dd-drag-proxy.taskboard-dd-drag-proxy .drag-card, .screenDesigner .entityScreenComponent.entityScreenField.dashboardScreenField, .dashboardView .dashboardField, .dashboardProjectView .dashboardField, .x-dd-drag-proxy.item-navigator-dd-drag-proxy .item-drag-tooltip, .elevation-3 { box-shadow: 0px 1px 3px var(--ag-color-box-shadow-alpha-15), 0px 4px 8px var(--ag-color-box-shadow-alpha-10); } .tribute-container, .fr-box a.fr-floating-btn, .fr-qi-helper a.fr-btn.fr-floating-btn, .fr-command.fr-btn.fr-active + .fr-dropdown-menu, .fr-popup, .fr-modal .fr-modal-wrapper, .elevation-4 { box-shadow: 0px 6px 10px var(--ag-color-box-shadow-alpha-05), 0px 2px 3px var(--ag-color-box-shadow-alpha-10); } .logon-view .login-form, .elevation-5 { box-shadow: 0px 8px 12px var(--ag-color-box-shadow-alpha-05), 0px 4px 4px var(--ag-color-box-shadow-alpha-10); } @keyframes fadeInBlock { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOutBlock { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } .field-link { color: var(--md-sys-color-primary); font-weight: normal; cursor: pointer; } .field-link svg { fill: var(--md-sys-color-on-surface); } .field-link:hover { background: none; text-decoration: underline; } /*base- itemNavigator*/ /* DRAG-DROP STUFF*/ .westTreeNavigator table .x-grid-row .treeItem-dropOk { color: #008000 !important; } .westTreeNavigator table .x-grid-row .treeItem-dropPartial { color: yellowgreen !important; } .westTreeNavigator table .x-grid-row .treeItem-dropDisabled { opacity: 0.4; } .westTreeNavigator .my-row-highlight-class { color: darkgreen; background-color: #90ee90; } .westTreeNavigator table .x-grid-row .treeItem-disabled { opacity: 0.4; } .treeItem-dropOk { box-shadow: 0px 0px 0px 6px var(--ag-color-green-40) inset !important; -webkit-box-shadow: 0px 0px 6px var(--ag-color-green-40) inset !important; -moz-box-shadow: 0px 0px 0px 6px var(--ag-color-green-40) inset !important; } .treeItem-dropOk .x-grid-cell-inner, table .treeItem-dropOk .x-grid-cell-inner { color: #008000 !important; } .headerIcon .x-column-header-inner { background-repeat: no-repeat; background-position: center center; padding-left: 3px; background-size: 16px; } .headerIcon { text-align: center; vertical-align: middle; } .x-grid .x-grid-header-ct .headerIcon .x-column-header-inner .x-column-header-text-inner::after { margin-left: 28px; } .headerIcon-1001 .x-column-header-inner { background-image: url(../images/svg/entities/attachment.svg) !important; } .headerIcon-1006 .x-column-header-inner { background-image: url(../images/svg/actions/lock.svg) !important; } .headerIcon-1010 .x-column-header-inner { background-image: url(../images/svg/entities/calendarBudgetOverflow.svg) !important; } .headerIcon-customOption .x-column-header-inner { background-image: url(../images/svg/entities/customFields.svg) !important; } .headerIcon-10 .x-column-header-inner { background-image: url(../images/svg/listTypes/priority.svg) !important; } .headerIcon-11 .x-column-header-inner { background-image: url(../images/svg/listTypes/severity.svg) !important; } .headerIcon-4 .x-column-header-inner { background-image: url(../images/svg/listTypes/status.svg) !important; } .headerIcon-2 .x-column-header-inner { background-image: url(../images/svg/listTypes/itemType.svg) !important; } /* grouping */ /* Group row bg color */ .x-grid-item .reportsTableGrouping { background-color: var(--md-ctx-palette-primary95); box-shadow: inset 0 -1px 0 0 var(--md-sys-color-background); } .x-grid-item .reportsTableGrouping:hover { box-shadow: inset 0 0 0 1px var(--md-ctx-palette-primary80); } .x-grid-item .reportsTableGrouping .x-tree-node-text { font-weight: 450 !important; } .x-grid-item.x-grid-item-over .reportsTableGrouping { background-color: var(--md-ctx-palette-primary95) !important; } .reportsTableGrouping .simpleTreeGridCell, .reportsTableGrouping .simpleGridCell, .reportsTableGrouping .simpleTreeGridCell .x-grid-cell-inner, .reportsTableGrouping .simpleGridCell .x-grid-cell-inner { overflow: visible; z-index: 1; } .reportsTableGrouping .x-grid-cell { border-width: 0; } /*on plan*/ .OnPlan td, .OnPlan .x-grid-cell-inner { color: var(--md-sys-color-on-surface); } .DueSoon td, .group-dueSoon td, .DueSoon .x-grid-cell-inner, .group-dueSoon .x-grid-cell-inner { color: #fa763a; } .DueSoon td a, .group-dueSoon td a, .DueSoon .x-grid-cell-inner a, .group-dueSoon .x-grid-cell-inner a { color: #fa763a; } .DueSoon td a, .DueSoon .field-link { color: #fa763a; } .DueSoon td a:active { color: #fa763a; } .DueSoon td a:hover { color: #44adf2; background: none; text-decoration: underline; } .NotOnPlan, .group-notOnPlan, .NotOnPlan .x-grid-cell-inner, .group-notOnPlan .x-grid-cell-inner { color: #ff0000; } .NotOnPlan a, .group-notOnPlan a, .NotOnPlan .x-grid-cell-inner a, .group-notOnPlan .x-grid-cell-inner a { color: #ff0000; } .NotOnPlan td, .group-notOnPlan { color: #ff0000; } .NotOnPlan td a, .NotOnPlan .field-link { color: #ff0000; } .NotOnPlan td a:active { color: #ff0000; } .NotOnPlan td a:hover { color: #44adf2; background: none; text-decoration: underline; } .ClosedNotOnPlan td, .ClosedNotOnPlan .x-grid-cell-inner, .ClosedNotOnPlan .field-link { color: #b50000; } .ClosedNotOnPlan td a.synopsis_blue, .ClosedNotOnPlan .x-grid-cell-inner a.synopsis_blue, .ClosedNotOnPlan .field-link a.synopsis_blue { color: #b50000; } /* Item navigator file DnD component */ @keyframes fadeInBlock { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOutBlock { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } .v-vertical-header-grid .x-column-header .x-column-header-text { display: block; margin-left: auto; margin-right: auto; text-align: left; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); /* IE */ } .x-grid-dirty-cell .x-grid-cell-inner { background-image: url(../images/svg/other/dirty.svg); background-position: 2px 2px; background-repeat: no-repeat; background-size: 1rem; } .x-grid-dirty-cell .x-grid-cell-inner:after { content: none !important; } /* Mainly for Backlog west tree view */ .inactiveRowItem { background-color: #D6D6D6 !important; } /* To hide and show Item edit toolbar btn on hover */ .itemEditShowToolbarBtn { -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; opacity: 1 !important; } .itemEditHideToolbarBtn { -webkit-transition: all 4s; -moz-transition: all 4s; -o-transition: all 4s; transition: all 4s; opacity: 0 !important; } .itemEditHideableToolbarBtn { background-color: transparent !important; border: 0px !important; } .itemEditHideableToolbarBtn .x-btn-wrap-default-toolbar-small.x-btn-arrow-right::AFTER { content: none !important; } /* end */ .splitGridViewWrapperV .splitGridViewSplitter { background-color: none !important; border-left: 1px solid #D0D0D0 !important; } .splitGridViewWrapperH .splitGridViewSplitter { background-color: none !important; border-top: 1px solid #D0D0D0 !important; width: 100% !important; } .sprintViewDetailInfoBox { height: auto !important; } /* end of Split view */ /* Item navigator west tree */ .westTreeNavigator .x-grid-body { border-top-width: 1px; } .westTreeNavigator.adminWestNavigator .x-grid .x-grid-body { border-top-width: 0 !important; } .itemNavDnDWrapper { position: absolute; opacity: 0; z-index: -1; left: 0 !important; top: 0 !important; box-sizing: border-box !important; top: 20% !important; right: calc(50% - 200px) !important; left: calc(50% - 200px) !important; width: 400px !important; height: auto !important; position: absolute; background: linear-gradient(0deg, var(--md-sys-color-primary-alpha-08), var(--md-sys-color-primary-alpha-08)), linear-gradient(0deg, var(--md-sys-color-surface), var(--md-sys-color-surface)); color: var(--md-sys-color-on-surface); font-family: RobotoFlex; font-size: 1.5rem; line-height: 2rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; padding: 16px 24px; border-radius: 8px; } .itemNavDnDWrapperHighlighted { z-index: 1000 !important; } .itemNavDnDWrapper .x-panel-body { width: 100% !important; height: 100% !important; background-color: transparent !important; } .itemNavDnDLabel { font-family: RobotoFlex; font-size: 1.5rem; line-height: 2rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; text-align: left; } .itemNavDnDLabel ul { margin-top: 15px !important; margin-bottom: 15px !important; list-style: circle !important; font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.03125rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } /* end */ .sprint-view-lists-wrapper .x-splitter { background-color: var(--md-sys-color-primary-container) !important; } .sprint-view-lists-wrapper .x-splitter:hover { background-color: var(--md-sys-color-primary) !important; } .sprint-view-lists-wrapper .itemNavigatorGrid { padding: 0; } .sprint-view-lists-wrapper .itemNavigatorGrid .sprint-progress-bar .x-progress-text { padding: 0 0.5rem; } /* Default img width within Item navigator grid cell */ .dashboardPercentGrid .x-grid-cell .list-multiple-value, .dashboardGrid .x-grid-cell .list-multiple-value, .itemNavigatorGrid .x-grid-cell .list-multiple-value, .itemNavigatorTreeGrid .x-grid-cell .list-multiple-value { display: flex; gap: 0.5rem; overflow: hidden; margin-right: 0.625rem; } .dashboardPercentGrid .x-grid-cell .list-multiple-value .list-column-value, .dashboardGrid .x-grid-cell .list-multiple-value .list-column-value, .itemNavigatorGrid .x-grid-cell .list-multiple-value .list-column-value, .itemNavigatorTreeGrid .x-grid-cell .list-multiple-value .list-column-value { display: flex; gap: 0.25rem; } .dashboardPercentGrid .x-grid-cell .list-multiple-value .list-column-symbol, .dashboardGrid .x-grid-cell .list-multiple-value .list-column-symbol, .itemNavigatorGrid .x-grid-cell .list-multiple-value .list-column-symbol, .itemNavigatorTreeGrid .x-grid-cell .list-multiple-value .list-column-symbol { margin-right: 0; } .dashboardPercentGrid .x-grid-cell .list-column-symbol, .dashboardGrid .x-grid-cell .list-column-symbol, .itemNavigatorGrid .x-grid-cell .list-column-symbol, .itemNavigatorTreeGrid .x-grid-cell .list-column-symbol { height: 1.25rem; float: left; margin-right: 0.5rem; display: inline-flex; flex-direction: row; flex-wrap: nowrap; column-gap: 0.25rem; row-gap: 0.25rem; align-items: center; justify-content: center; } .dashboardPercentGrid .x-grid-cell .list-column-symbol img, .dashboardPercentGrid .x-grid-cell .list-column-symbol svg, .dashboardGrid .x-grid-cell .list-column-symbol img, .dashboardGrid .x-grid-cell .list-column-symbol svg, .itemNavigatorGrid .x-grid-cell .list-column-symbol img, .itemNavigatorGrid .x-grid-cell .list-column-symbol svg, .itemNavigatorTreeGrid .x-grid-cell .list-column-symbol img, .itemNavigatorTreeGrid .x-grid-cell .list-column-symbol svg { width: 1.25rem; height: 1.25rem; } .dashboardPercentGrid .x-grid-cell.symbolOnly .x-grid-cell-inner, .dashboardGrid .x-grid-cell.symbolOnly .x-grid-cell-inner, .itemNavigatorGrid .x-grid-cell.symbolOnly .x-grid-cell-inner, .itemNavigatorTreeGrid .x-grid-cell.symbolOnly .x-grid-cell-inner { text-align: center !important; } .dashboardPercentGrid .x-grid-cell.symbolOnly .x-grid-cell-inner .list-column-symbol, .dashboardGrid .x-grid-cell.symbolOnly .x-grid-cell-inner .list-column-symbol, .itemNavigatorGrid .x-grid-cell.symbolOnly .x-grid-cell-inner .list-column-symbol, .itemNavigatorTreeGrid .x-grid-cell.symbolOnly .x-grid-cell-inner .list-column-symbol { float: unset !important; max-width: 100%; } .dashboardPercentGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol, .dashboardGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol, .itemNavigatorGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol, .itemNavigatorTreeGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol { height: unset; margin: 0 !important; } .dashboardPercentGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol img, .dashboardPercentGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol svg, .dashboardGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol img, .dashboardGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol svg, .itemNavigatorGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol img, .itemNavigatorGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol svg, .itemNavigatorTreeGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol img, .itemNavigatorTreeGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol svg { border-radius: 50%; width: 1.5rem; height: 1.5rem; } .itemNavigatorCellStyledValueWrapper { padding: 4px 10px 4px 10px; border-radius: 24px; } .flatGridView .reportHistoryCellHeader, .flatGridView .reportHistoryCellLabel { font-weight: 550; } .x-grid-cell-inner.simpleTreeGridRowBody { white-space: normal !important; padding: 0 !important; } .x-grid-rowbody { padding: 0 !important; } .x-grid-row-body.empty-bodyContent { display: none !important; } .reportHistory { border-top: 1px solid var(--md-sys-color-outline-variant-lower); width: 100%; margin-top: 8px; padding: 8px 16px; } .reportHistory:first-child { margin-top: 0 !important; } .filterEditPanel { border-bottom: 1px solid var(--md-sys-color-outline-variant-lower); } .itemNavigator.itemNavigator-highlighted { box-shadow: 0px 0px 0px 4px var(--ag-color-green) inset; -webkit-box-shadow: 0px 0px 4px var(--ag-color-green) inset; -moz-box-shadow: 0px 0px 0px 4px var(--ag-color-green) inset; -webkit-transition: box-shadow 300ms ease-in-out; -moz-transition: box-shadow 300ms ease-in-out; -o-transition: box-shadow 300ms ease-in-out; transition: box-shadow 300ms ease-in-out; } .itemNavigatorGrid, .itemNavigatorTreeGrid { border: 2px solid transparent !important; } .itemNavigatorGrid.itemNavigator-highlighted, .itemNavigatorTreeGrid.itemNavigator-highlighted { border: 2px dashed var(--ag-color-green) !important; -webkit-transition: border 300ms ease-in-out; -moz-transition: border 300ms ease-in-out; -o-transition: border 300ms ease-in-out; transition: border 300ms ease-in-out; } .itemNavigatorGrid .x-grid-item .x-tree-icon, .itemNavigatorTreeGrid .x-grid-item .x-tree-icon { color: unset !important; } .itemNavigatorGrid .x-grid-item .x-tree-icon.svg-icon-check-red, .itemNavigatorTreeGrid .x-grid-item .x-tree-icon.svg-icon-check-red { color: var(--md-sys-color-error) !important; } .itemNavigatorGrid .x-grid-item .x-tree-icon.svg-icon-check-green, .itemNavigatorTreeGrid .x-grid-item .x-tree-icon.svg-icon-check-green { color: var(--ag-color-green) !important; } .itemNavigatorGrid .x-grid-item .x-tree-icon.svg-icon, .itemNavigatorTreeGrid .x-grid-item .x-tree-icon.svg-icon { /* todo remove this quick fix see #19643 [8.0] Item health column (replace text color scheme for overdue/due-soon items) */ display: none; } .itemNavigatorGrid .x-grid-item .x-grid-cell-inner.x-grid-cell-inner-treecolumn .x-tree-elbow-img, .itemNavigatorTreeGrid .x-grid-item .x-grid-cell-inner.x-grid-cell-inner-treecolumn .x-tree-elbow-img { margin-right: 0.25rem; } .itemNavigatorGrid .x-grid-item .x-grid-cell-inner.x-grid-cell-inner-treecolumn .x-tree-node-text, .itemNavigatorTreeGrid .x-grid-item .x-grid-cell-inner.x-grid-cell-inner-treecolumn .x-tree-node-text { padding-left: 0; } .itemNavigatorGrid .x-grid-item .x-grid-cell-inner.x-grid-cell-inner-treecolumn .x-tree-icon, .itemNavigatorTreeGrid .x-grid-item .x-grid-cell-inner.x-grid-cell-inner-treecolumn .x-tree-icon { margin-right: 0.25rem; } .itemNavigatorGrid .x-grid-cell.styledCell:not(.symbolOnly) .x-grid-cell-inner, .itemNavigatorTreeGrid .x-grid-cell.styledCell:not(.symbolOnly) .x-grid-cell-inner { border-radius: 0.5rem; margin: 0.375rem 0.25rem; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; padding-left: 0.75rem !important; } .itemNavigatorGrid .x-grid-cell.styledCell:not(.symbolOnly).editable:hover .x-grid-cell-inner:after, .itemNavigatorTreeGrid .x-grid-cell.styledCell:not(.symbolOnly).editable:hover .x-grid-cell-inner:after { top: 0.25rem; } .itemNavigatorGrid .x-grid-item.x-grid-item-selected .x-grid-cell.styledCell:not(.symbolOnly) .x-grid-cell-inner, .itemNavigatorTreeGrid .x-grid-item.x-grid-item-selected .x-grid-cell.styledCell:not(.symbolOnly) .x-grid-cell-inner { opacity: 0.75; } .item-navigator-view-settings { height: auto !important; } .item-navigator-view-settings .x-window-body { top: 0 !important; height: auto !important; } .item-navigator-view-settings .x-field.x-form-type-checkbox { margin-bottom: 0.5rem; } .item-navigator-view-settings .x-form-checkboxgroup { margin-bottom: 0 !important; } .item-navigator-view-settings .splitContainer { display: flex; flex-direction: row; margin-bottom: 0.5rem; } .item-navigator-view-settings .layoutRepresentations { display: flex; flex-direction: column; justify-content: end; margin-bottom: 0.25rem; } .item-navigator-view-settings .layout-representation.split-v, .item-navigator-view-settings .layout-representation.split-h { display: flex; width: 5rem; height: 2.5rem; } .item-navigator-view-settings .layout-representation.split-v table, .item-navigator-view-settings .layout-representation.split-v .container, .item-navigator-view-settings .layout-representation.split-h table, .item-navigator-view-settings .layout-representation.split-h .container { flex: 1; } .item-navigator-view-settings .layout-representation.split-v { flex-direction: row; margin-bottom: 0.25rem; } .item-navigator-view-settings .layout-representation.split-h { flex-direction: column; } .item-navigator-view-settings .layout-representation table { border-collapse: collapse; } .item-navigator-view-settings .layout-representation td { border: 1px solid var(--md-sys-color-on-background); box-sizing: border-box; } .item-navigator-view-settings .layout-representation .container { background: var(--md-sys-color-primary-container); } .item-navigator-view-settings .paginate { display: flex; flex-direction: row; gap: 1.5rem; padding-right: 0.5rem; align-items: center; justify-content: space-between; } .x-selmodel-checkbox.with-additional-controls { pointer-events: none !important; z-index: 9999 !important; overflow: visible !important; } .x-selmodel-checkbox.with-additional-controls .x-btn.item-context-menu, .x-selmodel-checkbox.with-additional-controls .x-btn.add-child-inline, .x-selmodel-checkbox.with-additional-controls svg.drag-icon { visibility: hidden; } .x-selmodel-checkbox.with-additional-controls svg.drag-icon.disabled { opacity: 0.5; } .x-selmodel-checkbox.with-additional-controls .x-btn.item-context-menu, .x-selmodel-checkbox.with-additional-controls .x-btn.add-child-inline:not(.disabled), .x-selmodel-checkbox.with-additional-controls svg.drag-icon, .x-selmodel-checkbox.with-additional-controls .x-grid-checkcolumn { pointer-events: all !important; } .x-selmodel-checkbox.with-additional-controls .x-btn-icon-el.x-btn-icon-el-default-small:hover { color: var(--md-sys-color-secondary-highest) !important; } .x-selmodel-checkbox.with-additional-controls .x-btn.button-icon-x-small { height: 1.25rem !important; padding: 0.125rem !important; } .x-selmodel-checkbox.with-additional-controls .x-btn.button-icon-x-small:hover { background-color: var(--md-sys-color-surface-highest); } .x-selmodel-checkbox.with-additional-controls .x-grid-cell-inner { display: inline-flex; align-items: center; vertical-align: middle; justify-content: left; padding-left: 1.75rem !important; padding-right: 0px !important; overflow: visible !important; gap: 0.25rem; } .x-selmodel-checkbox.with-additional-controls .x-grid-checkcolumn { display: inline-block !important; } .x-selmodel-checkbox.with-additional-controls svg.drag-icon { overflow: visible; } .x-selmodel-checkbox.with-additional-controls .x-btn.button-icon-x-small { overflow: visible !important; } .itemNavigatorGrid.itemList-flatGridView .x-grid-cell.x-grid-td.with-additional-controls.x-selmodel-checkbox .x-grid-cell-inner, .itemNavigatorGrid.itemList-itemRelationsView .x-grid-cell.x-grid-td.with-additional-controls.x-selmodel-checkbox .x-grid-cell-inner { padding-left: 0.75rem !important; } .itemNavigatorGrid.itemList-sprintView .x-grid-cell.x-grid-td.with-additional-controls.x-selmodel-checkbox .x-grid-cell-inner, .itemNavigatorGrid.itemList-wbsGridView .x-grid-cell.x-grid-td.with-additional-controls.x-selmodel-checkbox .x-grid-cell-inner, .itemNavigatorGrid.itemList-ganttView .x-grid-cell.x-grid-td.with-additional-controls.x-selmodel-checkbox .x-grid-cell-inner { padding-left: 0.25rem !important; } .itemNavigatorGrid.itemList-sprintView .x-progress-default .x-progress-bar-default { background: var(--ag-color-green-light); } .x-grid-with-row-lines .x-grid-item-over svg.drag-icon { cursor: grab; } .x-grid-with-row-lines .x-grid-item-over span.x-grid-checkcolumn, .x-grid-with-row-lines .x-grid-item-over svg.item-context-menu, .x-grid-with-row-lines .x-grid-item-over svg.add-child-inline:not(.disabled) { cursor: pointer; } .x-grid-with-row-lines .x-grid-item-over .x-btn.item-context-menu, .x-grid-with-row-lines .x-grid-item-over .x-btn.add-child-inline, .x-grid-with-row-lines .x-grid-item-over svg.drag-icon { visibility: visible; } .x-grid-with-row-lines .x-grid-item-over .x-btn.add-child-inline.disabled { opacity: 0.25; } .x-btn.currentLayout.dirty-layout .x-btn-inner, .x-btn.currentLayout.adjusted-layout .x-btn-inner { font-style: italic; } .x-btn.currentLayout.dirty-layout .x-btn-inner:after, .x-btn.currentLayout.adjusted-layout .x-btn-inner:after { content: "*"; font-size: 1.125rem; font-family: auto; font-weight: bold; line-height: 1.125rem; display: inline-block; padding-left: 2px; } .x-btn.currentLayout.dirty-layout.read-only .x-btn-inner:after, .x-btn.currentLayout.adjusted-layout.read-only .x-btn-inner:after { color: var(--md-sys-color-error); } .x-btn.currentLayout.dirty-layout .x-btn-inner:after { color: var(--md-ctx-palette-primary30); } .x-btn.currentLayout.adjusted-layout .x-btn-inner { color: var(--md-sys-color-warning) !important; } .x-btn.currentLayout.adjusted-layout .x-btn-inner:after { color: var(--md-sys-color-warning); } .navigatorLayoutPicker.x-window.window-divider .x-window-body .treeNavigator { border-top: 1px solid var(--md-sys-color-outline-variant-lower); } .filterLayoutAssociation { display: flex; flex-direction: row; justify-content: flex-end; gap: 1.5rem; margin-bottom: 0.5rem; } .layoutAssignment { display: flex; justify-items: flex-start; } .layoutAssignment .svg-icon-layoutAssignment { width: 1.25rem; height: 1.25rem; display: flex; align-items: center; justify-content: center; } .layoutAssignment .svg-icon-layoutAssignment .svg-icon { width: 1rem; height: 1rem; } .item-navigator-top-toolbar .title { font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.009375rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; color: var(--ag-color-black) !important; } .item-navigator-top-toolbar .countItems .overflowWarningText { color: var(--md-ctx-palette-error50); } .x-grid .x-grid-item .item-row-archived .x-grid-cell-inner:not(.x-grid-checkcolumn-cell-inner) { color: var(--md-sys-color-outline) !important; font-style: italic; } .x-grid .x-grid-item .item-row-archived .x-grid-cell.x-selmodel-checkbox .x-grid-checkcolumn::after, .x-grid .x-grid-item .item-row-archived .x-grid-checkcolumn::after { color: var(--md-sys-color-outline) !important; } .x-grid .x-grid-item .item-row-archived .x-grid-cell-inner .field-link { color: var(--md-sys-color-outline) !important; } .x-grid .x-grid-item .item-row-archived .x-grid-cell-inner .field-link:hover { text-decoration: underline; } .x-grid .x-grid-item .item-row-deleted .x-grid-cell-inner:not(.x-grid-checkcolumn-cell-inner) { color: var(--md-sys-color-outline-lower) !important; font-style: italic; } .x-grid .x-grid-item .item-row-deleted .x-grid-cell.x-selmodel-checkbox .x-grid-checkcolumn::after, .x-grid .x-grid-item .item-row-deleted .x-grid-checkcolumn::after { color: var(--md-sys-color-outline-lower) !important; } .x-grid .x-grid-item .item-row-deleted .x-grid-cell-inner .field-link { color: var(--md-sys-color-outline-lower) !important; } .x-grid.itemList-linkNavigatorLeftView .x-grid-item .reportsTableLinkedItem .x-grid-cell-inner:not(.x-grid-checkcolumn-cell-inner) { color: var(--md-sys-color-blue-lower) !important; font-style: italic; } .x-grid.itemList-linkNavigatorLeftView .x-grid-item .reportsTableLinkedItem .x-grid-cell.x-selmodel-checkbox .x-grid-checkcolumn::after, .x-grid.itemList-linkNavigatorLeftView .x-grid-item .reportsTableLinkedItem .x-grid-checkcolumn::after { color: var(--md-sys-color-blue-lower) !important; } .westTreeNavigator table .x-grid-row .x-grid-cell-inner svg.svg-icon-sprint-active + .x-tree-node-text { font-weight: bold; color: var(--ag-color-black) !important; } .x-grid .x-grid-header-ct .x-column-header .gridLocalFilterText.x-item-disabled, .x-grid .x-grid-header-ct .x-column-header .gridLocalFilterBoolean.x-item-disabled, .x-grid .x-grid-header-ct .x-column-header .gridLocalFilterCombo.x-item-disabled, .x-grid .x-grid-header-ct .x-column-header .itemNavLocalFilterCombo.x-item-disabled { pointer-events: all; } .dense-compact .dashboardPercentGrid .x-grid-cell .list-column-symbol img, .dense-compact .dashboardPercentGrid .x-grid-cell .list-column-symbol svg, .dense-compact .dashboardGrid .x-grid-cell .list-column-symbol img, .dense-compact .dashboardGrid .x-grid-cell .list-column-symbol svg, .dense-compact .itemNavigatorGrid .x-grid-cell .list-column-symbol img, .dense-compact .itemNavigatorGrid .x-grid-cell .list-column-symbol svg, .dense-compact .itemNavigatorTreeGrid .x-grid-cell .list-column-symbol img, .dense-compact .itemNavigatorTreeGrid .x-grid-cell .list-column-symbol svg { width: 1rem; height: 1rem; } .dense-compact .dashboardPercentGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol img, .dense-compact .dashboardPercentGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol svg, .dense-compact .dashboardGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol img, .dense-compact .dashboardGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol svg, .dense-compact .itemNavigatorGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol img, .dense-compact .itemNavigatorGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol svg, .dense-compact .itemNavigatorTreeGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol img, .dense-compact .itemNavigatorTreeGrid .x-grid-cell.avatarCell.symbolOnly .x-grid-cell-inner .list-column-symbol svg { width: 1.25rem; height: 1.25rem; } .dense-compact .itemNavigatorGrid .x-grid-cell.styledCell:not(.symbolOnly) .x-grid-cell-inner, .dense-compact .itemNavigatorTreeGrid .x-grid-cell.styledCell:not(.symbolOnly) .x-grid-cell-inner { margin: 0.25rem 0.25rem; padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; padding-left: 0.75rem !important; } .dense-compact .itemNavigatorGrid .x-grid-cell.styledCell:not(.symbolOnly).editable:hover .x-grid-cell-inner:after, .dense-compact .itemNavigatorTreeGrid .x-grid-cell.styledCell:not(.symbolOnly).editable:hover .x-grid-cell-inner:after { top: 0.125rem; } .x-dd-drag-proxy.item-navigator-dd-drag-proxy { padding: 0.25rem; background-color: transparent; box-shadow: none; } .x-dd-drag-proxy.item-navigator-dd-drag-proxy .x-dd-drag-ghost { padding: 0; opacity: 1; } .x-dd-drag-proxy.item-navigator-dd-drag-proxy .x-dd-drop-icon { position: absolute; top: 0px; right: 0px; background-color: var(--ag-color-white); border-radius: 0.75rem; width: 1.25rem; height: 1.25rem; } .x-dd-drag-proxy.item-navigator-dd-drag-proxy .x-dd-drop-icon:before { position: absolute; top: -2px; left: 0; } .x-dd-drag-proxy.item-navigator-dd-drag-proxy.x-dd-drop-nodrop .item-drag-tooltip { border-color: var(--md-sys-color-error) !important; } .x-dd-drag-proxy.item-navigator-dd-drag-proxy.x-dd-drop-nodrop .x-dd-drop-icon, .x-dd-drag-proxy.item-navigator-dd-drag-proxy.x-dd-drop-nodrop div.x-dd-drop-icon { font-size: 1.25rem; line-height: 1.25rem; } .x-dd-drag-proxy.item-navigator-dd-drag-proxy.x-dd-drop-ok .item-drag-tooltip, .x-dd-drag-proxy.item-navigator-dd-drag-proxy.x-dd-drop-ok-add .item-drag-tooltip, .x-dd-drag-proxy.item-navigator-dd-drag-proxy.x-tree-drop-ok-append .item-drag-tooltip, .x-dd-drag-proxy.item-navigator-dd-drag-proxy.x-tree-drop-ok-above .item-drag-tooltip, .x-dd-drag-proxy.item-navigator-dd-drag-proxy.x-tree-drop-ok-below .item-drag-tooltip, .x-dd-drag-proxy.item-navigator-dd-drag-proxy.x-tree-drop-ok-between .item-drag-tooltip { border-color: var(--ag-color-green); } .x-dd-drag-proxy.item-navigator-dd-drag-proxy.x-dd-drop-ok div.x-dd-drop-icon, .x-dd-drag-proxy.item-navigator-dd-drag-proxy.x-dd-drop-ok-add div.x-dd-drop-icon, .x-dd-drag-proxy.item-navigator-dd-drag-proxy.x-tree-drop-ok-append div.x-dd-drop-icon, .x-dd-drag-proxy.item-navigator-dd-drag-proxy.x-tree-drop-ok-above div.x-dd-drop-icon, .x-dd-drag-proxy.item-navigator-dd-drag-proxy.x-tree-drop-ok-below div.x-dd-drop-icon, .x-dd-drag-proxy.item-navigator-dd-drag-proxy.x-tree-drop-ok-between div.x-dd-drop-icon { font-size: 1.25rem; line-height: 1.25rem; } .x-dd-drag-proxy.item-navigator-dd-drag-proxy .item-drag-tooltip-wrapper { padding: 0 0 0 0 !important; box-shadow: none !important; background-color: transparent !important; z-index: 10000; } .x-dd-drag-proxy.item-navigator-dd-drag-proxy .item-drag-tooltip-wrapper .item-icon .list-icon { max-width: 1.25rem !important; } .x-dd-drag-proxy.item-navigator-dd-drag-proxy .item-drag-tooltip { background-color: var(--md-sys-color-surface-high); border-radius: 0.25rem; padding: 0.5rem 1rem 0.5rem 0.5rem; border-width: 1px; border-style: solid; } .item-drag-tooltip { display: flex; flex-direction: column; gap: 0.25rem; } .item-drag-tooltip .item-drag-tooltip-msg { color: var(--md-sys-color-success); } .item-drag-tooltip .item-drag-tooltip-more { color: var(--md-sys-color-on-surface-variant); } .item-drag-tooltip .item-drag-tooltip-msg, .item-drag-tooltip .item-drag-tooltip-more { font-style: italic; } .item-drag-tooltip .item-drag-tooltip-row { display: flex; flex-direction: row; gap: 0.25rem; padding: 0 0.125rem 0 0; align-items: start; justify-items: center; max-width: 320px; } .item-drag-tooltip .item-drag-tooltip-row .item-drag-tooltip-item-no { font-weight: bold; } .item-drag-tooltip .item-drag-tooltip-row .item-drag-tooltip-item-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .x-dd-drop-nodrop .item-drag-tooltip .item-drag-tooltip-msg { color: var(--md-sys-color-error); } .massOperationCheck { width: 2.5rem; margin-right: 0.25rem; } .massOperation-value { margin-left: 1rem; margin-right: 1rem; } .massOperation-value-container { display: flex; gap: 0.25rem; flex-direction: row; align-items: start; justify-content: center; } .massOperation-value-container .x-btn { margin-top: 0.5rem; } .massOperation-release-container { display: flex; flex-direction: column; align-items: start; justify-content: center; } .itemPickerSetter-container { display: flex; gap: 0.25rem; flex-direction: row; align-items: start; justify-content: start; } .itemPickerSetter-container .x-btn { margin-top: 0.5rem; } /** Allegra specific */ .agXSmall-fixed { width: 140px !important; } .agXSmall-fixed label.x-form-item-label { max-width: 140px; } .agSmall-min { min-width: 240px !important; } .agMedium-fixed { width: 312px !important; } .agMedium-fixed label.x-form-item-label { max-width: 312px; } .agMedium-min { min-width: 320px !important; } .agMedium-max { max-width: 320px !important; } .agLarge-max { min-width: 320px !important; max-width: 420px !important; } .ag-xlarge-max { max-width: 520px !important; } .ag-xlarge-max.x-grid .x-grid-header-ct, .ag-xlarge-max.x-grid .x-grid-body, .ag-xlarge-max.x-grid .x-grid-item-container { max-width: 520px !important; } .agLarge-fixed { width: 420px !important; } .ag-number-small { width: 112px; } .ag-number-medium { width: 152px; } @media (max-width: 600px) { .ag-number-medium { width: 148px; } } .ag-time-unit { width: 152px; } @media (max-width: 600px) { .ag-time-unit { width: 140px; } } .ag-date-medium { max-width: 312px; min-width: 152px; } .x-field-container-body-vertical .ag-time-unit { margin-left: 8px; } .x-field.headerTextField.x-form-type-text, .x-field.headerTextField.x-form-type-password { margin-bottom: 1.5rem; } .x-field.headerTextField.x-form-type-text .x-form-text-default, .x-field.headerTextField.x-form-type-text .x-form-display-field, .x-field.headerTextField.x-form-type-password .x-form-text-default, .x-field.headerTextField.x-form-type-password .x-form-display-field { font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.03125rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .dense-compact .x-field.headerTextField.x-form-type-text, .dense-compact .x-field.headerTextField.x-form-type-password { margin-bottom: 1.25rem; } .dense-compact .x-field.headerTextField.x-form-type-text .x-form-text-default, .dense-compact .x-field.headerTextField.x-form-type-text .x-form-display-field, .dense-compact .x-field.headerTextField.x-form-type-password .x-form-text-default, .dense-compact .x-field.headerTextField.x-form-type-password .x-form-display-field { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .x-form-text-field-body-default { min-width: unset !important; } .allow-selection .x-field, .x-field.allow-selection { -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text; } .allow-selection .x-fieldset .x-fieldset-header > .x-fieldset-header-text, .allow-selection .x-fieldset .x-fieldset-header-default > .x-fieldset-header-text, .allow-selection.x-fieldset .x-fieldset-header > .x-fieldset-header-text, .allow-selection.x-fieldset .x-fieldset-header-default > .x-fieldset-header-text { -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text; } .field-decorator-container { display: flex; } .field-decorator-container .x-field { flex: 1; } .field-decorator-container .right-field-decoration { position: absolute; right: 1rem; } .x-field.x-form-type-text.field-inlineEdit-longString .x-form-display-field-body { min-height: 80px !important; } .x-field.x-form-type-text .x-form-display-field-body .x-form-display-field-default b { display: contents; } .x-field.body-small.x-form-type-checkbox .x-form-cb-label-default { font-family: RobotoFlex; font-size: 0.75rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; line-height: 1.25rem; } .ag-field-container { display: flow-root; } .ag-field-container .ag-field-container-containerEl { display: flex; flex-direction: row; gap: 0.5rem; align-items: start; } .ag-field-container .ag-field-container-containerEl .ag-field-container-flex-field { flex: 1; } .ag-field-container .ag-field-container-containerEl .x-btn { margin-top: 1rem; } .dense-compact .ag-field-container .ag-field-container-containerEl .x-btn { margin-top: 0.5rem; } .ag-time-field { width: 6.5rem; } .x-field.x-form-type-text.no-wrap-text-field .x-form-display-field { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .x-field.x-form-type-text.textareafield .x-form-trigger-wrap, .x-field.x-form-type-text.textareafield .x-form-trigger-wrap-default { padding-right: 0 !important; } .x-field.x-form-type-text.textareafield .x-form-text-default { padding-right: 0.375rem; } .wizard-tile.x-item-over, .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .dndFileViewer .dndViewFileItemWrapper, .elevation-1 { box-shadow: 0px 1px 2px var(--ag-color-box-shadow-alpha-10), 0px 1px 3px var(--ag-color-box-shadow-alpha-05); } .mega-menu, .customPicker, .x-dd-drag-proxy.taskboard-dd-drag-proxy.taskboard-dd-drag-proxy-multiple .drag-wrapper-multipleCards .drag-backCard, .taskboardGroup .taskboardColumnBody .itemCard, .screenDesigner.screenDesigner-cardScreen .cardScreenPanel, .designer-field-dnd-proxy, .x-window.window-no-header, .actionLinksView .actionLinkItem, .itemNavDnDWrapper, .x-panel.floating-panel, .elevation-2 { box-shadow: 0px 1px 2px var(--ag-color-box-shadow-alpha-15), 0px 2px 6px var(--ag-color-box-shadow-alpha-10); } .x-dd-drag-proxy.taskboard-dd-drag-proxy .drag-card, .screenDesigner .entityScreenComponent.entityScreenField.dashboardScreenField, .dashboardView .dashboardField, .dashboardProjectView .dashboardField, .x-dd-drag-proxy.item-navigator-dd-drag-proxy .item-drag-tooltip, .elevation-3 { box-shadow: 0px 1px 3px var(--ag-color-box-shadow-alpha-15), 0px 4px 8px var(--ag-color-box-shadow-alpha-10); } .tribute-container, .fr-box a.fr-floating-btn, .fr-qi-helper a.fr-btn.fr-floating-btn, .fr-command.fr-btn.fr-active + .fr-dropdown-menu, .fr-popup, .fr-modal .fr-modal-wrapper, .elevation-4 { box-shadow: 0px 6px 10px var(--ag-color-box-shadow-alpha-05), 0px 2px 3px var(--ag-color-box-shadow-alpha-10); } .logon-view .login-form, .elevation-5 { box-shadow: 0px 8px 12px var(--ag-color-box-shadow-alpha-05), 0px 4px 4px var(--ag-color-box-shadow-alpha-10); } .container-minPadding { padding: 1rem; } .container-base { padding: 1rem 1rem 0 1rem; } .container-base-top { padding-top: 1rem; } .container-base-no-space-top { padding: 0 1rem 1rem 1rem; } .container-compact-no-space-left { padding: 1rem 1rem 1rem 0; } .no-spacing-lateral, .container-base .no-spacing-lateral { padding-left: 0 !important; padding-right: 0 !important; } .container-compact { padding: 1rem 1rem 1rem 1rem; } .container-compact.container-with-input-field { padding-top: 0.5rem; } .container-tab { padding-top: 1rem; } .container-tab .container-with-input-field, .container-base .container-with-input-field, .container-with-input-field { padding-top: 1rem; } .container-tab .container-with-section, .container-base .container-with-section, .container-with-section { padding-top: 1rem; } .container-space-bottom { padding-bottom: 1rem !important; } /* default panel*/ .container-topMargin { margin-top: 2rem !important; } .dense-compact { /* default panel*/ } .dense-compact .container-tab { padding-top: 0.75rem; } .dense-compact .container-tab .container-with-input-field, .dense-compact .container-base .container-with-input-field, .dense-compact .container-with-input-field { padding-top: 0.75rem; } .dense-compact .container-tab .container-with-section, .dense-compact .container-base .container-with-section, .dense-compact .container-with-section { padding-top: 0.75rem; } .dense-compact .container-space-bottom { padding-bottom: 0.75rem !important; } .dense-compact .container-topMargin { margin-top: 1.5rem !important; } /** * * TABLE LAYOUT * **/ .table-layout-1-column { min-width: 17rem; } .table-layout-1-column > table.x-table-layout { min-width: 17rem; max-width: 28rem; } .table-layout-1-column .x-panel-body > table.x-table-layout { min-width: 17rem; max-width: 28rem; } .table-layout-1-column .x-panel-body { min-width: 100%; } .table-layout-1-column.x-fieldset .x-fieldset-body > table.x-table-layout { min-width: 17rem; max-width: 28rem; } .table-layout-1-column.x-fieldset .x-fieldset-body { min-width: 100%; } .table-layout-2-column { min-width: 34rem; } .table-layout-2-column > table.x-table-layout { min-width: 34rem; max-width: 56rem; } .table-layout-2-column .x-panel-body > table.x-table-layout { min-width: 34rem; max-width: 56rem; } .table-layout-2-column .x-panel-body { min-width: 100%; } .table-layout-2-column.x-fieldset .x-fieldset-body > table.x-table-layout { min-width: 34rem; max-width: 56rem; } .table-layout-2-column.x-fieldset .x-fieldset-body { min-width: 100%; } .table-layout-min-2-column { min-width: 34rem; } .table-layout-min-2-column > table.x-table-layout { min-width: 34rem; } .table-layout-min-2-column .x-panel-body > table.x-table-layout { min-width: 34rem; } .table-layout-min-2-column .x-panel-body { min-width: 100%; } .table-layout-min-2-column.x-fieldset .x-fieldset-body > table.x-table-layout { min-width: 34rem; } .table-layout-min-2-column.x-fieldset .x-fieldset-body { min-width: 100%; } .table-layout-3-column { min-width: 51rem; } .table-layout-3-column > table.x-table-layout { min-width: 51rem; max-width: 84rem; } .table-layout-3-column .x-panel-body > table.x-table-layout { min-width: 51rem; max-width: 84rem; } .table-layout-3-column .x-panel-body { min-width: 100%; } .table-layout-3-column.x-fieldset .x-fieldset-body > table.x-table-layout { min-width: 51rem; max-width: 84rem; } .table-layout-3-column.x-fieldset .x-fieldset-body { min-width: 100%; } .table-layout-4-column { min-width: 68rem; } .table-layout-4-column > table.x-table-layout { min-width: 68rem; max-width: 112rem; } .table-layout-4-column .x-panel-body > table.x-table-layout { min-width: 68rem; max-width: 112rem; } .table-layout-4-column .x-panel-body { min-width: 100%; } .table-layout-4-column.x-fieldset .x-fieldset-body > table.x-table-layout { min-width: 68rem; max-width: 112rem; } .table-layout-4-column.x-fieldset .x-fieldset-body { min-width: 100%; } .table-layout-5-column { min-width: 85rem; } .table-layout-5-column > table.x-table-layout { min-width: 85rem; max-width: 140rem; } .table-layout-5-column .x-panel-body > table.x-table-layout { min-width: 85rem; max-width: 140rem; } .table-layout-5-column .x-panel-body { min-width: 100%; } .table-layout-5-column.x-fieldset .x-fieldset-body > table.x-table-layout { min-width: 85rem; max-width: 140rem; } .table-layout-5-column.x-fieldset .x-fieldset-body { min-width: 100%; } table.x-table-layout td.x-table-layout-cell { padding-left: 1rem; padding-right: 1rem; } table.x-table-layout td.x-table-layout-cell:first-child { padding-left: 0px; } table.x-table-layout td.x-table-layout-cell.cell-last, table.x-table-layout td.x-table-layout-cell:last-child { padding-right: 0px; } table.x-table-layout td.x-table-layout-cell.reserve-right-space { padding-right: 1rem !important; } .container-compact-spacing table.x-table-layout td.x-table-layout-cell, .container-compact-spacing-horizontal table.x-table-layout td.x-table-layout-cell { padding-left: 0.5rem; padding-right: 0.5rem; } .container-compact-spacing table.x-table-layout td.x-table-layout-cell:first-child, .container-compact-spacing-horizontal table.x-table-layout td.x-table-layout-cell:first-child { padding-left: 0px; } .container-compact-spacing table.x-table-layout td.x-table-layout-cell.cell-last, .container-compact-spacing table.x-table-layout td.x-table-layout-cell:last-child, .container-compact-spacing-horizontal table.x-table-layout td.x-table-layout-cell.cell-last, .container-compact-spacing-horizontal table.x-table-layout td.x-table-layout-cell:last-child { padding-right: 0px; } .container-compact-spacing table.x-table-layout td.x-table-layout-cell.reserve-right-space, .container-compact-spacing-horizontal table.x-table-layout td.x-table-layout-cell.reserve-right-space { padding-right: 0.5rem !important; } .container-compact-spacing table.x-table-layout td.x-table-layout-cell.cell-btn-img, .container-compact-spacing-horizontal table.x-table-layout td.x-table-layout-cell.cell-btn-img { padding-left: 0px; padding-left: 0px; } .x-form-fieldcontainer table.x-table-layout td.x-table-layout-cell { padding-left: 0.25rem; padding-right: 0.25rem; } .x-form-fieldcontainer table.x-table-layout td.x-table-layout-cell:first-child { padding-left: 0px; } .x-form-fieldcontainer table.x-table-layout td.x-table-layout-cell.cell-last, .x-form-fieldcontainer table.x-table-layout td.x-table-layout-cell:last-child { padding-right: 0px; } .x-form-fieldcontainer table.x-table-layout td.x-table-layout-cell.reserve-right-space { padding-right: 4px !important; } .x-form-fieldcontainer table.x-table-layout td.x-table-layout-cell.cell-btn-img { padding-left: 0px; padding-left: 0px; } .x-form-fieldcontainer.dateTimeFieldContainer { margin-bottom: 0 !important; } .container-compact-spacing .x-form-checkboxgroup { margin-bottom: 0 !important; padding-top: 0 !important; } .container-no-spacing .x-form-checkboxgroup { margin-bottom: 0 !important; padding-top: 0 !important; } .container-no-spacing .x-field.x-form-type-text, .container-no-spacing .x-field.x-form-type-password, .container-no-spacing .x-field.x-form-type-checkbox, .container-no-spacing .x-field.x-form-type-radio { margin-top: 0; margin-bottom: 0; } .x-table-layout-fullWidth table.x-table-layout { width: 100%; } .x-table-layout-3-columns table.x-table-layout td { width: 33.33%; } .x-table-layout-3-columns table.x-table-layout td.colspan-2 { width: 66.66%; } .x-table-layout-fixed table.x-table-layout { table-layout: fixed; } table.x-table-layout tr { vertical-align: top; } table.x-table-layout td.cell-20 { width: 20%; } table.x-table-layout td.cell-40 { width: 40%; } table.x-table-layout td.cell-50 { width: 50%; } table.x-table-layout td.cell-100 { width: 100%; } table.x-table-layout td.align-middle { vertical-align: middle; } table.x-table-layout td.cell-medium { width: 298px; } table.x-table-layout td.cell-small { width: 120px; } table.x-table-layout td.cell-hidden { width: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } table.x-table-layout td.cell-time { width: 6rem; } table.x-table-layout td.cell-btn, table.x-table-layout td.cell-btn-img { padding-top: 0.875rem; } table.x-table-layout td.cell-pill-progress { width: 100px; padding-left: 0px; padding-left: 0px; } table.x-table-layout td.cell-btn-img { width: 1.75rem; padding-left: 0px; padding-left: 0px; } table.x-table-layout td.cell-no-paddingLeft { padding-left: 0 !important; } table.x-table-layout td.cell-checkbox { width: 2rem; padding-left: 0px; padding-left: 0px; } table.x-table-layout td.align-radiogroup { vertical-align: bottom; } table.x-table-layout td.align-radiogroup .x-field.x-form-type-text { margin-bottom: 20px !important; } .helpWrapperComponent.ag-xx-small { width: 7.75rem !important; } .helpWrapperComponent.ag-xx-small .x-field { width: 5.5rem; } .helpWrapperComponent.ag-xx-small .x-field label.x-form-item-label { max-width: 5.5rem; } .helpWrapperComponent.ag-xx-small-max { width: 7.75rem !important; } .helpWrapperComponent.ag-xx-small-max .x-field { width: 5.5rem; } .helpWrapperComponent.ag-xx-small-max .x-field label.x-form-item-label { max-width: 5.5rem; } .helpWrapperComponent.ag-x-small { width: 11rem !important; } .helpWrapperComponent.ag-x-small .x-field { width: 8.75rem; } .helpWrapperComponent.ag-x-small .x-field label.x-form-item-label { max-width: 8.75rem; } .helpWrapperComponent.ag-small { width: 14.25rem !important; } .helpWrapperComponent.ag-small .x-field { width: 12rem; } .helpWrapperComponent.ag-small .x-field label.x-form-item-label { max-width: 12rem; } .helpWrapperComponent.ag-medium { width: 21.75rem !important; } .helpWrapperComponent.ag-medium .x-field { width: 19.5rem; } .helpWrapperComponent.ag-medium .x-field label.x-form-item-label { max-width: 19.5rem; } .helpWrapperComponent.ag-large { width: 29.25rem !important; } .helpWrapperComponent.ag-large .x-field { width: 27rem; } .helpWrapperComponent.ag-large .x-field label.x-form-item-label { max-width: 27rem; } .helpWrapperComponent.ag-x-large { width: 35.75rem !important; } .helpWrapperComponent.ag-x-large .x-field { width: 33.5rem; } .helpWrapperComponent.ag-x-large .x-field label.x-form-item-label { max-width: 33.5rem; } .helpWrapperComponent.ag-xx-large { width: 43.25rem !important; } .helpWrapperComponent.ag-xx-large .x-field { width: 41rem; } .helpWrapperComponent.ag-xx-large .x-field label.x-form-item-label { max-width: 41rem; } .helpWrapperComponent table.x-table-layout td.x-table-layout-cell { padding-right: 0.25rem; } .helpWrapperComponent table.x-table-layout td.x-table-layout-cell.cell-last, .helpWrapperComponent table.x-table-layout td.x-table-layout-cell:last-child { padding-right: 0px; } .helpWrapperComponent.info-box-open .x-field { margin-bottom: 0.25rem !important; } .helpWrapperComponent.info-box-open .x-field.x-form-invalid { margin-bottom: 1.45rem !important; } .wrapperComponent table.x-table-layout td.x-table-layout-cell { padding-right: 4px; } .wrapperComponent table.x-table-layout td.x-table-layout-cell.cell-last, .wrapperComponent table.x-table-layout td.x-table-layout-cell:last-child { padding-right: 0px; } .infoBox, .infoBox_bottomBorder, .infoBox1, .infoBox2, .infoBox3 { padding: 0.625rem 1rem; background-color: var(--md-sys-color-surface-variant-lowest); box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant-lower); color: var(--md-sys-color-secondary); font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.00625rem; text-decoration: none; text-transform: inherit; margin: 0.25rem 0 1rem 0 !important; border-radius: 0.25rem; } .infoBox.infoBox-no-margin, .infoBox_bottomBorder.infoBox-no-margin, .infoBox1.infoBox-no-margin, .infoBox2.infoBox-no-margin, .infoBox3.infoBox-no-margin { margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding-left: 2.75rem !important; } .infoBox.infoBox-no-margin:before, .infoBox_bottomBorder.infoBox-no-margin:before, .infoBox1.infoBox-no-margin:before, .infoBox2.infoBox-no-margin:before, .infoBox3.infoBox-no-margin:before { content: ""; width: 1.25rem; height: 1.25rem; background-image: url(../images/svg/other/info.svg); background-size: 100%; background-position: center center; display: block; position: absolute; left: 1rem; top: 0.625rem; z-index: 1; } .infoBox { border-radius: 0.25rem; margin-bottom: 2rem; } .infoBox_bottomBorder { border-bottom: 1px solid var(--md-sys-color-outline-variant-lower); margin-bottom: 2rem; } .infoBox1 { margin: 0 0 0 0; } .infoBox3 { margin-bottom: 2rem; } .warning-box { font-size: 0.8125rem; padding: 14px 16px; border: 1px solid var(--md-sys-color-tertiary-light); background: var(--md-sys-color-tertiary-container); color: var(--md-sys-color-error); margin-bottom: 16px; border-radius: 0.25rem; } /* field set */ .x-fieldset.authorInfo { margin-top: 1rem; } .x-fieldset.authorInfo .x-fieldset-body { padding-top: 0.5rem !important; } .x-fieldset.moreSpace { margin-top: 1.875rem; } .x-fieldset.x-fieldset-reduced-top-space { padding-top: 0px; } .x-fieldset.x-fieldset-reduced-top-space .x-fieldset-body { padding-top: 0px !important; } /* ---------------------------------------------------------------------------------------------------------------------- */ /** *---------------------------------------------------------------------------------------------------------------------- * * Grid style * *---------------------------------------------------------------------------------------------------------------------- **/ .x-grid .x-grid-header-ct .x-column-header .gridLocalFilterText, .x-grid .x-grid-header-ct .x-column-header .gridLocalFilterBoolean, .x-grid .x-grid-header-ct .x-column-header .gridLocalFilterCombo { border-width: 1px 0 0 0; border-top: 1px solid var(--md-sys-color-outline-variant-lower); padding-right: 1px; } .x-grid .x-grid-header-ct .x-column-header .gridLocalFilterText.show-search-icon.x-field.x-form-type-text .x-form-trigger-wrap:after, .x-grid .x-grid-header-ct .x-column-header .gridLocalFilterText.show-search-icon.x-field.x-form-type-text .x-form-trigger-wrap-default:after, .x-grid .x-grid-header-ct .x-column-header .gridLocalFilterBoolean.show-search-icon.x-field.x-form-type-text .x-form-trigger-wrap:after, .x-grid .x-grid-header-ct .x-column-header .gridLocalFilterBoolean.show-search-icon.x-field.x-form-type-text .x-form-trigger-wrap-default:after, .x-grid .x-grid-header-ct .x-column-header .gridLocalFilterCombo.show-search-icon.x-field.x-form-type-text .x-form-trigger-wrap:after, .x-grid .x-grid-header-ct .x-column-header .gridLocalFilterCombo.show-search-icon.x-field.x-form-type-text .x-form-trigger-wrap-default:after { content: "\e8b6"; font-family: "Material Icons", "Font Awesome 5 Free"; color: var(--md-sys-color-outline-variant) !important; font-size: 1.25rem; line-height: 1.25rem; width: 1.25rem; float: right; position: absolute; right: 0.25rem; top: 0.625rem; } .x-grid-item .x-grid-cell-inner .x-tree-icon.svg-icon.svg-icon-video { fill: #ff0000; } .x-grid-item .x-grid-cell-inner .x-tree-icon-right { margin-left: 0.25rem; } .x-grid-item .x-grid-cell.col-ctxMenu .x-grid-cell-inner.x-grid-cell-inner-treecolumn { padding-right: 2rem !important; } .x-grid-item .x-grid-cell.col-ctxMenu .x-grid-cell-inner.x-grid-cell-inner-treecolumn .tree-icon-ctx-menu { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0.375rem; right: 0.375rem; width: 1.5rem; height: 1.5rem; opacity: 0; border-radius: 50%; color: var(--md-sys-color-on-surface); } .x-grid-item .x-grid-cell.col-ctxMenu .x-grid-cell-inner.x-grid-cell-inner-treecolumn .tree-icon-ctx-menu:before { width: 100%; height: 100%; content: ""; display: block; opacity: 0; box-sizing: content-box; position: absolute; top: 0; left: 0; border-radius: 50%; background-color: var(--md-sys-color-primary-alpha-12); } .x-grid-item .x-grid-cell.col-ctxMenu .x-grid-cell-inner.x-grid-cell-inner-treecolumn .tree-icon-ctx-menu:hover:before { opacity: 1; } .x-grid-item .x-grid-cell.col-ctxMenu .x-grid-cell-inner.x-grid-cell-inner-treecolumn .tree-icon-ctx-menu svg.svg-icon { width: 1rem; height: 1rem; } .x-grid-item.x-grid-item-selected .x-grid-cell.col-ctxMenu .x-grid-cell-inner.x-grid-cell-inner-treecolumn .tree-icon-ctx-menu, .x-grid-item.x-grid-item-over .x-grid-cell.col-ctxMenu .x-grid-cell-inner.x-grid-cell-inner-treecolumn .tree-icon-ctx-menu { opacity: 1 !important; } .x-grid-item .x-grid-cell-inner .x-grid-icon .svg-icon { color: var(--md-sys-color-on-surface); width: 1.25rem; height: 1.25rem; } .x-grid-item .x-grid-cell-inner .x-grid-icon .dynamic-icon { width: 1.25rem; height: 1.25rem; } .tree-outlined { border: 1px solid var(--md-sys-color-outline-variant-lower) !important; } .x-autowidth-table.tree-hidden-horizontal .x-grid-item { max-width: 100% !important; width: 100% !important; table-layout: fixed; } /** *---------------------------------------------------------------------------------------------------------------------- **/ /** *---------------------------------------------------------------------------------------------------------------------- * * Panel style * *---------------------------------------------------------------------------------------------------------------------- **/ .x-panel.panel-with-header-svg-icon .x-panel-header .x-panel-header-title-default .x-title-text { display: flex; flex-direction: row; align-items: center; } .x-panel.panel-with-header-svg-icon .x-panel-header .x-panel-header-title-default .svg-icon { width: 1.25rem; height: 1.25rem; margin-right: 1rem; fill: currentColor; color: var(--md-sys-color-on-surface); } .x-toolbar.reduce-spacing .x-btn, .x-toolbar-default.reduce-spacing .x-btn { margin-right: 0.125rem; } .x-toolbar.reduce-spacing .x-btn.x-box-menu-after, .x-toolbar-default.reduce-spacing .x-btn.x-box-menu-after { margin-right: 0.5rem; } .headline-toolbar { padding-right: 0 !important; } .splitViewContainer.split-south { border-top: 1px solid var(--md-sys-color-outline-variant-lower) !important; height: 50%; } .splitViewContainer.split-east { border-left: 1px solid var(--md-sys-color-outline-variant-lower) !important; width: 50%; } .x-form-fieldcontainer.compact-field-container { margin-bottom: 2rem; } .x-form-fieldcontainer.compact-field-container .x-field.x-form-type-text { margin-bottom: 0; } .x-form-fieldcontainer.compact-field-container .x-form-error-wrap-default { overflow: hidden; margin-bottom: -1rem; display: block; height: 1rem; line-height: 4px; position: absolute; } .container-compact-spacing .x-form-fieldcontainer.compact-field-container { margin-bottom: 1rem; } .x-fieldset.invalid-section { border-color: var(--md-sys-color-error-12) !important; } .x-fieldset.invalid-section .x-fieldset-header > .x-fieldset-header-text { color: var(--md-sys-color-error) !important; } .x-fieldset.invalid-section .x-fieldset-header-tool-default > .x-tool-toggle::before { color: var(--md-sys-color-error) !important; } .x-fieldset.invalid-section.x-fieldset-collapsed .x-fieldset-header-tool-default > .x-tool-toggle::before { color: var(--md-sys-color-error) !important; } .x-panel.floating-panel { border-radius: 0.25rem; background: linear-gradient(0deg, var(--md-sys-color-primary-alpha-08), var(--md-sys-color-primary-alpha-08)), linear-gradient(0deg, var(--md-sys-color-surface), var(--md-sys-color-surface)); color: var(--md-sys-color-on-surface); max-height: 100%; } .x-panel.floating-panel .x-panel-header, .x-panel.floating-panel .x-panel-body { background: linear-gradient(0deg, var(--md-sys-color-primary-alpha-08), var(--md-sys-color-primary-alpha-08)), linear-gradient(0deg, var(--md-sys-color-surface), var(--md-sys-color-surface)); color: var(--md-sys-color-on-surface); } .x-panel.floating-panel .group-info { width: 360px; } .x-panel.floating-panel .menu-group-title { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; font-weight: 550; margin-bottom: 0.5rem; padding: 0 12px; display: flex; } .x-panel.floating-panel .menu-group-title .svg-icon { width: 1.25rem; height: 1.25rem; margin-right: 0.5rem; } .x-panel.floating-panel .menu-group-description { margin-bottom: 8px; padding: 0 12px; } .x-panel.floating-panel .generic-info { margin-bottom: 8px; } .legend-layout { display: flex; margin-top: 0.5rem; } .legend-layout .legend-layout-item { display: flex; margin-right: 1rem; } .legend-layout .legend-layout-item .svg-icon { width: 1.25rem; height: 1.25rem; margin-right: 1.25rem; } .legend-layout .legend-layout-item.actual-layout { font-weight: 550; } .workflowAccordion .x-grid .x-grid-body { border-top-width: 0 !important; } .workflowAccordion .x-accordion-item.x-panel .x-grid-header-ct { border-width: 1px 0 1px 0 !important; } .x-grid.grid-no-column-lines .x-grid-header-ct .x-column-header, .x-grid.grid-no-column-lines .x-column-header-last, .x-grid.grid-no-column-lines .x-grid-with-col-lines .x-grid-cell { border-right-width: 0 !important; } .thumbnail-icon .svg-icon { width: 8.75rem; height: 8.75rem; } .small-status-bar { padding: 4px 8px; color: var(--md-sys-color-outline-variant-lower); } .entity-template-picker-view { padding: 0.5rem; } .listview-item { margin: 1rem 0; border-radius: 0.5rem; border: 1px solid transparent; } .listview-item:first-child { margin-top: 0; } .listview-item .card-title { display: block; font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.03125rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; padding: 0.25rem 1rem 0.25rem 1rem; } .listview-item .card-text { display: block; padding: 0.25rem 1rem; } .listview-item .card-caption { display: block; font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; padding: 6px 1rem; font-style: italic; } .listview-item .card-caption .repository-label { font-style: normal; font-weight: 500; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; flex-shrink: 0; } .listview-item .card-caption .repository-path { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .listview-item.repository-4 .card-caption .repository-label { font-weight: 510; } .listview-item.card-view { border: 1px solid var(--md-sys-color-outline-variant-lower); margin: 0.5rem 0; } .listview-item.card-view .card-caption { border-bottom: 1px solid var(--md-sys-color-outline-variant-lower); display: flex; gap: 0.25rem; align-items: center; word-wrap: anywhere; } .listview-item.card-view .card-caption .repositoryLabel { word-wrap: break-word; } .listview-item.card-view .card-caption .svg-icon { width: 1rem; height: 1rem; flex-shrink: 0; } .listview-item.list-item-over { border-color: var(--md-sys-color-outline-variant) !important; } .listview-item.x-item-selected { background-color: var(--md-sys-color-primary-alpha-05) !important; } .highlight-hit { background-color: var(--ag-color-warn); font-weight: 550; } body > .x-mask.transparent-mask, .x-mask.transparent-mask { background-image: none; background-color: transparent !important; } body > .x-mask.semi-transparent-mask, .x-mask.semi-transparent-mask { background-image: none; background-color: var(--md-sys-color-surface) !important; opacity: 0.3; } .compact-flex-field-container { display: flex; gap: 1rem; flex-direction: row; } .compact-flex-field-container .flex-field { flex: 1; } .compact-flex-field-container.ag-large { width: 27rem !important; } .rounded-small { border-radius: 0.25rem; } .rounded-medium { border-radius: 0.5rem; } .search-container { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; margin: 0.5rem 0 1.5rem 0; max-width: 53rem; } .search-container .x-field { margin: 0 !important; flex: 1; } .checkboxes-container-horizontal { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 0.5rem; align-items: start; justify-items: center; } .cellEditorCompositeContainer { display: flex; flex-direction: row; gap: 0.25rem; } .cellEditorCompositeContainer > * { flex: 1; } .cellEditorCompositeContainer .x-field.x-form-type-text .x-form-text-default, .cellEditorCompositeContainer .x-field.x-form-type-password .x-form-text-default { padding-right: 0.5rem !important; padding-left: 0.5rem !important; text-overflow: ellipsis; } .cellEditorCompositeContainer .firstCompositePart.x-field.x-form-type-text .x-form-text-default, .cellEditorCompositeContainer .firstCompositePart.x-field.x-form-type-password .x-form-text-default { padding-left: 1rem !important; } .cellEditorCompositeContainer .x-field { min-width: 2rem !important; } .cellEditorCompositeContainer .x-field.x-form-type-text .x-form-trigger-default, .cellEditorCompositeContainer .x-field.x-form-type-password .x-form-trigger-default { width: 1.25rem; padding-right: 0.25rem; } .wizard-tile.x-item-over, .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .dndFileViewer .dndViewFileItemWrapper, .elevation-1 { box-shadow: 0px 1px 2px var(--ag-color-box-shadow-alpha-10), 0px 1px 3px var(--ag-color-box-shadow-alpha-05); } .mega-menu, .customPicker, .x-dd-drag-proxy.taskboard-dd-drag-proxy.taskboard-dd-drag-proxy-multiple .drag-wrapper-multipleCards .drag-backCard, .taskboardGroup .taskboardColumnBody .itemCard, .screenDesigner.screenDesigner-cardScreen .cardScreenPanel, .designer-field-dnd-proxy, .actionLinksView .actionLinkItem, .itemNavDnDWrapper, .x-panel.floating-panel, .x-window.window-no-header, .elevation-2 { box-shadow: 0px 1px 2px var(--ag-color-box-shadow-alpha-15), 0px 2px 6px var(--ag-color-box-shadow-alpha-10); } .x-dd-drag-proxy.taskboard-dd-drag-proxy .drag-card, .screenDesigner .entityScreenComponent.entityScreenField.dashboardScreenField, .dashboardView .dashboardField, .dashboardProjectView .dashboardField, .x-dd-drag-proxy.item-navigator-dd-drag-proxy .item-drag-tooltip, .elevation-3 { box-shadow: 0px 1px 3px var(--ag-color-box-shadow-alpha-15), 0px 4px 8px var(--ag-color-box-shadow-alpha-10); } .tribute-container, .fr-box a.fr-floating-btn, .fr-qi-helper a.fr-btn.fr-floating-btn, .fr-command.fr-btn.fr-active + .fr-dropdown-menu, .fr-popup, .fr-modal .fr-modal-wrapper, .elevation-4 { box-shadow: 0px 6px 10px var(--ag-color-box-shadow-alpha-05), 0px 2px 3px var(--ag-color-box-shadow-alpha-10); } .logon-view .login-form, .elevation-5 { box-shadow: 0px 8px 12px var(--ag-color-box-shadow-alpha-05), 0px 4px 4px var(--ag-color-box-shadow-alpha-10); } .x-window.window-no-header { border-radius: 0.25rem; } .x-window.window-no-header .x-window-header { display: none !important; } .x-window.window-no-header .x-window-body { padding-top: 0 !important; } .x-window.window-no-header .x-toolbar-footer { border-color: var(--md-sys-color-outline-variant-lower) !important; border-style: solid; border-width: 1px 0 0 0 !important; } .x-window.x-window-no-padding .x-window-body { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; } .x-window.x-window-no-padding-top .x-window-body { padding-top: 0 !important; } .x-window.floating-window { color: var(--md-sys-color-on-surface); } .notificationWrp .x-panel-body { display: flex; flex-direction: column; align-items: center; } .notificationWrp .x-panel-body .dashboardField { flex-shrink: 0; border-width: 0 !important; } .choose-column-dialog .fields-tree .group-row .x-tree-checkbox, .choose-column-dialog .fields-tree .x-tree-icon.x-tree-icon-leaf { display: none; } .choose-column-dialog .fields-tree .x-grid-item.x-grid-item-selected { background: transparent !important; } .about-component { display: flex; flex-direction: column; gap: 1rem; } .about-component .about-newerVersion { color: var(--md-sys-color-warning); } .about-component .license-expired { color: var(--md-sys-color-error); } .about-component .license-duesoon { color: var(--md-sys-color-warning); } .about-component .about-logo { margin-top: 0.25rem; height: 2rem; width: 8rem; background: var(--allegra-logo-url); background-repeat: no-repeat; background-position: left center; background-size: contain; } .x-window.x-toast .toastContent.link { cursor: pointer; } .x-window.x-toast .toastContent.link:hover { color: var(--md-sys-color-primary-higher); } /* Resource calendar legend general config */ .legendBox { margin: 16px 32px 12px 0px; } .legendBox .resCalLegendBox { width: 32px; height: 32px; display: table-cell; border-radius: 4px; } .legendBox .resCalLegendText { display: table-cell; padding-left: 8px; vertical-align: middle; } .x-datepicker.resCalDatePicker { margin: 16px 32px 16px 0; } .x-datepicker.resCalDatePicker .x-datepicker-prev, .x-datepicker.resCalDatePicker .x-datepicker-next, .x-datepicker.resCalDatePicker .x-datepicker-month .x-btn-split-right::after { display: none; } .x-datepicker.resCalDatePicker .x-btn-wrap-default-small.x-btn-arrow-right::after { content: ""; } /* General non working day */ .resCalGenNonWDCell { border-style: solid; border-color: var(--md-sys-color-outline-variant-lower); } .resCalGenNonWDCell div.x-datepicker-date { background-color: var(--md-sys-color-surface-variant); color: #fff; font-weight: bold; } .resCalGenNonWDCell.resCalVacationCell div.x-datepicker-date, .resCalGenNonWDCell.resCalAvailableCell div.x-datepicker-date, .resCalGenNonWDCell.resCalUnavailableCell div.x-datepicker-date { background-image: url(../images/svg/entities/resCalGenNotAvailable.svg) !important; background-repeat: no-repeat; font-weight: bold; background-size: 13px; background-position: 24px 2px; } .resCalLegBoxGenNonWD { background-color: var(--md-sys-color-surface-variant); border: 1px solid var(--md-sys-color-outline-variant-lower); } /* Vacation */ .resCalVacationCell { border-style: solid; border-color: #FFC21E; } .resCalVacationCell div.x-datepicker-date { background-color: #FFC21E !important; color: #fff; font-weight: bold; } .resCalLegBoxVacation { background-color: #FFC21E !important; border: 1px solid var(--md-sys-color-outline-variant-lower); } /* Available */ .resCalAvailableCell { border-style: solid; border-color: #75C732; } .resCalAvailableCell div.x-datepicker-date { background-color: #75C732; color: #fff; font-weight: bold; background-image: none !important; } .resCalLegBoxAvailable { background-color: #75C732; border: 1px solid var(--md-sys-color-outline-variant-lower); } /* Unavailable */ .resCalUnavailableCell { border-style: solid; border-color: #FF0100; } .resCalUnavailableCell div.x-datepicker-date { background-color: #FF0100; color: #fff; font-weight: bold; background-image: none !important; } .resCalLegBoxUnavailable { background-color: #FF0100; border: 1px solid var(--md-sys-color-outline-variant-lower); } .currentYearLabel { margin: 15px 0 5px 25px; font-size: 220%; font-weight: bold; color: #0074a8; } /* To switch off pciker navigation buttons */ /* In Gantt */ .calendarAvailableDay { background-color: #75C732; } .resCalendarWeekdayBtn.x-btn.x-btn-pressed { background-color: var(--md-sys-color-surface-variant) !important; } .calendar-exception-tooltip { display: flex; flex-direction: column; gap: 0.25rem; font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .calendar-exception-tooltip .calendar-exceptionTypeLabel { color: var(--md-sys-color-outline-low) !important; } .calendar-exception-tooltip .calendar-exceptionName { font-weight: bold; } .calendar-exception-tooltip .calendar-exceptionDescription { font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .wizard-tile.x-item-over, .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .dndFileViewer .dndViewFileItemWrapper, .elevation-1 { box-shadow: 0px 1px 2px var(--ag-color-box-shadow-alpha-10), 0px 1px 3px var(--ag-color-box-shadow-alpha-05); } .mega-menu, .customPicker, .x-dd-drag-proxy.taskboard-dd-drag-proxy.taskboard-dd-drag-proxy-multiple .drag-wrapper-multipleCards .drag-backCard, .taskboardGroup .taskboardColumnBody .itemCard, .screenDesigner.screenDesigner-cardScreen .cardScreenPanel, .designer-field-dnd-proxy, .actionLinksView .actionLinkItem, .itemNavDnDWrapper, .x-panel.floating-panel, .x-window.window-no-header, .elevation-2 { box-shadow: 0px 1px 2px var(--ag-color-box-shadow-alpha-15), 0px 2px 6px var(--ag-color-box-shadow-alpha-10); } .x-dd-drag-proxy.taskboard-dd-drag-proxy .drag-card, .screenDesigner .entityScreenComponent.entityScreenField.dashboardScreenField, .dashboardView .dashboardField, .dashboardProjectView .dashboardField, .x-dd-drag-proxy.item-navigator-dd-drag-proxy .item-drag-tooltip, .elevation-3 { box-shadow: 0px 1px 3px var(--ag-color-box-shadow-alpha-15), 0px 4px 8px var(--ag-color-box-shadow-alpha-10); } .tribute-container, .fr-box a.fr-floating-btn, .fr-qi-helper a.fr-btn.fr-floating-btn, .fr-command.fr-btn.fr-active + .fr-dropdown-menu, .fr-popup, .fr-modal .fr-modal-wrapper, .elevation-4 { box-shadow: 0px 6px 10px var(--ag-color-box-shadow-alpha-05), 0px 2px 3px var(--ag-color-box-shadow-alpha-10); } .logon-view .login-form, .elevation-5 { box-shadow: 0px 8px 12px var(--ag-color-box-shadow-alpha-05), 0px 4px 4px var(--ag-color-box-shadow-alpha-10); } /*base: Application (main) navigator on left. */ div.x-border-layout-ct.applicationNavigator { background: var(--md-sys-color-background) !important; } body.x-border-layout-ct.applicationView { background: var(--md-sys-color-background) !important; } /* App header */ .appHeader { background: var(--md-sys-color-background) !important; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row; padding: 0.5rem 1rem 0.5rem 1rem; } @media (max-width: 600px) { .appHeader { flex-wrap: nowrap; } .appHeader .leftAppHeader { align-items: center !important; } .appHeader .logo { width: 6rem !important; } } .appHeader .leftAppHeader { display: flex; align-items: flex-start; justify-content: center; flex-direction: row; } .appHeader .cell-header-logo { overflow: hidden; margin: 0 0.5rem 0 0; } .appHeader .logo { margin-top: 0.25rem; height: 2rem; width: 8rem; background: var(--logo-url); background-repeat: no-repeat; background-position: left center; background-size: contain; } .appHeader .propertyPicker .x-btn-icon-el { background-size: contain !important; } .appHeader .x-btn.button-link.license-warning-btn.overdue .x-btn-icon-el, .appHeader .x-btn.button-link.license-warning-btn.overdue .x-btn-inner { color: var(--md-sys-color-error) !important; } .appHeader .x-btn.button-link.license-warning-btn.due-soon .x-btn-icon-el, .appHeader .x-btn.button-link.license-warning-btn.due-soon .x-btn-inner { color: var(--md-sys-color-warning) !important; } .appHeader .x-btn.button-link.license-warning-btn.x-item-disabled { opacity: 100 !important; } .appHeader .x-btn.button-link.new-app-version .x-btn-icon-el, .appHeader .x-btn.button-link.new-app-version .x-btn-inner { color: var(--md-sys-color-success) !important; } .application-navigator { background: var(--md-sys-color-background) !important; display: flex; } .application-navigator.west { flex-direction: column; } .application-navigator.west .toolbarNavigator { flex-direction: column; margin-right: -1px !important; padding: calc(2.5rem + 1px) 0 0 0.5rem; } .application-navigator.west .toolbarNavigator .x-btn { border-radius: 0.5rem 0 0 0.5rem; margin: 0 !important; padding: calc(0.625rem - 1px) calc(0.875rem - 1px) calc(0.625rem - 1px) calc(0.5rem - 1px) !important; border-width: 1px 0 1px 1px; margin-bottom: 1px !important; } .application-navigator.west .toolbarNavigator .x-btn:last-child { margin-bottom: 0 !important; } .application-navigator.south { flex-direction: row; } .application-navigator.south .toolbarNavigator { flex-direction: row; padding: 0 0.25rem !important; } .application-navigator.south .toolbarNavigator .x-btn { border-radius: 0.25rem !important; margin: 0 !important; border-width: 0px 1px 1px 1px; } .application-navigator.south .toolbarNavigator .x-btn .x-btn-inner { display: none !important; } .application-navigator.south .collpaseNavBtn { display: none !important; } .application-navigator .toolbarNavigator { background: var(--md-sys-color-background) !important; display: flex; flex: 1; flex-wrap: nowrap; overflow: hidden; } .application-navigator .toolbarNavigator .x-btn { border: 1px dashed transparent; flex-shrink: 0; } .application-navigator .toolbarNavigator .x-btn .x-btn-wrap .x-btn-icon-el, .application-navigator .toolbarNavigator .x-btn .x-btn-wrap .x-btn-inner { color: var(--md-sys-color-on-surface) !important; } .application-navigator .toolbarNavigator .x-btn.x-btn-over { background-color: var(--md-sys-color-primary-alpha-05) !important; } .application-navigator .toolbarNavigator .x-btn.item-selected { background-color: var(--md-sys-color-primary-alpha-10) !important; border-color: var(--md-sys-color-outline-variant-lower); } .application-navigator .toolbarNavigator .x-btn.proxy-selected-node { border-style: dashed; border-color: var(--md-ctx-palette-neutral70); } .application-navigator .toolbarNavigator .x-btn.x-box-menu-after { width: unset !important; } .application-navigator.collapsed .x-btn .x-btn-inner { display: none; } .application-navigator .collpaseNavBtn { margin-left: 0.5rem !important; padding-left: calc(0.5rem - 1px) !important; } .application-navigator .collpaseNavBtn .x-btn-wrap .x-btn-icon-el, .application-navigator .collpaseNavBtn .x-btn-wrap .x-btn-inner { color: var(--md-sys-color-on-surface) !important; } .applicationNavigator .moduleToolbar .logoIconModule { background-image: url(logoAction.action) !important; } .logoIcon { background-image: url(logoAction.action) !important; background-repeat: no-repeat; /*background-color: #32404e;*/ background-position: 10px 5px; } .logoIconLarge { background-image: url(logoAction.action) !important; background-position: 10px 5px; background-repeat: no-repeat; /* background-color: #32404e;*/ } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.linkMatrix::before { background-image: url(../images/svg/entities/linkMatrix.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.linkNavigator::before { background-image: url(../images/svg/entities/linkNavigator.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.wiki::before { background-image: url(../images/svg/entities/wiki.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.cockpit::before { background-image: url(../images/svg/entities/home.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.browseProjects::before { background-image: url(../images/svg/entities/workspace.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.treeGridView::before { background-image: url(../images/svg/entities/compass.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.treeFilter-ticon::before { background-image: url(../images/svg/entities/filter.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.reports::before { background-image: url(../images/svg/entities/chartAreaspline.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.projects::before { background-image: url(../images/svg/entities/workspace.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.user-ticon::before { background-image: url(../images/svg/entities/account.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.forms-ticon::before { background-image: url(../images/svg/entities/formSelect.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.fields-ticon::before { background-image: url(../images/svg/entities/field.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.report-ticon::before { background-image: url(../images/svg/entities/chartAreaspline.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.projecttypes-ticon::before { background-image: url(../images/svg/entities/tuneVertical.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.server-ticon::before { background-image: url(../images/svg/entities/server.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.viewProjects::before { background-image: url(../images/svg/entities/workspace.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.ganttActionView::before { background-image: url(../images/svg/entities/chartTimeline.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.schedulerActionView::before { background-image: url(../images/svg/entities/chartHistogram.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.taskboard::before { background-image: url(../images/svg/entities/taskboardView.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.manageRoles::before { background-image: url(../images/svg/entities/dramaMasks.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.user-navigator::before { background-image: url(../images/svg/entities/accountMultiple.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.department-navigator::before { background-image: url(../images/svg/entities/orgUnit.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.project-navigator::before { background-image: url(../images/svg/entities/workspace.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.release::before { background-image: url(../images/svg/entities/archive.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.sprint::before { background-image: url(../images/svg/entities/compass.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.taskboard::before { background-image: url(../images/svg/entities/cardTextOutline.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.burndown::before { background-image: url(../images/svg/entities/chartAreaspline.svg); } .applicationNavigator .x-treelist-nav .x-treelist-item-tool.admin::before { background-image: url(../images/svg/actions/config.svg); } .lblNoLastUsedMessage.no-display { display: none; } .lblNoLastUsedMessage { color: white; font-style: italic; } .notifications { background-image: url(../images/svg/entities/bell.svg) !important; background-size: 20px; background-repeat: no-repeat !important; } .mailTemplate { background-image: url(../images/svg/entities/emailOutline.svg) !important; background-size: 20px; background-repeat: no-repeat !important; } .itemScreen { background-image: url(../images/svg/entities/formSelect.svg) !important; background-size: 20px; background-repeat: no-repeat !important; } .workflow { background-image: url(../images/svg/entities/sitemap.svg) !important; background-size: 20px; background-repeat: no-repeat !important; } .htmlTemplate { background-image: url(../images/svg/entities/wikiTemplate.svg) !important; background-size: 20px; background-repeat: no-repeat !important; } .project { background-image: url(../images/svg/entities/workspace.svg) !important; background-size: 20px; background-repeat: no-repeat !important; } .propertyPickerView .lastUsed { line-height: 30px; font-family: RobotoFlex; font-size: 0.875rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; border-top: 1px solid var(--app-naviagator-propertyPicker-border-color) !important; } .propertyPickerView .lastUsed .x-tree-view { border-top: 1px solid var(--app-naviagator-propertyPicker-border-color) !important; } .propertyPickerView .lastUsed .lblLastUsed { margin: 8px 16px; color: var(--md-sys-color-on-surface) !important; } .x-grid-item .sectionCategory .x-tree-node-text { color: var(--md-sys-color-on-surface-75) !important; } .x-grid-item .sectionCategory .x-tree-icon { color: var(--md-sys-color-on-surface-75) !important; } .treeWithSearch .x-panel-header { border-bottom-width: 1px !important; } .x-menu .x-menu-item.menuWithShortcut .x-menu-item-link { padding-right: 1rem !important; } .x-menu .x-menu-item.menuWithShortcut .x-menu-item-link .x-menu-item-text { flex: 1; } .x-menu .x-menu-item.menuWithShortcut .x-menu-item-link .x-menu-item-text .shortcutKey { opacity: 0.5; float: right; padding-left: 1rem; } .x-tip .shortcutKey { opacity: 0.5; float: right; padding-left: 0.5rem; } .x-menu .x-mask, .x-menu div.x-mask[id^=loadmask] { background-image: none; background-color: var(--md-sys-color-surface) !important; opacity: 0.3; } .westTreeNavigator .x-grid-item .x-grid-row .treeItem-level-0 .x-grid-cell-inner, .westTreeNavigator .x-grid-item .x-grid-row .sectionCategory .x-grid-cell-inner, .treeNavigator .x-grid-item .x-grid-row .treeItem-level-0 .x-grid-cell-inner, .treeNavigator .x-grid-item .x-grid-row .sectionCategory .x-grid-cell-inner { font-weight: 450; border-bottom: 1px solid var(--md-sys-color-background); padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; } .westTreeNavigator .x-grid-item .x-grid-row .treeItem-level-0 .x-grid-cell-inner .tree-icon-ctx-menu, .westTreeNavigator .x-grid-item .x-grid-row .sectionCategory .x-grid-cell-inner .tree-icon-ctx-menu, .treeNavigator .x-grid-item .x-grid-row .treeItem-level-0 .x-grid-cell-inner .tree-icon-ctx-menu, .treeNavigator .x-grid-item .x-grid-row .sectionCategory .x-grid-cell-inner .tree-icon-ctx-menu { top: 0.5rem; right: 0.5rem; } .westTreeNavigator .x-grid-item .x-grid-row .x-grid-cell-inner, .treeNavigator .x-grid-item .x-grid-row .x-grid-cell-inner { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .westTreeNavigator .x-grid-item .x-grid-row .x-grid-cell-inner .tree-icon-ctx-menu, .treeNavigator .x-grid-item .x-grid-row .x-grid-cell-inner .tree-icon-ctx-menu { top: 0.375rem; } .westTreeNavigator .x-grid-item.x-grid-item-over, .treeNavigator .x-grid-item.x-grid-item-over { background-color: var(--md-sys-color-surface); } .westTreeNavigator .x-grid-item.x-grid-item-over .x-grid-row .sectionCategory .x-grid-cell, .westTreeNavigator .x-grid-item.x-grid-item-over .x-grid-row .treeItem-level-0 .x-grid-cell, .treeNavigator .x-grid-item.x-grid-item-over .x-grid-row .sectionCategory .x-grid-cell, .treeNavigator .x-grid-item.x-grid-item-over .x-grid-row .treeItem-level-0 .x-grid-cell { background-color: var(--md-sys-color-background); } .westTreeNavigator .x-grid-item.x-grid-item-over .x-grid-row .sectionCategory .x-grid-cell-inner, .westTreeNavigator .x-grid-item.x-grid-item-over .x-grid-row .treeItem-level-0 .x-grid-cell-inner, .treeNavigator .x-grid-item.x-grid-item-over .x-grid-row .sectionCategory .x-grid-cell-inner, .treeNavigator .x-grid-item.x-grid-item-over .x-grid-row .treeItem-level-0 .x-grid-cell-inner { background-color: var(--md-sys-color-primary-alpha-05); } .westTreeNavigator .x-grid-item.x-grid-item-over .x-grid-row .sectionCategory .x-grid-cell-inner .x-tree-node-text, .westTreeNavigator .x-grid-item.x-grid-item-over .x-grid-row .treeItem-level-0 .x-grid-cell-inner .x-tree-node-text, .treeNavigator .x-grid-item.x-grid-item-over .x-grid-row .sectionCategory .x-grid-cell-inner .x-tree-node-text, .treeNavigator .x-grid-item.x-grid-item-over .x-grid-row .treeItem-level-0 .x-grid-cell-inner .x-tree-node-text { color: var(--md-sys-color-on-surface); } .westTreeNavigator .x-grid-item.x-grid-item-over .x-grid-row .x-grid-cell, .westTreeNavigator .x-grid-item.x-grid-item-over .x-grid-row .treeItem-level-1 .x-grid-cell, .treeNavigator .x-grid-item.x-grid-item-over .x-grid-row .x-grid-cell, .treeNavigator .x-grid-item.x-grid-item-over .x-grid-row .treeItem-level-1 .x-grid-cell { background-color: var(--md-sys-color-background); } .westTreeNavigator .x-grid-item.x-grid-item-over .x-grid-row .x-grid-cell-inner, .westTreeNavigator .x-grid-item.x-grid-item-over .x-grid-row .treeItem-level-1 .x-grid-cell-inner, .treeNavigator .x-grid-item.x-grid-item-over .x-grid-row .x-grid-cell-inner, .treeNavigator .x-grid-item.x-grid-item-over .x-grid-row .treeItem-level-1 .x-grid-cell-inner { background-color: var(--md-sys-color-primary-alpha-05); } .westTreeNavigator .x-grid-item.x-grid-item-selected, .treeNavigator .x-grid-item.x-grid-item-selected { background-color: var(--md-sys-color-surface); } .westTreeNavigator .x-grid-item.x-grid-item-selected .x-grid-row .sectionCategory .x-grid-cell, .westTreeNavigator .x-grid-item.x-grid-item-selected .x-grid-row .treeItem-level-0 .x-grid-cell, .treeNavigator .x-grid-item.x-grid-item-selected .x-grid-row .sectionCategory .x-grid-cell, .treeNavigator .x-grid-item.x-grid-item-selected .x-grid-row .treeItem-level-0 .x-grid-cell { background-color: var(--md-sys-color-background); } .westTreeNavigator .x-grid-item.x-grid-item-selected .x-grid-row .sectionCategory .x-grid-cell-inner, .westTreeNavigator .x-grid-item.x-grid-item-selected .x-grid-row .treeItem-level-0 .x-grid-cell-inner, .treeNavigator .x-grid-item.x-grid-item-selected .x-grid-row .sectionCategory .x-grid-cell-inner, .treeNavigator .x-grid-item.x-grid-item-selected .x-grid-row .treeItem-level-0 .x-grid-cell-inner { background-color: var(--md-sys-color-primary-alpha-10); } .westTreeNavigator .x-grid-item.x-grid-item-selected .x-grid-row .x-grid-cell, .westTreeNavigator .x-grid-item.x-grid-item-selected .x-grid-row .treeItem-level-1 .x-grid-cell, .treeNavigator .x-grid-item.x-grid-item-selected .x-grid-row .x-grid-cell, .treeNavigator .x-grid-item.x-grid-item-selected .x-grid-row .treeItem-level-1 .x-grid-cell { background-color: var(--md-sys-color-background); } .westTreeNavigator .x-grid-item.x-grid-item-selected .x-grid-row .x-grid-cell-inner, .westTreeNavigator .x-grid-item.x-grid-item-selected .x-grid-row .treeItem-level-1 .x-grid-cell-inner, .treeNavigator .x-grid-item.x-grid-item-selected .x-grid-row .x-grid-cell-inner, .treeNavigator .x-grid-item.x-grid-item-selected .x-grid-row .treeItem-level-1 .x-grid-cell-inner { background-color: var(--md-sys-color-primary-alpha-10); } .westTreeNavigator.x-tree-arrows .treeItem-level-0 .x-tree-expander::before, .treeNavigator.x-tree-arrows .treeItem-level-0 .x-tree-expander::before { font-size: 1.25rem; } .westTreeNavigator.x-tree-arrows .x-grid-tree-node-expanded .treeItem-level-0 .x-tree-expander::before, .treeNavigator.x-tree-arrows .x-grid-tree-node-expanded .treeItem-level-0 .x-tree-expander::before { font-size: 1.25rem; } .westTreeNavigator img.x-tree-icon, .treeNavigator img.x-tree-icon { border-radius: 0.25rem; } .reportsCenterContent { margin: 10px; } .reportsCenterContent .reportsMosaicDiv { float: left; width: 280px; height: 240px; margin: 10px; padding: 1rem; text-align: center; border-radius: 2px; position: relative; } .reportsCenterContent .x-item-selected { background-color: var(--md-sys-color-primary-alpha-10); } .reportsCenterContent .x-item-over { background-color: var(--md-sys-color-primary-alpha-05); } .reportsMosaicDiv .mosaicImageReport { max-width: 94%; width: auto; height: 80%; margin-top: 8px; -webkit-box-shadow: 4px 6px 9px 0 rgba(50, 50, 50, 0.8); -moz-box-shadow: 4px 6px 9px 0 rgba(50, 50, 50, 0.8); box-shadow: 4px 6px 9px 0 rgba(50, 50, 50, 0.8); } .reportsMosaicDiv .mosaicImageReport.Workspace, .reportsMosaicDiv .mosaicImageReport.folder { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; background-image: none !important; } .mosaicReportImgAndTitleWrapper { height: 90%; } .reportsMosaicDiv .mosaicImageFolder { width: 200px; max-height: 200px; vertical-align: middle; } .reportsCenterContent .reportsMosaicDiv a p { margin-left: 0.5rem; width: 260px; overflow: hidden; /* white-space: nowrap; */ } .reportsCenterContent .titeLabel { position: absolute; bottom: 0; width: 100%; text-align: center; } /* Report item drag drop */ .x-dd-drag-proxy .reportsMosaicDiv { max-width: 220px !important; } /*Base icons*/ .treeFilter-ticon { background-image: url(../images/svg/entities/filter.svg); } .item-archived { background-image: url(../images/svg/actions/archive.svg); } .item-delete16 { background-image: url(../images/svg/actions/delete.svg); } .item-checkgreen { background-image: url(../images/svg/entities/checkGreen.svg); } .item-checkred { background-image: url(../images/svg/entities/checkRed.svg); } .item-work-to-do { background-image: url(../images/svg/entities/workToDo.svg); background-size: 16px; width: 16px; } .item-calendarOverflow { background-image: url(../images/svg/entities/calendarOverflow.svg); } .item-budgetOverflow { background-image: url(../images/svg/entities/budgetOverflow.svg); } .item-calendarBudgetOverflow { background-image: url(../images/svg/entities/calendarBudgetOverflow.svg); } /*report navigator views*/ .queryHistory { background-image: url(../images/svg/entities/filterHistory.svg); } .queryView { background-image: url(../images/svg/actions/filter.svg); } .projectView { background-image: url(../images/svg/entities/workspace.svg); } .subfilterView { background-image: url(../images/svg/entities/filterSub.svg); } .genericView { background-image: url(../images/svg/actions/flatGridView.svg); } .x-btn-button .treeGridView { background-image: url(../images/svg/entities/treeGridView.svg); } .simpleGridView a.newWindow { cursor: pointer; } .simpleGridView a.downloadAttachments { cursor: pointer; font-weight: bold; } .x-menu-item-link .treeGridView { background-image: url(../images/svg/entities/treeGridView.svg); } .flatGridView { background-image: url(../images/svg/entities/flatGridView.svg); } .x-menu-item-link .flatGridView { background-image: url(../images/svg/entities/flatGridView.svg); } .advancedGridView { background-image: url(../images/svg/entities/flatGridView.svg); } .treeGridView { background-image: url(../images/svg/entities/compass.svg); } .sprintView { background-image: url(../images/svg/entities/chartTimeline.svg); } .ganttView { background-image: url(../images/svg/entities/chartTimeline.svg); } .schedulerView { background-image: url(../images/svg/actions/chartHistogramm.svg); } .x-menu-item-link .advancedGridView { background-image: url(../images/svg/actions/advancedGridView.svg); } .linkNavigatorView { background-image: url(../images/svg/entities/wbsView.svg); } .wbsGridView { background-image: url(../images/svg/entities/wbsView.svg); } .cardView { background-image: url(../images/svg/entities/taskboardView.svg); } .flatHistory { background-image: url(../images/svg/entities/flatHistory.svg); } .gridHistory { background-image: url(../images/svg/entities/flatGridView.svg); } .x-menu-item-link .wbsView { background-image: url(../images/svg/entities/wbsView.svg); } .save { background-image: url(../images/svg/actions/save.svg); } .compile { background-image: url(../images/svg/actions/start.svg); } .apply { background-image: url(../images/svg/actions/apply.svg); } .done { background-image: url(../images/svg/actions/done.svg); } .preview { background-image: url(../images/svg/actions/display.svg); } .picture { background-image: url(../images/svg/entities/image.svg); } .apply16 { background-image: url(../images/svg/actions/apply.svg); } .exit { background-image: url(../images/svg/actions/exit.svg); } .itemAction_navigate_left { background-image: url(../images/svg/actions/navigateLeft.svg); } .itemAction_navigate_right { background-image: url(../images/svg/actions/navigateRight.svg); } .itemAction_save { background-image: url(../images/svg/actions/save.svg); } .itemAction_reset { background-image: url(../images/svg/actions/reset.svg); } .itemAction_cancel { background-image: url(../images/svg/actions/cancel.svg); } .itemAction_viewAll { background-image: url(../images/svg/actions/show.svg); } .itemAction_save16 { background-image: url(../images/svg/actions/save.svg); } .itemAction_reset16 { background-image: url(../images/svg/actions/reset.svg); } .itemAction_cancel16 { background-image: url(../images/svg/actions/cancel.svg); } .itemAction_viewAll16 { background-image: url(../images/svg/actions/newTab.svg); } .itemAction_copy16 { background-image: url(../images/svg/actions/copy.svg); } .itemAction_move16 { background-image: url(../images/svg/actions/move.svg); } .itemAction_changeStatus16 { background-image: url(../images/svg/listTypes/status.svg); } .itemAction_addSibling16 { background-image: url(../images/svg/actions/add.svg); } .itemAction_parent16 { background-image: url(../images/svg/actions/chooseParent.svg); } .itemAction_removeParent16 { background-image: url(../images/svg/actions/removeParent.svg); } .itemAction_indent16 { background-image: url(../images/svg/actions/indent.svg); } .itemAction_outdent16 { background-image: url(../images/svg/actions/outdent.svg); } .lockGanttItem { background-image: url(../images/svg/actions/lockGanttItem.svg); } .unlockGanttItem { background-image: url(../images/svg/actions/unlockGanttItem.svg); } .itemAction_print16 { background-image: url(../images/svg/actions/print.svg); } .itemAction_printwc16 { background-image: url(../images/svg/actions/print.svg); } .itemAction_back16 { background-image: url(../images/svg/actions/back.svg); } .itemAction_upward16 { background-image: url(../images/svg/actions/navigateUp.svg); } .itemAction_downward16 { background-image: url(../images/svg/actions/navigateDown.svg); } .itemAction_lock16 { background-image: url(../images/svg/actions/lock.svg); } .itemAction_unlock16 { background-image: url(../images/svg/actions/unlock.svg); } .itemAction_archive16 { background-image: url(../images/svg/actions/archive.svg); } .itemAction_unarchive16 { background-image: url(../images/svg/actions/unArchive.svg); } .itemAction_delete16 { background-image: url(../images/svg/actions/unDelete.svg); } .itemAction_undelete16 { background-image: url(../images/svg/actions/unDeleteItem.svg); } .itemAction_email16 { background-image: url(../images/svg/actions/mailSend.svg); } .itemAction_report16 { background-image: url(../images/svg/entities/report.svg); } /*Item detail*/ .download16 { background-image: url(../images/svg/actions/download.svg); } .drag { background-image: url(../images/svg/actions/add.svg); } .dragOver { background-image: url(../images/svg/actions/apply.svg); } .expand { background-image: url(../images/svg/actions/expand.svg); } .collapse { background-image: url(../images/svg/actions/collapse.svg); } .history16 { background-image: url(../images/svg/entities/history.svg); } .comment16 { background-image: url(../images/svg/entities/comment.svg); } .attachment16 { background-image: url(../images/svg/entities/attachment.svg); } .expense { background-image: url(../images/svg/entities/expense.svg); } .plannedValue { background-image: url(../images/svg/entities/plannedValue.svg); } .watcher16 { background-image: url(../images/svg/entities/group.svg); } .versionControl16 { background-image: url(../images/svg/entities/versionControl.svg); } .links16 { background-image: url(../images/svg/actions/link.svg); } .linkMatrix16 { background-image: url(../images/svg/entities/linkMatrix.svg); } .linkMatrix32 { background-image: url(../images/svg/entities/linkMatrix.svg); } .linkNavigator32 { background-image: url(../images/svg/entities/linkNavigator.svg); } .linkNavigator16 { background-image: url(../images/svg/entities/linkNavigator.svg); } .exportExcel { background-image: url(../images/svg/entities/excel.svg); } .exportXML { background-image: url(../images/svg/entities/xml.svg); } .exportJSON { background-image: url(../images/svg/entities/json.svg); } .exportCSV { background-image: url(../images/svg/entities/csv.svg); } .word { background-image: url(../images/svg/entities/word.svg); } .imageIcon { background-image: url(../images/svg/entities/image.svg); } .htmlIcon { background-image: url(../images/svg/entities/sourceCode.svg); } .cssIcon { background-image: url(../images/svg/entities/sourceCode.svg); } .fontIcon { background-image: url(../images/svg/entities/sourceCode.svg); } .imageIcon::before, .htmlIcon::before, .cssIcon::before, .fontIcon::before { content: ""; } .help16 { background-image: url(../images/svg/actions/help.svg); filter: var(--filter-black-700); } .releaseNotes16 { background-image: url(../images/svg/entities/releaseNotes.svg); } /* header */ .addItem { background-image: url(../images/svg/actions/add.svg); } .x-menu-item .addItem { background-image: url(../images/svg/actions/add.svg); } .cockpit { background-image: url(../images/svg/entities/home.svg); } .cockpitEdit { background-image: url(../images/svg/actions/edit.svg); } .cockpitSave { background-image: url(../images/svg/actions/save.svg); } .x-btn-over .cockpitEdit { background-image: url(../images/svg/actions/edit.svg); } .browseProjects { background-image: url(../images/svg/entities/workspace.svg); } .viewProjects { background-image: url(../images/svg/entities/workspace.svg); } .release { background-image: url(../images/svg/entities/release.svg); } .query { background-image: url(../images/svg/entities/filter.svg); } .reports { background-image: url(../images/svg/entities/chartAreaspline.svg); } .admin { background-image: url(../images/svg/actions/config.svg); } .x-menu-item .admin { background-image: url(../images/svg/entities/wrench.svg); } .wiki { background-image: url(../images/svg/apps/wiki.svg); } .projects { background-image: url(../images/svg/entities/workspace.svg); } .manageRoles { background-image: url(../images/svg/entities/dramaMasks.svg); } .templates { background-image: url(../images/svg/entities/template.svg); } .users { background-image: url(../images/svg/entities/group.svg); } .customize { background-image: url(../images/svg/entities/wrench.svg); } .server { background-image: url(../images/svg/entities/server.svg); } .preferences { background-image: url(../images/svg/entities/userPreferences.svg); } .backlog { background-image: url(../images/svg/entities/backlog.svg); } .sprint { background-image: url(../images/svg/entities/sprint.svg); } .taskboard { background-image: url(../images/svg/entities/taskboardView.svg); } .ganttActionView { background-image: url(../images/svg/entities/chartTimeline.svg); } .schedulerActionView { background-image: url(../images/svg/entities/chartHistogram.svg); } .burndown { background-image: url(../images/svg/entities/chart.svg); } .bulkEdit { background-image: url(../images/svg/actions/bulkEdit.svg); } .bulkCopy { background-image: url(../images/svg/actions/bulkCopy.svg); } .reports16 { background-image: url(../images/svg/entities/report.svg); } .x-menu-item-link .reports16 { background-image: url(../images/svg/entities/report.svg); } .export { background-image: url(../images/svg/actions/export.svg); } .exportPDF { background-image: url(../images/svg/entities/pdf.svg); } .exportPNG { background-image: url(../images/svg/entities/image.svg); } .export16 { background-image: url(../images/svg/actions/export.svg); } .x-menu-item-link .export { background-image: url(../images/svg/actions/export.svg); } .extraActions { background-image: url(../images/svg/actions/action.svg); } .x-menu-item-link .extraActions { background-image: url(../images/svg/actions/action.svg); } .import { background-image: url(../images/svg/actions/import.svg); } .x-menu-item-link .import, .import16 { background-image: url(../images/svg/actions/import.svg); } .printIssue { background-image: url(../images/svg/actions/print.svg); } .x-menu-item-link .printIssue { background-image: url(../images/svg/actions/print.svg); } .chart { background-image: url(../images/svg/entities/chart.svg); } .x-menu-item-link .chart { background-image: url(../images/svg/entities/chart.svg); } .groupView { background-image: url(../images/svg/actions/groupByColumn.svg); } .x-menu-item-link .group { background-image: url(../images/svg/actions/group.svg); } .columnsIcon { background-image: url(../images/svg/actions/chooseColumns.svg); } .edit { background-image: url(../images/svg/actions/edit.svg); background-repeat: no-repeat; background-position: center; } .browseFile { background-image: url(../images/svg/actions/browse.svg); background-repeat: no-repeat; background-position: center; background-size: 16px 16px; } .copy { background-image: url(../images/svg/actions/copy.svg); } .lock { background-image: url(../images/svg/actions/lock.svg); } .moveUp { background-image: url(../images/svg/actions/navigateUp.svg); } .moveUp16 { background-image: url(../images/svg/actions/navigateUp.svg); } .moveDown { background-image: url(../images/svg/actions/navigateDown.svg); } .moveDown16 { background-image: url(../images/svg/actions/navigateDown.svg); } .card { background-image: url(../images/svg/entities/board.svg); } .mygrid { background-image: url(../images/svg/entities/flatGridView.svg); } .advancedGrid { background-image: url(../images/svg/actions/add.svg); } .issueType { background-image: url(../images/svg/listTypes/itemType.svg); } .issueTypeLock { background-image: url(../images/svg/actions/assign.svg); } .issueTypeLock16 { background-image: url(../images/svg/actions/assign.svg); } .add { background-image: url(../images/svg/actions/add.svg); } .add16 { background-image: url(../images/svg/actions/add.svg); background-repeat: no-repeat; } .delete { background-image: url(../images/svg/actions/delete.svg); } .delete16 { background-image: url(../images/svg/actions/delete.svg); } .copy16 { background-image: url(../images/svg/actions/copy.svg); } .cut16, .cut { background-image: url(../images/svg/actions/cut.svg); } .paste, .paste16 { background-image: url(../images/svg/actions/paste.svg); } .addCriteria { background-image: url(../images/svg/actions/add.svg); } .cancel { background-image: url(../images/svg/actions/cancel.svg); } .switch { background-image: url(../images/svg/actions/switch.svg); } .reset { background-image: url(../images/svg/actions/reset.svg); } .reset16 { background-image: url(../images/svg/actions/reset.svg); } .edit16 { background-image: url(../images/svg/actions/edit.svg); } .buttonEmailSend { background-image: url(../images/svg/actions/emailSend.svg); } .buttonEmail16 { background-image: url(../images/svg/actions/emailSend.svg); } .scriptAdd { background-image: url(../images/svg/actions/add.svg); } .scriptEdit { background-image: url(../images/svg/actions/edit.svg); } .scriptEdit16 { background-image: url(../images/svg/actions/edit.svg); } .linkAdd { background-image: url(../images/svg/actions/add.svg); } .linkEdit { background-image: url(../images/svg/actions/edit.svg); } .linkEdit16 { background-image: url(../images/svg/actions/edit.svg); } .automailAdd { background-image: url(../images/svg/actions/add.svg); } .automailEdit { background-image: url(../images/svg/actions/edit.svg); } .automailEdit16 { background-image: url(../images/svg/actions/edit.svg); } .costCenterAdd { background-image: url(../images/svg/actions/add.svg); } .release { background-image: url(../images/svg/entities/archive.svg); } .sprint { background-image: url(../images/svg/entities/compass.svg); } .taskboard { background-image: url(../images/svg/entities/cardTextOutline.svg); } .burndown { background-image: url(../images/svg/entities/chartAreaspline.svg); } .costCenterAdd16 { background-image: url(../images/svg/actions/add.svg); } .accountAdd { background-image: url(../images/svg/actions/add.svg); } .accountAdd16 { background-image: url(../images/svg/actions/add.svg); } .rolesAdd { background-image: url(../images/svg/actions/add.svg); } .rolesEdit { background-image: url(../images/svg/actions/edit.svg); } .rolesEdit16 { background-image: url(../images/svg/actions/edit.svg); } .ldap { background-image: url(../images/svg/entities/ldap.svg); } .personEdit { background-image: url(../images/svg/actions/edit.svg); } .personEdit16 { background-image: url(../images/svg/actions/edit.svg); } .activate { background-image: url(../images/svg/actions/activate.svg); } .deactivate { background-image: url(../images/svg/actions/deactivate.svg); } .personEditCalendar { background-image: url(../images/svg/entities/calendar.svg); } .role { background-image: url(../images/svg/entities/roles.svg); } .groupAdd { background-image: url(../images/svg/actions/add.svg); } .groupEdit { background-image: url(../images/svg/actions/edit.svg); } .groupEdit16 { background-image: url(../images/svg/actions/edit.svg); } .departmentAdd { background-image: url(../images/svg/actions/add.svg); } .departmentAdd16 { background-image: url(../images/svg/actions/add.svg); } .departmentEdit16 { background-image: url(../images/svg/actions/edit.svg); } .categoryFilterAdd { background-image: url(../images/svg/actions/add.svg); } .categoryFilterAdd16 { background-image: url(../images/svg/actions/add.svg); } .categoryReportAdd { background-image: url(../images/svg/actions/add.svg); } .categoryReportAdd16 { background-image: url(../images/svg/actions/add.svg); } .rtemplateAdd { background-image: url(../images/svg/actions/add.svg); } .rtemplateAdd16 { background-image: url(../images/svg/actions/add.svg); } .rtemplateEdit { background-image: url(../images/svg/actions/edit.svg); } .rtemplateEdit16 { background-image: url(../images/svg/actions/edit.svg); } .rtemplateExec { background-image: url(../images/svg/actions/apply.svg); } .rtemplateExec16 { background-image: url(../images/svg/actions/apply.svg); } .filter { background-image: url(../images/svg/actions/filter.svg); } .filter16 { background-image: url(../images/svg/actions/filter.svg); } .filterAdd { background-image: url(../images/svg/actions/add.svg); } .filterAdd16 { background-image: url(../images/svg/actions/add.svg); } .filterPaste16 { background-image: url(../images/svg/actions/paste.svg); } .filterEdit { background-image: url(../images/svg/actions/edit.svg); } .filterEdit16 { background-image: url(../images/svg/actions/edit.svg); } .filterExec { background-image: url(../images/svg/actions/apply.svg); } .filterExec16 { background-image: url(../images/svg/actions/apply.svg); } .filterInst { background-image: url(../images/svg/actions/instantFilter.svg); } .filterLink { background-image: url(../images/svg/actions/link.svg); } .filterLink16 { background-image: url(../images/svg/actions/link.svg); } .download { background-image: url(../images/svg/actions/download.svg); } .upload { background-image: url(../images/svg/actions/upload.svg); } .upload16 { background-image: url(../images/svg/actions/upload.svg); } .releaseAdd { background-image: url(../images/svg/actions/add.svg); } .releaseAdd16 { background-image: url(../images/svg/actions/add.svg); } .sprintAdd, .sprintAdd16 { background-image: url(../images/svg/actions/add.svg); } .backlogAdd, .backlogAdd16 { background-image: url(../images/svg/actions/add.svg); } .sprintEdit, .sprintEdit16 { background-image: url(../images/svg/actions/edit.svg); } .backlogEdit, .backlogEdit16 { background-image: url(../images/svg/actions/edit.svg); } .sprintAutoGenerator { background-image: url(../images/svg/actions/autogenerateSprint.svg); } .releaseEdit { background-image: url(../images/svg/actions/edit.svg); } .releaseEdit16 { background-image: url(../images/svg/actions/edit.svg); } .reload16 { background-image: url(../images/svg/actions/reload.svg); } .load { background-image: url(../images/svg/actions/load.svg); } .previous { background-image: url(../images/svg/actions/navigateLeft.svg); } .next { background-image: url(../images/svg/actions/navigateRight.svg); } .showHide { background-image: url(../images/svg/actions/show.svg); } /*screen edit buttons*/ .newTab { background-image: url(../images/svg/actions/tab.svg); } .newTab16 { background-image: url(../images/svg/actions/newTab.svg); } .newPanel { background-image: url(../images/svg/actions/add.svg); } .newPanel16 { background-image: url(../images/svg/actions/add.svg); } .config { background-image: url(../images/svg/actions/config.svg); } .btnRecurrenceIcon { background-image: url(../images/svg/entities/recurrence.svg); } .btnBack { background-image: url(../images/svg/actions/back.svg); } .mailTemplateAdd { background-image: url(../images/svg/actions/add.svg); } .x-menu-item-link .mailTemplateAdd { background-image: url(../images/svg/actions/add.svg); } .mailTemplateEdit { background-image: url(../images/svg/actions/edit.svg); } .mailTemplateEdit16 { background-image: url(../images/svg/actions/edit.svg); } .x-menu-item-link .mailTemplateEdit { background-image: url(../images/svg/actions/edit.svg); } .dd-arrow-down { background-image: url(../images/svg/actions/down.svg); display: block; visibility: visible; position: absolute; width: 16px; height: 16px; top: 0; left: 0; } /* Backup and restore */ .backup { background-image: url(../images/svg/actions/backup.svg); } .restore { background-image: url(../images/svg/actions/restore.svg); } .check16 { background-image: url(../images/svg/actions/check.svg); } .x-item-disabled .check16 { background-image: url(../images/svg/actions/checkInactive.svg); } .fieldsRestrictions { background-image: url(../images/svg/actions/lock.svg); } .fieldsRestrictions16 { background-image: url(../images/svg/actions/lock.svg); } .pointerMode { background-image: url(../images/svg/entities/cursor.svg); } .transitionMode { background-image: url(../images/svg/entities/transition.svg); } .zoomIn { background-image: url(../images/svg/actions/zoomIn.svg); } .zoomToFit { background-image: url(../images/svg/actions/zoomToFit.svg); background-size: 16px; } .zoomOut { background-image: url(../images/svg/actions/zoomOut.svg); } .undo { background-image: url(../images/svg/actions/undo.svg); } .redo { background-image: url(../images/svg/actions/redo.svg); } .zoomOut { background-image: url(../images/svg/actions/zoomOut.svg); } .zoomClear { background-image: url(../images/svg/actions/zoomClear.svg); } .x-menu-item .trackplusApp { background-image: url(../images/svg/apps/taskManagement.svg); background-repeat: no-repeat; } .x-menu-item .scrumApp { background-image: url(../images/svg/apps/scrum.svg); background-repeat: no-repeat; } .x-menu-item .wikiApp { background-image: url(../images/svg/apps/wiki.svg); background-repeat: no-repeat; } .x-menu-item .adminApp { background-image: url(../images/svg/apps/admin.svg); background-repeat: no-repeat; } .x-menu-item .almApp { background-image: url(../images/svg/apps/alm.svg); background-repeat: no-repeat; } .x-menu-item .pmApp { background-image: url(../images/svg/apps/projectManagement.svg); background-repeat: no-repeat; } .x-menu-item .helpDeskApp { background-image: url("../images/svg/apps/helpDesk.svg"); background-repeat: no-repeat; } .x-menu-item .customApp { background-image: url("../images/svg/apps/custom.svg"); background-repeat: no-repeat; } .appMenu { background-image: url(../images/svg/actions/appMenu.svg); background-repeat: no-repeat; } .linkExternal { background-image: url(../images/svg/entities/linkExternal.svg); } .linkAttachment { background-image: url(../images/svg/entities/attachment.svg); } .linkIssue { background-image: url(../images/svg/actions/linkIssue.svg); } .linkDocument { background-image: url(../images/svg/actions/linkDocument.svg); } .linkToSection { background-image: url(../images/svg/actions/linkToSection.svg); } .linkAnchor { background-image: url(../images/svg/entities/anchor.svg); } .linkToTable { background-image: url(../images/svg/entities/table.svg); } .linkToFigure { background-image: url(../images/svg/entities/image.svg); } .x-menu-item .backlog { background-image: url(../images/svg/actions/backlog.svg); } .x-menu-item .sprint { background-image: url(../images/svg/actions/process.svg); } .x-menu-item .taskboard { background-image: url(../images/svg/entities/board.svg); } .x-menu-item .schedulerActionView { background-image: url(../images/svg/actions/schedulerView.svg); } .x-menu-item .ganttActionView { background-image: url(../images/svg/actions/ganttView.svg); } .x-menu-item .burndown { background-image: url(../images/svg/entities/chart.svg); } .x-menu-item .release { background-image: url(../images/svg/entities/release.svg); } .x-menu-item .manageRoles { background-image: url(../images/svg/entities/roles.svg); } .x-menu-item .projects { background-image: url(../images/svg/entities/workspace.svg); } .x-menu-item .templates { background-image: url(../images/svg/entities/template.svg); } .x-menu-item .preferences { background-image: url(../images/svg/entities/userPreferences.svg); } .x-menu-item .server { background-image: url(../images/svg/entities/server.svg); } .x-menu-item .customize { background-image: url(../images/svg/actions/config.svg); } .sortAlphabetically { background-image: url(../images/svg/actions/sortAlphabetically.svg); } /* Resource calendar ctx menu icons */ .resCalBaseWD div.x-datepicker-date, .resCalLegBoxBaseWD { background-image: url(../images/svg/entities/resCalGenWdayCellIndicator.svg); background-repeat: no-repeat; font-weight: bold; background-size: 13px; background-position: 24px 2px; } .resCalLegBoxRecurringNonWD, .resCalLegBoxBaseWD { border: 1px solid var(--md-sys-color-outline-variant-lower); background-position: 13px 3px !important; } .resCalRecurringNonWD div.x-datepicker-date, .resCalLegBoxRecurringNonWD { background-image: url(../images/svg/entities/resCalRecurrenceCellIndicator.svg); background-repeat: no-repeat; font-weight: bold; background-size: 15px; background-position: 24px 2px; background-color: var(--md-sys-color-outline-variant-lower); } /* end */ /* Resource type icons in grids */ .personResourceSymbol { background-image: url(../images/svg/entities/user.svg); width: 16px; height: 16px; } .groupResourceSymbol { background-image: url(../images/svg/entities/group.svg); width: 16px; height: 16px; } .locationResourceSymbol { background-image: url(../images/svg/entities/location.svg); width: 16px; height: 16px; } .equipmentResourceSymbol { background-image: url(../images/svg/entities/equipmentResource.svg); width: 16px; height: 16px; } .skillResourceSymbol { background-image: url(../images/svg/entities/skillResource.svg); width: 16px; height: 16px; } /* end */ .star { background-image: url(../images/svg/actions/star.svg); } .sortDescending { background-image: url(../images/svg/actions/sortDescending.svg); } .start { background-image: url(../images/svg/actions/start.svg); } .stop { background-image: url(../images/svg/actions/stop.svg); } .pause { background-image: url(../images/svg/actions/pause.svg); background-repeat: no-repeat; background-position: center; } .play { background-image: url(../images/svg/actions/play.svg); background-repeat: no-repeat; background-position: center; } .liked { background-image: url(../images/svg/actions/thumbUp.svg); } .notLiked { background-image: url(../images/svg/actions/thumbUpOutline.svg); } .likes { background-image: url(../images/svg/actions/likes.svg); } .more { background-image: url(../images/svg/actions/more.svg); } .timeAxis { background-image: url(../images/svg/actions/switchGranularity.svg); } .timeAxisDays { background-image: url(../images/svg/actions/switchToDayGranularity.svg); } .timeAxisMonths { background-image: url(../images/svg/actions/switchToMonthGranularity.svg); } .timeAxisQuarters { background-image: url(../images/svg/actions/switchToQuarterGranularity.svg); } .timeAxisWeeks { background-image: url(../images/svg/actions/switchToWeeklyGranularity.svg); } .summaSymbol { background-image: url(../images/svg/other/summaSymbol.svg); } .splitGridView { background-image: url(../images/svg/entities/splitGridView.svg); } .clear { background-image: url(../images/svg/actions/clear.svg); } .branch { background-image: url(../images/svg/entities/branch.svg); } .baseline { background-image: url(../images/svg/entities/baseline.svg); } .commit { background-image: url(../images/svg/actions/commit.svg); } .compareVersions { background-image: url(../images/svg/actions/compare.svg); } .revert { background-image: url(../images/svg/actions/revertVersion.svg); } .displayVersion { background-image: url(../images/svg/actions/displayVersion.svg); } .swap { background-image: url(../images/svg/actions/swap.svg); } .twoFactAuth { background-image: url(../images/svg/entities/twoFactorAuth.svg); } .assign { background-image: url(../images/svg/actions/assign.svg); } .userLevel { background-image: url(../images/svg/entities/accountWrench.svg); } .localization { background-image: url(../images/svg/entities/localization.svg); } .theme { background-image: url(../images/svg/entities/theme.svg); } .space { background-image: url(../images/svg/entities/space.svg); } .folderOpen { background-image: url(../images/svg/entities/folderOpen.svg); } .folder { background-image: url(../images/svg/entities/folder.svg); } .focus { background-image: url(../images/svg/actions/focus.svg); } .plus { background-image: url(../images/svg/other/plus.svg); } .minus { background-image: url(../images/svg/other/minus.svg); } .navigateUp { background-image: url(../images/svg/actions/navigateUp.svg); } .navigateDown { background-image: url(../images/svg/actions/navigateDown.svg); } .navigateLeft { background-image: url(../images/svg/actions/navigateLeft.svg); } .navigateRight { background-image: url(../images/svg/actions/navigateRight.svg); } .swap { background-image: url(../images/svg/actions/swap.svg); background-repeat: no-repeat; background-position: center; } .pin { background-image: url(../images/svg/actions/pin.svg); } .unpin { background-image: url(../images/svg/actions/unpin.svg); } .customPickerRoundedIcon { border-radius: 4px; } .gitlabApp { background-image: url(../images/svg/other/gitlabLogo.svg); background-size: 16px; } .sonarApp { background-image: url(../images/svg/other/sonarqubeLogo.svg); background-size: 16px; } .jenkinsApp { background-image: url(../images/svg/other/jenkinsLogo.svg); background-size: 16px; } .tabIcon.person { background-image: url(../images/svg/entities/account.svg); } .tabIcon.department { background-image: url(../images/svg/entities/orgUnit.svg); } .tabIcon.ticket { background-image: url(../sysListIcons/itemType/ticket.svg) !important; } .sync { background-image: url(../images/svg/entities/account.svg); background-size: 16px; } .manage { background-image: url(../images/svg/actions/manage.svg); } .template { background-image: url(../images/svg/entities/template.svg); } .editBudgetPlanOrEstRem { background-image: url(../images/svg/actions/edit.svg); background-repeat: no-repeat; } /*base Tree icons */ /* User section */ .userprefs-ticon { background-image: url(../images/svg/entities/accountCog.svg); } .user-ticon { background-image: url(../images/svg/entities/account.svg); } .client-ticon { background-image: url(../images/svg/entities/accountOutline.svg); } .group-ticon { background-image: url(../images/svg/entities/accountGroup.svg); } .department-ticon { background-image: url(../images/svg/entities/orgUnit.svg); } .resources-ticon { background-image: url(../images/svg/entities/accountMultiple.svg); /* Missing */ } .cockpit-ticon { background-image: url(../images/svg/entities/viewDashboard.svg); } .cockpitTemplate-ticon { background-image: url(../images/svg/entities/viewDashboardOutline.svg); } .automailc-ticon { background-image: url(../images/svg/entities/bell.svg); } .automailt-ticon { background-image: url(../images/svg/entities/bellAlert.svg); } .automailf-ticon { background-image: url(../images/svg/entities/bellCheck.svg); } .calendar-ticon { background-image: url(../images/svg/entities/calendar.svg); background-repeat: no-repeat; background-position: center; } .accessTokens-ticon { background-image: url(../images/svg/entities/circleMultiple.svg); background-repeat: no-repeat; background-position: center; } .docx-ticon { background-image: url(../images/svg/entities/fileWord.svg); } .scrumCardTpl-ticon { background-image: url(../images/svg/entities/cardTextOutline.svg); } .baseCalendars-ticon { background-image: url(../images/svg/entities/calendar-outline.svg); } /* Projects section */ .projects-ticon { background-image: url(../images/svg/entities/workspace.svg); } .reportsMosaicDiv .projects-ticon { background-image: url(../images/svg/entities/workspace.svg); } .projectTpl-ticon { background-image: url(../images/svg/entities/workspaceTemplate.svg); } .projectTplInactive-ticon { background-image: url(../images/svg/entities/workspaceTemplateInactive.svg); } .project-ticon, .project-Active-ticon { background-image: url(../images/svg/entities/workspace.svg); background-size: 16px; background-repeat: no-repeat; } .project-Inactive-ticon { background-image: url(../images/svg/entities/workspaceInactive.svg); } .project-Closed-ticon { background-image: url(../images/svg/entities/workspaceLocked.svg); } .project-notSelectable-ticon { background-image: url(../images/svg/entities/workspaceLocked.svg); } .project-itemsAll-ticon { background-image: url(../images/svg/entities/allInclusive.svg); } .project-itemsClosed-ticon { background-image: url(../images/svg/entities/lock.svg); } .project-itemsNoSubsAll-ticon { background-image: url(../images/svg/entities/projectItemsNoSubsAll.svg); } .project-itemsNoSubsOpen-ticon { background-image: url(../images/svg/entities/projectItemsNoSubsOpen.svg); } .project-itemsNoSubsClosed-ticon { background-image: url(../images/svg/entities/projectItemsNoSubsClosed.svg); } /* Customization section */ .customize-ticon { background-image: url(../images/svg/entities/cogs.svg); } .filter-ticon { background-image: url(../images/svg/entities/filter.svg); } .report-ticon { background-image: url(../images/svg/entities/chartAreaspline.svg); } .textTemplate-ticon { background-image: url(../images/svg/entities/template.svg); } .roles-ticon { background-image: url(../images/svg/entities/dramaMasks.svg); background-repeat: no-repeat; background-size: 16px; } .account-ticon { background-image: url(../images/svg/entities/bank.svg); background-repeat: no-repeat; background-size: 16px; } .automail-ticon { background-image: url(../images/svg/entities/bell.svg); } .links-ticon, .list-icon.linktype { background-image: url(../images/svg/entities/link.svg); background-repeat: no-repeat; background-position: center; } .forms-ticon { background-image: url(../images/svg/entities/formSelect.svg); } .fields-ticon { background-image: url(../images/svg/entities/field.svg); } .picklists-ticon { background-image: url(../images/svg/entities/formDropdown.svg); } .projecttypes-ticon { background-image: url(../images/svg/entities/tuneVertical.svg); background-repeat: no-repeat; } .workflow-ticon { background-image: url(../images/svg/entities/sitemap.svg); } .apps-ticon { background-image: url(../images/svg/entities/apps.svg); } .appConfig { background-image: url(../images/svg/entities/apps.svg); } .adminApp-ticon { background-image: url(../images/svg/apps/admin.svg); } .scrumApp-ticon { background-image: url(../images/svg/apps/scrum.svg); } .trackplusApp-ticon { background-image: url(../images/svg/apps/taskManagement.svg); } .wikiApp-ticon { background-image: url(../images/svg/apps/wiki.svg); } .almApp-ticon { background-image: url(../images/svg/apps/alm.svg); } .pmApp-ticon { background-image: url(../images/svg/apps/projectManagement.svg); } .helpDeskApp-ticon { background-image: url("../images/svg/apps/helpDesk.svg"); } .localize-ticon { background-image: url(../images/svg/entities/translate.svg); } .scripts-ticon { background-image: url(../images/svg/entities/codeBraces.svg); } /* Server section */ .server-ticon { background-image: url(../images/svg/entities/server.svg); } .motd-ticon { background-image: url(../images/svg/entities/humanGreeting.svg); } .broadcast-ticon { background-image: url(../images/svg/entities/broadcast.svg); } .integrations-ticon { background-image: url(../images/svg/entities/apps.svg); } .serverStatus-ticon { background-image: url(../images/svg/entities/speedometer.svg); } .logging-ticon { background-image: url(../images/svg/entities/clipboardTextClock.svg); } .backup-ticon { background-image: url(../images/svg/entities/databaseArrowDown.svg); } .restore-ticon { background-image: url(../images/svg/entities/databaseArrowUp.svg); } .tqlPlusFilter-ticon { background-image: url(../images/svg/actions/magnify.svg); } .tqlFilter-ticon { background-image: url(../images/svg/actions/magnify.svg); } .dashboard-ticon { background-image: url(../images/svg/entities/viewDashboard.svg); } .pdf-ticon { background-image: url(../images/svg/entities/filePdfBox.svg); } .json-ticon { background-image: url(../images/svg/entities/codeJson.svg); } .xls-ticon { background-image: url(../images/svg/entities/fileExcel.svg); } /*Issue navigator schedule section*/ .schedule-ticon { background-image: url(../images/svg/entities/scheduleNextMonth.svg); } .schedule_today-ticon { background-image: url(../images/svg/entities/scheduleToday.svg); } .schedule_tomorrow-ticon { background-image: url(../images/svg/entities/scheduleTomorrow.svg); } .schedule_nextWeek-ticon { background-image: url(../images/svg/entities/scheduleNextWeek.svg); } .schedule_nextMonth-ticon { background-image: url(../images/svg/entities/scheduleNextMonth.svg); } .schedule_notScheduled-ticon { background-image: url(../images/svg/entities/notScheduled.svg); } .schedule_overdue-ticon { background-image: url(../images/svg/entities/scheduleOverdue.svg); } .config-global-ticon { background-image: url(../images/svg/scope/earth.svg); } .config-issueType-ticon { background-image: url(../images/svg/listTypes/clipboardOutline.svg); } .config-projectType-ticon { background-image: url(../images/svg/entities/workspaceType.svg); } .config-project-ticon { background-image: url(../images/svg/entities/workspace.svg); background-repeat: no-repeat; background-position: center; } .systemFields-ticon { background-image: url(../images/svg/entities/field.svg); background-repeat: no-repeat; background-position: center; } .customFields-ticon { background-image: url(../images/svg/entities/field.svg); background-repeat: no-repeat; background-repeat: no-repeat; background-position: center; } .calendar-ticon { background-image: url(../images/svg/entities/calendar.svg); background-repeat: no-repeat; background-position: center; } .cascadeSelect-ticon { background-image: url(../images/svg/entities/fileTreeOutline.svg); background-repeat: no-repeat; background-position: center; background-size: 16px; } .check-ticon { background-image: url(../images/svg/entities/checkboxMarkedOutline.svg); background-repeat: no-repeat; background-position: center; } .combo-ticon { background-image: url(../images/svg/entities/formDropdown.svg); background-repeat: no-repeat; background-position: center; } .label-ticon { background-image: url(../images/svg/entities/formatLetterCase.svg); background-repeat: no-repeat; background-position: center; } .textField-ticon { background-image: url(../images/svg/entities/formTextarea.svg); background-repeat: no-repeat; background-position: center; } .config-configItem-ticon { background-image: url(../images/svg/entities/config-item.svg); background-repeat: no-repeat; background-position: center; } .config-event-ticon { background-image: url(../images/svg/entities/event.svg); } .config-htmlTemplateInlineItem-ticon { background-image: url(../images/svg/entities/htmlTemplateInlineItem.svg); } .config-htmlTemplateInlineField-ticon { background-image: url(../images/svg/entities/htmlTemplateInlineField.svg); } .status-ticon { background-image: url(../images/svg/listTypes/status.svg); background-repeat: no-repeat; } .priority-ticon { background-image: url(../images/svg/listTypes/priorityHigh.svg); background-repeat: no-repeat; } .severity-ticon { background-image: url(../images/svg/listTypes/alert.svg); background-repeat: no-repeat; } .issueType-ticon { background-image: url(../images/svg/listTypes/clipboardOutline.svg); background-repeat: no-repeat; } .basket-ticon { background-image: url(../images/svg/entities/inboxMultiple.svg); } .status { background-image: url(../images/svg/entities/status.svg); } .projectActive16-ticon { background-image: url(../images/svg/entities/workspace.svg); } /* Backlog icons */ .backlog-ticon { background-image: url(../images/svg/entities/backlog.svg); } .backlogActive-ticon { background-image: url(../images/svg/entities/backlogInProgress.svg); } .backlogInactive-ticon { background-image: url(../images/svg/entities/backlogReleased.svg); } .backlogPlanned-ticon { background-image: url(../images/svg/entities/backlogPlanned.svg); } .backlogClosed-ticon { background-image: url(../images/svg/entities/backlogClosed.svg); } /* Sprint icons */ .sprint-ticon { background-image: url(../images/svg/entities/sprint.svg); } .sprintActive-ticon { background-image: url(../images/svg/entities/sprintInProgress.svg); } .sprintInactive-ticon { background-image: url(../images/svg/entities/sprintReleased.svg); } .sprintPlanned-ticon { background-image: url(../images/svg/entities/sprintPlanned.svg); } .sprintClosed-ticon { background-image: url(../images/svg/entities/sprintClosed.svg); } .release-ticon { background-image: url(../images/svg/entities/release.svg); } .releaseActive-ticon { background-image: url(../images/svg/entities/releaseInProgress.svg); } .release-Unscheduled-ticon { background-image: url(../images/svg/entities/releasePlanned.svg); } .release-Inactive-ticon { background-image: url(../images/svg/entities/released.svg); } .release-Closed-ticon { background-image: url(../images/svg/entities/releaseClosed.svg); } .release-itemsNoSubsOpen-ticon { background-image: url(../images/svg/entities/releaseItemsNoSubsOpen.svg); } .release-itemsNoSubsClosed-ticon { background-image: url(../images/svg/entities/releaseItemsNoSubsClosed.svg); } .expense-ticon { background-image: url(../images/svg/entities/currencyEur.svg); } .trash-ticon { background-image: url(../images/svg/entities/trashCan.svg); } .incubator-ticon { background-image: url(../images/svg/entities/lightbulbOn.svg); } .reference-ticon { background-image: url(../images/svg/entities/star.svg); } .action-ticon { background-image: url(../images/svg/entities/cogOutline.svg); } .delegated-ticon { background-image: url(../images/svg/entities/accountSupervisor.svg); } .versionControl-ticon { background-image: url(../images/svg/entities/versionControl.svg); } .msProject-ticon { background-image: url(../images/svg/entities/msProject.svg); } .mailTemplate-ticon { background-image: url(../images/svg/entities/emailOutline.svg); } .wikiTemplates-ticon { background-image: url(../images/svg/entities/wikiTemplate.svg); } .objectStatus-ticon { background-image: url(../images/svg/entities/systemStates.svg); } .import-ticon { background-image: url(../images/svg/entities/import.svg); } .export-ticon { background-image: url(../images/svg/entities/export.svg); } .excel-ticon { background-image: url(../images/svg/entities/fileExcel.svg); } .trackPlus-ticon { background-image: url(../images/svg/entities/favicon.svg); } .voting-ticon { background-image: url(../images/svg/actions/voting.svg); background-repeat: no-repeat; } .inlineComment-ticon { background-image: url(../images/svg/entities/inlineComment.svg); } .countLikes-ticon { background-image: url(../images/svg/actions/countLikes.svg); } .like-ticon { background-image: url(../images/svg/actions/thumbUp.svg); } .videoTutorial-ticon { background-image: url(../images/svg/entities/video.svg); } .switch { background-image: url(../images/svg/actions/switch.svg); } .merge { background-image: url(../images/svg/actions/merge.svg); } .compare { background-image: url(../images/svg/actions/compare.svg); } .versioning-ticon { background-image: url(../images/svg/entities/versioning.svg); } .versions-ticon { background-image: url(../images/svg/entities/versions.svg); } .branding-ticon { background-image: url(../images/svg/entities/palette.svg); } .applicationNavigator .linkMatrix { background-image: url(../images/svg/entities/linkMatrix.svg); } .applicationNavigator .linkNavigator { background-image: url(../images/svg/entities/linkNavigator.svg); } .applicationNavigator .wiki { background-image: url(../images/svg/entities/wiki.svg); } .history { background-image: url(../images/svg/entities/history.svg); } .app-menu { background-image: url(../images/svg/entities/menu.svg); } .itemView .itemView-body { padding: 1rem 1rem 0 1rem; width: 100% !important; } .itemView .itemView-body .itemHeader, .itemView .itemView-body .itemViewElementContainer { min-width: 11rem; } .itemView .itemView-body .itemHeader > .x-box-inner, .itemView .itemView-body .screenTabPanel, .itemView .itemView-body .screenTabPanel .x-tab-bar, .itemView .itemView-body .screenTabPanel .screenTabPanel-body, .itemView .itemView-body .screenTabPanel .screenTabPanel-body > .container-tab, .itemView .itemView-body .screenPanel, .itemView .itemView-body .itemDetailTabPanel, .itemView .itemView-body .itemDetailTabPanel .x-tab-bar, .itemView .itemView-body .itemDetailTabPanel .temDetailTabPanel-body, .itemView .itemView-body .itemDetailTabPanel .temDetailTabPanel-body > .container-tab, .itemView .itemView-body .item-list-constrained { min-width: 11rem; } .itemView .itemView-body .screenPanel > .x-table-layout-ct { min-width: 10rem; } .itemView .commentRowDataView, .itemView .itemTitleWrapper, .itemView .entityScreenPanel, .itemView .item-list-constrained { min-width: 10rem; max-width: 82rem; } .itemView .commentRowDataView .x-field, .itemView .itemTitleWrapper .x-field, .itemView .entityScreenPanel .x-field, .itemView .item-list-constrained .x-field { min-width: 5.5rem; } .itemView .commentRowDataView .x-form-fieldcontainer .x-field, .itemView .itemTitleWrapper .x-form-fieldcontainer .x-field, .itemView .entityScreenPanel .x-form-fieldcontainer .x-field, .itemView .item-list-constrained .x-form-fieldcontainer .x-field { min-width: 2.75rem; } .itemView .x-autocontainer-innerCt .x-container.x-scroller { width: 100% !important; } .designScreen { border: 2px dashed transparent; padding: 1rem 1rem 0 1rem; } .designScreen-selected { border: 2px dashed var(--md-sys-color-primary); padding: 1rem 1rem 0 1rem; } .designTab { border: 2px solid transparent; margin-bottom: 32px !important; } .designTab-selected { border: 2px dashed var(--md-sys-color-primary); margin-bottom: 32px !important; } .x-fieldset.screenDesignPanel.x-fieldset-no-border { border-width: 2px !important; border-style: solid dashed dashed dashed; border-color: var(--md-sys-color-outline-variant-lower) transparent transparent transparent !important; } .x-fieldset.screenDesignPanel.x-fieldset-no-border:hover { border-color: var(--md-sys-color-outline-variant-lower) !important; } .dashboardEditPanelView { border-width: 2px !important; border-style: dashed; border-color: transparent !important; margin-top: 2rem; } .dashboardEditPanelView:first-child { margin-top: 0; } .dashboardEditPanelView:hover { border-color: var(--md-sys-color-outline) !important; } .x-fieldset.screenDesignPanel-selected.x-fieldset-no-border { border-width: 2px !important; border-style: solid dashed dashed dashed; border-color: var(--md-sys-color-primary) !important; } .dashboardEditPanelView-selected { border-width: 2px !important; border-style: dashed; border-color: var(--md-sys-color-primary) !important; margin-top: 2rem; } .dashboardEditPanelView-selected:first-child { margin-top: 0; } .x-fieldset.screenDesignPanel-dragOver.x-fieldset-no-border { border-width: 2px !important; border-style: solid dashed dashed dashed; border-color: green !important; } .dashboardEditPanelView-dragOver { border-width: 2px !important; border-style: dashed; border-color: green !important; } .screenPanel-selected, .screenPanel-first-selected, .dashboardEditPanelView-selected { border: 2px dashed var(--md-sys-color-primary) !important; } .screenPanel-dragOver, .screenPanel-first-dragOver { border: 2px dashed green !important; } .screenPanel-odd-selected { border: 2px dashed var(--md-sys-color-primary) !important; } .screenPanel-odd-dragOver { border: 1px dashed green !important; } /*field*/ .dashboardDesignField-dragOver { background-color: var(--md-sys-color-success-container-lower) !important; } .dashboardDesignField-dragOver .screenEditViewComponentWrapper { opacity: 0.05; } .screeFieldError { border-color: red; background-color: yellow; padding: 3px 3px 3px 3px; overflow: hidden; } .componentSelected { border: 2px dashed var(--md-sys-color-primary) !important; } .dragOver { border: 2px dashed green !important; } .designField, .dashboardDesignField { border: 2px dashed transparent !important; } .designField:hover, .dashboardDesignField:hover { border-color: var(--md-sys-color-outline) !important; } .dashboardDesignField { box-shadow: 0 0 0 1px var(--md-sys-color-outline-variant-lower); border-radius: 0.25rem; } .dashboardDesignField-selected { border-radius: 0.25rem; } .designField-selected, .dashboardDesignField-selected { border: 2px dashed var(--md-sys-color-primary) !important; } .dashboardDesignField, .dashboardDesignField-selected, .dashboardDesignField-dragOver { overflow: hidden; } .designField .x-field.x-form-type-text .x-form-trigger-default, .designField-selected .x-field.x-form-type-text .x-form-trigger-default, .designField-dragOver .x-field.x-form-type-text .x-form-trigger-default { display: table-cell !important; cursor: default !important; } .designField .x-field.x-form-type-text .x-form-trigger-default, .designField-selected .x-field.x-form-type-text .x-form-trigger-default, .designField-dragOver .x-field.x-form-type-text .x-form-trigger-default { display: table-cell !important; cursor: default !important; } .designField .x-form-item-default.x-item-disabled, .designField-selected .x-form-item-default.x-item-disabled, .designField-dragOver .x-form-item-default.x-item-disabled { opacity: 1; } .designField .x-mask, .designField-selected .x-mask, .designField-dragOver .x-mask { background-color: transparent; } .designField .x-form-fieldcontainer, .designField-selected .x-form-fieldcontainer, .designField-dragOver .x-form-fieldcontainer { width: calc(100% - 2px) !important; } .designField-dragOver, .dashboardDesignField-dragOver { border: 2px dashed green !important; } .itemView .htmlReadOnlyField.screenField img { max-width: 100%; height: auto; } .itemView .htmlReadOnlyField.screenField table, .itemView .htmlReadOnlyField.screenField th, .itemView .htmlReadOnlyField.screenField td { border-color: var(--md-sys-color-outline-variant-lower); border-spacing: 0px; border-collapse: collapse; } .itemView .htmlReadOnlyField.screenField td { padding: 3px 6px; } .itemView .htmlReadOnlyField ol ol { list-style-type: lower-alpha; } .itemView .htmlReadOnlyField ol ol ol { list-style-type: lower-roman; } /* Comment area lists */ .itemView .itemDetailGrid.commentListView .itemDetailTabCommentRow .commentCell ol ol, .itemView .commentHtmlView .commentRowBase .commentText ol ol { list-style-type: lower-alpha !important; } .itemView .itemDetailGrid.commentListView .itemDetailTabCommentRow .commentCell ol ol ol, .itemView .commentHtmlView .commentRowBase .commentText ol ol ol { list-style-type: lower-roman !important; } .x-dd-drag-proxy .x-field, .x-dd-drag-proxy .x-form-fieldcontainer { min-width: 160px !important; max-width: 240px !important; } .screenTabPanel { height: auto !important; } .screenTabPanel-body { height: auto !important; padding-bottom: 32px; } /* end */ .duplicate-field { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0.5rem; margin-bottom: 2rem; border-radius: 0.25rem; color: var(--md-sys-color-outline-lower) !important; font-style: italic; padding: 0.625rem 1rem !important; } .duplicate-field b { color: var(--md-sys-color-outline-low) !important; } .dense-compact .duplicate-field { padding: 0.375rem 1rem !important; margin-bottom: 1.75rem; } :root { --screen-grid-template-columns-1: repeat(1, minmax(0px, 1fr)); --screen-grid-template-columns-2: repeat(2, minmax(0px, 2fr)); --screen-grid-template-columns-3: repeat(3, minmax(0px, 3fr)); --screen-grid-template-columns-4: repeat(4, minmax(0px, 4fr)); --screen-grid-template-columns-5: repeat(5, minmax(0px, 5fr)); --screen-grid-template-columns-6: repeat(6, minmax(0px, 6fr)); --screen-grid-column-span-1: 1; --screen-grid-column-span-2: 2; --screen-grid-column-span-3: 3; --screen-grid-column-span-4: 4; --screen-grid-column-span-5: 5; --screen-grid-column-span-6: 6; } .screen-grid-cols-1 { --screen-grid-template-columns-2: repeat(1, minmax(0px, 1fr)); --screen-grid-template-columns-3: repeat(1, minmax(0px, 1fr)); --screen-grid-template-columns-4: repeat(1, minmax(0px, 1fr)); --screen-grid-template-columns-5: repeat(1, minmax(0px, 1fr)); --screen-grid-template-columns-6: repeat(1, minmax(0px, 1fr)); --screen-grid-column-span-2: 1; --screen-grid-column-span-3: 1; --screen-grid-column-span-4: 1; --screen-grid-column-span-5: 1; --screen-grid-column-span-6: 1; } .screen-grid-cols-1 .empty-screen-field { display: none; } .screen-grid-cols-2 { --screen-grid-template-columns-3: repeat(2, minmax(0px, 2fr)); --screen-grid-template-columns-4: repeat(2, minmax(0px, 2fr)); --screen-grid-template-columns-5: repeat(2, minmax(0px, 2fr)); --screen-grid-template-columns-6: repeat(2, minmax(0px, 2fr)); --screen-grid-column-span-3: 2; --screen-grid-column-span-4: 2; --screen-grid-column-span-5: 2; --screen-grid-column-span-6: 2; } .screen-grid-cols-2 .empty-screen-field { display: none; } .screen-grid-cols-2 .empty-screen-field.col-0, .screen-grid-cols-2 .empty-screen-field.col-1 { display: block; } .screen-grid-cols-3 { --screen-grid-template-columns-4: repeat(3, minmax(0px, 3fr)); --screen-grid-template-columns-5: repeat(3, minmax(0px, 3fr)); --screen-grid-template-columns-6: repeat(3, minmax(0px, 3fr)); --screen-grid-column-span-4: 3; --screen-grid-column-span-5: 3; --screen-grid-column-span-6: 3; } .screen-grid-cols-3 .empty-screen-field { display: none; } .screen-grid-cols-3 .empty-screen-field.col-0, .screen-grid-cols-3 .empty-screen-field.col-1, .screen-grid-cols-3 .empty-screen-field.col-2 { display: block; } .screen-grid-cols-4 { --screen-grid-template-columns-5: repeat(4, minmax(0px, 4fr)); --screen-grid-template-columns-6: repeat(4, minmax(0px, 4fr)); --screen-grid-column-span-5: 4; --screen-grid-column-span-6: 4; } .screen-grid-cols-4 .empty-screen-field { display: none; } .screen-grid-cols-4 .empty-screen-field.col-0, .screen-grid-cols-4 .empty-screen-field.col-1, .screen-grid-cols-4 .empty-screen-field.col-2, .screen-grid-cols-4 .empty-screen-field.col-3 { display: block; } .screen-grid-cols-5 { --screen-grid-template-columns-6: repeat(5, minmax(0px, 4fr)); --screen-grid-column-span-6: 5; } .screen-grid-cols-5 .empty-screen-field { display: none; } .screen-grid-cols-5 .empty-screen-field.col-0, .screen-grid-cols-5 .empty-screen-field.col-1, .screen-grid-cols-5 .empty-screen-field.col-2, .screen-grid-cols-5 .empty-screen-field.col-3, .screen-grid-cols-5 .empty-screen-field.col-4 { display: block; } .entityScreenSection { display: flex; flex-direction: column; margin-bottom: 0; } .entityScreenSection.collapsedSection:last-child { margin-bottom: 1rem; } .entityScreenSection .section-header { width: 100%; height: 1.25rem; border-top: 1px solid var(--md-sys-color-outline-variant-lower); margin-top: 0.5rem; } .entityScreenSection .section-header .section-title { display: flex; flex-direction: row; align-items: center; justify-content: center; position: absolute; z-index: 3; top: -0.625rem; lef: 0; background-color: var(--md-sys-color-background); color: var(--md-sys-color-outline); margin-left: 0.5rem; padding: 0 0.25rem; font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; text-decoration: inherit; text-transform: inherit; font-weight: 450; } .entityScreenSection .section-header .section-title .section-toggle-icon { cursor: pointer; width: 1.25rem; height: 1.25rem; font-family: "Material Icons", "Font Awesome 5 Free"; font-size: 1.25rem; line-height: 1.25rem; } .entityScreenSection .section-header .section-title .section-toggle-icon:before { letter-spacing: 0 !important; content: "expand_more"; } .entityScreenSection .section-header .section-title:hover { color: var(--md-sys-color-primary) !important; } .entityScreenSection.collapsedSection .section-header .section-title .section-toggle-icon::before { content: "expand_less"; } .entityScreenSection.collapsedSection > div:not(.section-header) { display: none !important; } .radio-group-body-auto > div { display: flex; flex-direction: row; align-items: start; flex-wrap: wrap; } .itemView .empty-screen-field { min-height: 5rem; } .dense-compact .itemView .empty-screen-field, .dense-compact.itemView .empty-screen-field { min-height: 4.25rem; } .screenDesigner .entityScreenComponent { box-sizing: border-box; border: 2px dashed transparent; } .screenDesigner .entityScreenComponent.component-selected { border-color: var(--md-sys-color-primary) !important; } .screenDesigner .entityScreenComponent.entityScreen { padding: 1rem 1rem 0 1rem; } .screenDesigner .entityScreenComponent.entityScreenTab { display: flex; flex-direction: column; gap: 2rem; margin-bottom: 1rem; } .screenDesigner .entityScreenComponent.entityScreenPanel:hover, .screenDesigner .entityScreenComponent.entityScreenField:hover { border-color: var(--md-sys-color-outline-variant-low); } .screenDesigner .entityScreenComponent.entityScreenField { z-index: 2; cursor: move; border-radius: 0.25rem; background-color: var(--md-sys-color-background); } .screenDesigner .entityScreenComponent.entityScreenField .x-resizable-handle-south { background-image: linear-gradient(0deg, var(--md-sys-color-primary-alpha-24), var(--md-sys-color-primary-alpha-24)), linear-gradient(0deg, var(--md-sys-color-surface), var(--md-sys-color-surface)); background-color: transparent !important; background-size: auto 8px; background-position: top; bottom: -2px; } .screenDesigner .entityScreenComponent.entityScreenField .x-resizable-handle-south.x-resizable-handle-south-over { line-height: 4px; } .screenDesigner .entityScreenComponent.entityScreenField .x-resizable-handle-east { background-image: linear-gradient(0deg, var(--md-sys-color-primary-alpha-24), var(--md-sys-color-primary-alpha-24)), linear-gradient(0deg, var(--md-sys-color-surface), var(--md-sys-color-surface)); background-color: transparent !important; background-size: 8px auto; margin-left: -2px; right: -2px; background-position: left; } .screenDesigner .entityScreenComponent.entityScreenField .x-resizable-handle-east.x-resizable-handle-east-over:before { margin-left: -1px; } .screenDesigner .entityScreenComponent.entityScreenField .x-resizable-handle-southeast { background-image: linear-gradient(0deg, var(--md-sys-color-primary-alpha-24), var(--md-sys-color-primary-alpha-24)), linear-gradient(0deg, var(--md-sys-color-surface), var(--md-sys-color-surface)); background-color: transparent !important; background-size: 8px auto; bottom: -2px; right: -2px; } .screenDesigner .entityScreenComponent.entityScreenField.cardScreenField .x-resizable-handle-south { background-size: auto 4px; height: 6px; } .screenDesigner .entityScreenComponent.entityScreenField.cardScreenField .x-resizable-handle-south.x-resizable-handle-south-over { line-height: 0px; } .screenDesigner .entityScreenComponent.entityScreenField.cardScreenField .x-resizable-handle-east { background-size: 4px auto; width: 6px; } .screenDesigner .entityScreenComponent.entityScreenField.cardScreenField .x-resizable-handle-east.x-resizable-handle-east-over:before { margin-top: -1rem; } .screenDesigner .entityScreenComponent.entityScreenField.cardScreenField .x-resizable-handle-southeast { width: 6px; height: 6px; } .screenDesigner .entityScreenComponent.entityScreenField.entityScreenField-resize { position: absolute; } .screenDesigner .entityScreenComponent.entityScreenField.x-drag-dragging { opacity: 0.5; } .screenDesigner .entityScreenComponent.entityScreenField.x-drag-dragging.field-drop-invalid { border-color: var(--md-sys-color-error) !important; background-color: var(--md-sys-color-error-container); } .screenDesigner .entityScreenComponent.entityScreenField.x-drag-dragging.field-drop-ok { border-color: var(--md-sys-color-success) !important; background-color: var(--md-sys-color-success-container-lower); } .screenDesigner .proxy-screen-panel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 8px; } .screenDesigner .proxy-screen-panel .proxy-screen-cell { display: flex; flex-direction: column; align-items: stretch; } .screenDesigner .proxy-screen-panel .proxy-screen-cell .empty-cell-text { flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: center; font-style: italic; background-color: var(--md-sys-color-surface); border-radius: 0.25rem; color: var(--md-sys-color-outline-lower); user-select: none; -o-user-select: none; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-drag: none; } .screenDesigner .proxy-screen-panel .proxy-screen-cell .empty-cell-text span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .screenDesigner .proxy-screen-panel .proxy-screen-cell.highlight { background-color: var(--md-sys-color-success-container-low) !important; } .screenDesigner .proxy-screen-panel .proxy-screen-cell.highlight .empty-cell-text { background-color: var(--md-sys-color-success-container-low) !important; } .screenDesigner .proxy-screen-panel .proxy-screen-cell.source { background-color: var(--md-sys-color-blue-container-lower); opacity: 1 !important; } .screenDesigner .proxy-screen-panel .proxy-screen-cell.source .empty-cell-text { background-color: var(--md-sys-color-blue-container-lower); } .screenDesigner .dashboardScreenField { display: flex; flex-direction: column; } .screenDesigner .dashboardScreenField .dashboardScreenField-header { border-bottom: 1px solid var(--md-sys-color-outline-variant-lower); font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.009375rem; text-decoration: inherit; text-transform: inherit; font-weight: 425; padding: 0.5rem 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .screenDesigner .dashboardScreenField .dashboardScreenField-content { flex: 1; display: flex; align-items: center; justify-content: center; padding: 1rem; overflow: hidden; } .screenDesigner .dashboardScreenField .dashboardScreenField-content .dashboard-preview-img { max-width: 100%; width: auto; height: 100%; max-height: 100px; } .screenDesigner .designer-component-properties .design-component-properties { padding: 1rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1rem; } .screenDesigner .designer-component-properties .design-component-properties.design-field-properties { grid-template-rows: repeat(5, auto); } .screenDesigner .designer-component-properties .design-component-properties .grid-col-span-2 { grid-column: auto/span 2; } .screenDesigner .designer-component-properties .design-component-properties .x-field { margin-bottom: 0 !important; } .screenDesigner .designer-component-properties .design-component-properties .x-field.x-field.x-form-type-checkbox { margin-top: 0 !important; } .screenDesigner .designer-component-properties .design-component-properties .x-segmented-button { border-radius: 0.25rem; box-shadow: inset 0 0 0 1px var(--md-sys-color-surface-high); } .screenDesigner .designer-component-properties .design-component-properties .x-segmented-button .x-segmented-button-item { background-color: transparent; } .screenDesigner .designer-component-properties .design-component-properties .x-segmented-button .x-segmented-button-item .x-btn-icon-el { color: var(--md-sys-color-secondary-lowest) !important; } .screenDesigner .designer-component-properties .design-component-properties .x-segmented-button .x-segmented-button-item.x-btn-pressed .x-btn-icon-el { color: var(--md-sys-color-secondary) !important; } .screenDesigner .designer-field-list-top-container { display: flex; flex-direction: column; gap: 0; align-items: stretch; } .screenDesigner .designer-field-list-top-container a.x-btn { align-self: flex-end; } .screenDesigner .designer-fieldList .designer-fieldList-item { padding: 0.5rem; margin: 0.5rem 0.5rem 0.5rem 0; border-radius: 0.25rem; display: flex; flex-direction: row; gap: 1rem; cursor: grab; border-bottom: 1px solid var(--md-sys-color-surface-higher); } .screenDesigner .designer-fieldList .designer-fieldList-item:first-child { margin-top: 0; } .screenDesigner .designer-fieldList .designer-fieldList-item:last-child { margin-bottom: 0; } .screenDesigner .designer-fieldList .designer-fieldList-item.designer-fieldList-item-over { background-color: var(--md-sys-color-primary-alpha-05); } .screenDesigner .designer-fieldList .designer-fieldList-item .tile-content { flex: 1; display: flex; flex-direction: column; } .screenDesigner .designer-fieldList .designer-fieldList-item .tile-content .tile-name { font-weight: 450; } .screenDesigner .designer-fieldList .designer-fieldList-item .tile-content .tile-description { font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .screenDesigner .entityScreenPanel { padding: 8px; } .screenDesigner .entityScreenPanel .design-panel-title { position: absolute; z-index: 3; top: -0.75rem; lef: 0; background-color: var(--md-sys-color-background); color: var(--md-sys-color-outline); margin-left: 0.5rem; padding: 0 0.25rem; font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; text-decoration: inherit; text-transform: inherit; font-weight: 450; display: none; } .screenDesigner .entityScreenPanel.entityScreenPanel-with-title { border-top: 2px solid var(--md-sys-color-outline-variant-lower); } .screenDesigner .entityScreenPanel.entityScreenPanel-with-title .design-panel-title { display: inline-block; } .designer-field-dnd-proxy { text-align: center; border-color: var(--md-sys-color-error) !important; background-color: var(--md-sys-color-error-container-low); border: 2px dashed var(--md-sys-color-outline-variant-low); border-radius: 0.25rem; position: absolute; z-index: 20000; width: auto !important; height: auto !important; opacity: 0.8; padding: 2px; } .designer-field-dnd-proxy.field-drop-invalid { border-color: var(--md-sys-color-error) !important; background-color: var(--md-sys-color-error-container-low); } .designer-field-dnd-proxy.field-drop-ok { border-color: var(--md-sys-color-success) !important; background-color: var(--md-sys-color-success-container-lower); } .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper { display: flex; flex-direction: row; opacity: 1 !important; } .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .view-display .view-display-value { height: 2.5rem; } .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .view-display .view-display-value .view-display-icon svg { width: 1.25rem; height: 1.25rem; } .designer-field-dnd-proxy .designer-cardScreen-dnd-wrapper { display: flex; flex-direction: row; align-items: center; } .designer-field-dnd-proxy .designer-dashboard-dnd-wrapper, .designer-field-dnd-proxy .designer-projectDashboard-dnd-wrapper { display: flex; flex-direction: column; opacity: 1; } .designer-field-dnd-proxy .designer-dashboard-dnd-wrapper .dashboard-drag-widget-title, .designer-field-dnd-proxy .designer-projectDashboard-dnd-wrapper .dashboard-drag-widget-title { border-bottom: 1px solid var(--md-sys-color-outline-variant-low) !important; border-color: var(--md-sys-color-outline-variant-low) !important; font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.009375rem; text-decoration: inherit; text-transform: inherit; font-weight: 425; padding: 0.5rem 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: flex; } .designer-field-dnd-proxy .designer-dashboard-dnd-wrapper .dashboard-drag-widget-img, .designer-field-dnd-proxy .designer-projectDashboard-dnd-wrapper .dashboard-drag-widget-img { flex: 1; display: flex; align-items: center; justify-content: center; padding: 1rem; } .designer-field-dnd-proxy .designer-dashboard-dnd-wrapper .dashboard-drag-widget-img img, .designer-field-dnd-proxy .designer-projectDashboard-dnd-wrapper .dashboard-drag-widget-img img { max-width: 100%; width: auto; height: 100%; max-height: 100px; } .screenDesigner.screenDesigner-cardScreen .cardScreenPanel { max-width: 75rem; border-radius: 0.25rem; } .screenDesigner.screenDesigner-cardScreen .cardScreenPanel:hover { border-color: transparent; } .screenDesigner.screenDesigner-itemScreen .entityScreen .screenTabPanel { max-width: 82.5rem; } .screenDesigner.screenDesigner-itemScreen .proxy-screen-cell { padding-top: 16px; padding-bottom: 16px; } .screenDesigner.screenDesigner-itemScreen .proxy-screen-cell .empty-cell-text { margin-left: 1px; margin-right: 1px; } .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField { display: flex; flex-direction: column; padding-top: 6px; } .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .itemScreenField-content { flex: 1; display: flex; } .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper { display: inline-flex; } .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .view-display .view-display-value { color: var(--md-sys-color-outline-variant) !important; box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant) !important; } .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .view-display, .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .view-display { display: flex; flex-direction: column; flex: 1; margin-left: 1px; margin-right: 1px; user-select: none; -o-user-select: none; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-drag: none; } .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .view-display.view-display-hide-label .view-display-label, .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .view-display.view-display-hide-label .view-display-label { height: 1rem; width: 0; padding: 0; } .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .view-display .view-display-label, .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .view-display .view-display-label { position: absolute; background-color: var(--md-sys-color-background); color: var(--md-sys-color-outline-low) !important; font-family: RobotoFlex; font-size: 0.6875rem; line-height: 1rem; font-weight: 400; letter-spacing: 0.03125rem; text-decoration: none; text-transform: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 0.75rem; padding-left: 0.25rem; } .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .view-display .view-display-value, .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .view-display .view-display-value { color: var(--md-sys-color-surface-variant); height: 2.5rem; margin-top: 0.5rem; box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant-low); border-radius: 0.25rem; padding-left: 1rem; padding-top: 0.625rem; } .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .view-display .view-display-value .view-display-icon svg, .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .view-display .view-display-value .view-display-icon svg { width: 1.25rem; height: 1.25rem; } .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .view-display.textarea .view-display-value, .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .view-display.textarea .view-display-value { flex: 1; } .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .view-checkbox, .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .view-checkbox { color: var(--md-sys-color-outline-low) !important; display: flex; gap: 0.5rem; align-content: center; align-items: center; margin-left: 1rem; } .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .view-checkbox .svg-icon, .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .view-checkbox .svg-icon { width: 1.25rem; height: 1.25rem; fill: var(--md-sys-color-outline-variant); } .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .datefield .view-display-value, .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .comboboxfield .view-display-value, .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .numberfield .view-display-value, .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .datefield .view-display-value, .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .comboboxfield .view-display-value, .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .numberfield .view-display-value { line-height: 0.875rem !important; padding-right: 2rem; } .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .datefield .view-display-value:after, .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .comboboxfield .view-display-value:after, .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .numberfield .view-display-value:after, .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .datefield .view-display-value:after, .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .comboboxfield .view-display-value:after, .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .numberfield .view-display-value:after { font-size: 0.875rem; font-family: "Material Icons", "Font Awesome 5 Free"; position: absolute; top: 1.25rem; right: 0.75rem; display: block; } .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .datefield .view-display-value:after, .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .datefield .view-display-value:after { content: "\f073"; } .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .comboboxfield .view-display-value:after, .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .comboboxfield .view-display-value:after { content: "\f0d7"; } .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .numberfield:before, .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .numberfield:before { color: var(--md-sys-color-surface-variant); position: absolute; top: 1rem; right: 0.75rem; line-height: 0.75rem !important; font-size: 0.875rem; display: block; font: 16px/1 ExtJS; content: "\e61c"; } .screenDesigner.screenDesigner-itemScreen .entityScreenComponent.entityScreenField.itemScreenField .numberfield:after, .designer-field-dnd-proxy .designer-itemScreen-dnd-wrapper .numberfield:after { color: var(--md-sys-color-surface-variant); position: absolute; top: 1.75rem; right: 0.75rem; display: block; font: 16px/1 ExtJS; content: "\e61b"; } .design-field-tooltip { display: flex; flex-direction: row; gap: 0.5rem; flex-wrap: nowrap; align-items: center; justify-content: center; } .design-field-tooltip .view-display-icon svg { width: 1.25rem; height: 1.25rem; } .design-fieldType-container { display: flex; flex-direction: row; gap: 0.5rem; } .design-fieldType-container > * { flex: 1; } .screenDesigner.designer-component-dragging .proxy-screen-panel { z-index: 4; } .screenDesigner.designer-component-dragging .proxy-screen-panel .proxy-screen-cell-used { opacity: 0; } .cardScreenField-content { padding: 0 0.25rem; display: flex; height: 100%; flex-direction: column; } .cardScreenField-content.field-align-left { align-items: start; } .cardScreenField-content.field-align-right { align-items: end; } .cardScreenField-content.field-align-center { align-items: center; } .cardScreenField-content.field-align-stretch-horizontal { justify-content: stretch; } .cardScreenField-content.field-align-top { justify-content: start; } .cardScreenField-content.field-align-middle { justify-content: center; } .cardScreenField-content.field-align-bottom { justify-content: end; } .cardScreenField-content.field-align-stretch-vertical .designer-card-field { flex: 1; } .cardScreenField-content.fiel-rendering-label-and-symbol-styled .designer-card-field .view-display-value, .cardScreenField-content.fiel-rendering-label-only-styled .designer-card-field .view-display-value { border-radius: 0.25rem; padding: 0.125rem 0.25rem; background-color: var(--md-sys-color-purple-container-low); color: var(--md-sys-color-purple-high); font-style: italic; } .cardScreenField-content.fiel-rendering-bar .view-display-value { min-height: 0.5rem; border-radius: 0.25rem; background-color: var(--md-sys-color-purple); min-width: 2.5rem; } .cardScreenField-content.fiel-rendering-bar.field-align-stretch-vertical .designer-card-field { justify-content: center !important; } .cardScreenField-content .designer-card-field { display: flex; flex-direction: column; border: 1px dotted var(--md-sys-color-outline-variant-low); padding: 0.125rem; max-width: 100%; } .cardScreenField-content .designer-card-field .view-display-label { padding: 0; color: var(--md-ctx-palette-neutral-variant60) !important; font-family: RobotoFlex; font-size: 0.6875rem; line-height: 1rem; font-weight: 400; letter-spacing: 0.03125rem; text-decoration: none; text-transform: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cardScreenField-content .designer-card-field .view-display-value { display: flex; flex-direction: row; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cardScreenField-content .designer-card-field .view-display-value .view-display-icon svg { width: 1.25rem; height: 1.25rem; } .cardScreenField.component-selected .cardScreenField-content .designer-card-field { border-color: var(--md-sys-color-outline-lower) !important; } /* This file is used for defining styles for ux components. Because we don't include all ux components, we have to add manually each component style definition below and we have to copy all images into {THEME}/uxComponents folder */ /* Color picker complex definition */ .x-colorpicker { overflow: visible; } .x-colorpicker > x-box-inner { overflow: visible; } .x-colorpicker .x-form-item-label { text-align: center; } .x-colopicker-escape-overflow { overflow: visible; } .x-colopicker-escape-overflow > .x-box-inner { overflow: visible; } .x-colorpicker-colormap { background-image: url("../images/png/colorpick/map_gradient.png"); } .x-colorpicker-colormap-draghandle-container { overflow: visible; z-index: 1; } .x-colorpicker-colormap-blender { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .x-colorpicker-colormap-draghandle { width: 15px; height: 15px; position: relative; left: -7px; top: -7px; background-image: url("../images/png/colorpick/drag_circle.png"); } .x-colorpicker-draghandle-container { width: 20px; } .x-colorpicker-draghandle-container .x-autocontainer-outerCt { height: 100%; } .x-colorpicker-draghandle { width: 32px; height: 9px; position: relative; left: -6px; top: -4px; background-image: url("../images/png/colorpick/pickerslider.png"); background-repeat: no-repeat; z-index: 1; } .x-colorpicker-hue { background-image: url("../images/png/colorpick/huegradient.png"); } .x-colorpicker-hue-gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .x-colorpicker-saturation .x-colorpicker-draghandle-container { background: -moz-linear-gradient(top, #ffffff 0%, #000000 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000",GradientType=0 ); /* IE6-9 */ } .x-colorpicker-value .x-colorpicker-draghandle-container { background: -moz-linear-gradient(top, #ff0000 0%, #000000 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #ff0000 0%, #000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff0000 0%, #000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff0000 0%, #000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff0000 0%, #000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ff0000", endColorstr="#000000",GradientType=0 ); /* IE6-9 */ } .x-colorpicker-alpha .x-colorpicker-draghandle-container { background-image: url("../images/png/colorpick/checkerboard.png"); } .x-colorpicker-preview { background-image: url("../images/png/colorpick/checkerboard.png"); } .x-field.x-field-default.x-colorpicker-field .x-form-item-body { position: relative; } .x-field.x-field-default.x-colorpicker-field .x-form-item-body .x-form-text-wrap input { padding-left: 2.75rem !important; } .x-field.x-colorpicker-field.x-form-type-text label, .x-field.x-colorpicker-field.x-field-focus label, .x-field.x-colorpicker-field.not-empty label, .x-field.x-colorpicker-field.x-form-readonly label { margin-left: 12px !important; transition-duration: 150ms; transform: translateY(-0.5rem) scale(0.8) !important; transform-origin: top left; z-index: 3; } .x-field.x-colorpicker-field.x-form-type-text label .x-form-item-label-inner, .x-field.x-colorpicker-field.x-field-focus label .x-form-item-label-inner, .x-field.x-colorpicker-field.not-empty label .x-form-item-label-inner, .x-field.x-colorpicker-field.x-form-readonly label .x-form-item-label-inner { background-color: var(--md-sys-color-surface); } .x-colorpicker-field-swatch { position: absolute; width: 1.25rem; height: 1.25rem; left: 1rem; border-radius: 0.25rem; background-image: url("../images/png/colorpick/checkerboard.png"); background-size: 0.5rem; top: 0px; bottom: 0px; margin: auto; } .x-colorpicker-field-swatch-inner { position: absolute; height: 100%; width: 100%; border-radius: 0.25rem; border: 1px solid var(--md-sys-color-outline-variant-lower); } .x-colorpicker-button { position: relative; border: 1px solid gray; background-image: url("../images/png/colorpick/checkerboard.png"); } .x-colorpicker .x-btn { padding: 10px 0px; } .x-colorpicker .x-colorpicker-colormap, .x-colorpicker .x-colorpicker-slider { margin-bottom: 16px !important; } .x-colorpicker-escape-overflow .x-field.x-form-type-text { margin-right: 4px; margin-bottom: 0px !important; } .x-colorpicker-escape-overflow .x-field.x-form-type-text:last-child { margin-right: 0; } .x-container.x-colorpicker { overflow: visible; } .x-container.x-colorpicker .x-box-inner { overflow: visible; } .x-colorpicker-escape-overflow { overflow: visible; } .x-colorpicker-escape-overflow .x-box-inner { overflow: visible; } /* end */ .remote-searchable-picker-bound-list .x-grid .x-grid-cell.x-selmodel-checkbox .x-grid-checkcolumn::after, .remote-searchable-picker-bound-list .x-grid .x-grid-checkcolumn::after { color: var(--md-sys-color-on-surface) !important; } .remote-searchable-picker-bound-list .x-grid-item, .remote-searchable-picker-bound-list .x-panel-body, .remote-searchable-picker-bound-list .x-panel-bodyWrap, .remote-searchable-picker-bound-list .x-toolbar-default { background: var(--md-sys-color-surface-high); } .remote-searchable-picker-bound-list .x-toolbar-default.x-toolbar-docked-top { border-bottom: 1px solid var(--md-sys-color-outline-variant-lower) !important; } .remote-searchable-picker-bound-list .x-toolbar-default.x-toolbar-docked-bottom { border-top: 1px solid var(--md-sys-color-outline-variant-lower) !important; } .remote-searchable-picker-bound-list .x-grid-item-selected { background: var(--md-sys-color-primary-alpha-10) !important; } .remote-searchable-picker-bound-list .cellTextMatch { background-color: var(--md-sys-color-success-container-low); color: var(--md-sys-color-on-success-container); } .remote-searchable-picker-bound-list .cell-secondary-lbl-wrapper { white-space: normal; height: auto; display: flex; align-items: flex-start; gap: 0.5rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } .remote-searchable-picker-bound-list .cell-secondary-lbl-wrapper:last-child { margin-bottom: 0; } .remote-searchable-picker-bound-list .cell-secondary-lbl-wrapper .svg-img.svg-icon { height: 1rem; } .remote-searchable-picker-bound-list .cell-secondary-lbl-wrapper svg { width: 1rem; height: 1rem; color: var(--md-sys-color-outline); } .remote-searchable-picker-bound-list .label-cell .x-grid-cell-inner { padding: 1rem 0 !important; } .remote-searchable-picker-bound-list .x-grid-item td.avatarCell .x-grid-cell-inner { padding: 1rem 1rem 1rem 0 !important; } .remote-searchable-picker-bound-list .x-grid-item td.avatarCell.x-grid-cell-first .x-grid-cell-inner { padding-left: 1rem !important; } .remote-searchable-picker-bound-list .x-grid-item:hover { background: var(--md-sys-color-primary-alpha-08); } .remote-searchable-picker-bound-list .main-label { line-height: 24px; white-space: normal; font-weight: 500; } .remote-searchable-picker-bound-list .searchfield { margin: 0 !important; } .remote-searchable-picker-bound-list .searchfield.x-field.x-form-type-text:not(.full-border) .x-form-trigger-wrap, .remote-searchable-picker-bound-list .searchfield.x-field.x-form-type-text:not(.full-border) .x-form-trigger-wrap-default { box-shadow: inset 0 -1px 0 0 var(--md-sys-color-outline-variant-low) !important; } .remote-searchable-picker-bound-list .searchfield.x-field.x-form-type-text:not(.full-border) .x-form-trigger-wrap:hover, .remote-searchable-picker-bound-list .searchfield.x-field.x-form-type-text:not(.full-border) .x-form-trigger-wrap-default:hover { box-shadow: inset 0 -1px 0 0 var(--md-sys-color-outline-variant) !important; } .remote-searchable-picker-bound-list .searchfield.x-field.x-form-type-text:not(.full-border).x-field-focus .x-form-trigger-wrap, .remote-searchable-picker-bound-list .searchfield.x-field.x-form-type-text:not(.full-border).x-field-focus .x-form-trigger-wrap-default { box-shadow: inset 0 -1px 0 0 var(--md-sys-color-outline) !important; } .remote-searchable-picker-bound-list .bound .x-grid-cell-inner.x-grid-checkcolumn-cell-inner { padding-left: 8px !important; padding-top: 18px !important; } /* Generates the app. loading based on the following template. */ .app-loading-cmp-default { display: inline-block; position: relative; width: 5rem; height: 5rem; background: transparent; } .app-loading-cmp-default div { position: absolute; top: 2.0625rem; width: 0.8125rem; height: 0.8125rem; border-radius: 50%; background: var(--md-sys-color-primary-light); animation-timing-function: cubic-bezier(0, 1, 1, 0); } .app-loading-cmp-default div:nth-child(1) { left: 0.5rem; animation: loading-cmp-frame-1 0.6s infinite; } .app-loading-cmp-default div:nth-child(2) { left: 0.5rem; animation: loading-cmp-frame-1 0.6s infinite; } .app-loading-cmp-default div:nth-child(3) { left: 2rem; animation: loading-cmp-frame-2 0.6s infinite; } .app-loading-cmp-default div:nth-child(4) { left: 3.5rem; animation: loading-cmp-frame-3 0.6s infinite; } @keyframes loading-cmp-frame-1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes loading-cmp-frame-2 { 0% { transform: translate(0, 0); } 100% { transform: translate(1.5rem, 0); } } @keyframes loading-cmp-frame-3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } .app-loading-cmp-small { display: inline-block; position: relative; width: 2.8125rem; height: 2.8125rem; background: transparent; } .app-loading-cmp-small div { position: absolute; top: 1.1595rem; width: 0.45678rem; height: 0.45678rem; border-radius: 50%; background: var(--md-sys-color-primary-light); animation-timing-function: cubic-bezier(0, 1, 1, 0); } .app-loading-cmp-small div:nth-child(1) { left: 0.28125rem; animation: loading-cmp-frame-1 0.6s infinite; } .app-loading-cmp-small div:nth-child(2) { left: 0.28125rem; animation: loading-cmp-frame-1 0.6s infinite; } .app-loading-cmp-small div:nth-child(3) { left: 1.125rem; animation: loading-cmp-frame-2 0.6s infinite; } .app-loading-cmp-small div:nth-child(4) { left: 1.96875rem; animation: loading-cmp-frame-3 0.6s infinite; } @keyframes loading-cmp-frame-1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes loading-cmp-frame-2 { 0% { transform: translate(0, 0); } 100% { transform: translate(1.5rem, 0); } } @keyframes loading-cmp-frame-3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } .x-field.x-form-type-text .x-form-copy-to-clipboard-trigger:before { content: "\e14d"; font-family: "Material Icons", "Font Awesome 5 Free"; letter-spacing: 0; line-height: 1.25rem !important; font-size: 1.25rem; } .x-field.x-form-type-text.search-field { margin: 0 !important; } .x-field.x-form-type-text.search-field.margin-bottom-medium { margin-bottom: 1rem !important; } .x-field.x-form-type-text.search-field:not(.full-border) .x-form-trigger-wrap, .x-field.x-form-type-text.search-field:not(.full-border) .x-form-trigger-wrap-default { box-shadow: none !important; border-radius: 0 !important; } .x-field.x-form-type-text.search-field:not(.full-border) .x-form-trigger-wrap:hover, .x-field.x-form-type-text.search-field:not(.full-border) .x-form-trigger-wrap-default:hover { box-shadow: inset 0 -1px 0 0 var(--md-sys-color-outline-variant) !important; } .x-field.x-form-type-text.search-field:not(.full-border).x-field-focus .x-form-trigger-wrap, .x-field.x-form-type-text.search-field:not(.full-border).x-field-focus .x-form-trigger-wrap-default { box-shadow: inset 0 -1px 0 0 var(--md-sys-color-outline) !important; } .x-field.x-form-type-text.search-field .x-form-trigger-wrap, .x-field.x-form-type-text.search-field .x-form-trigger-wrap-default { background-color: var(--md-sys-color-surface-variant-lower); } .x-field.x-form-type-text.search-field .x-form-trigger-default.active:before { background-color: var(--md-sys-color-primary-container-low); box-shadow: inset 0 0 0 1px var(--md-sys-color-surface-variant); } .x-field.x-form-type-text.search-field .x-form-trigger-focus.active:before { background-color: var(--md-sys-color-primary-container); box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-lowest); } .x-field.x-form-type-text.search-field .x-form-search-find-trigger:before { content: "search"; font-family: "Material Icons", "Font Awesome 5 Free"; letter-spacing: 0; line-height: 1.25rem !important; font-size: 1.25rem; } .x-field.x-form-type-text.search-field .x-form-search-clear-trigger:before { content: "\e5cd"; font-family: "Material Icons", "Font Awesome 5 Free"; letter-spacing: 0; } .x-field.x-form-type-text.search-field .x-form-search-descendants-trigger:before { content: "add_circle_outline"; font-family: "Material Icons", "Font Awesome 5 Free"; letter-spacing: 0; line-height: 1.25rem !important; } .dense-compact .x-field.x-form-type-text.search-field .x-form-trigger-wrap:after, .dense-compact .x-field.x-form-type-text.search-field .x-form-trigger-wrap-default:after { top: 0.375rem !important; } .x-column-header .x-field.x-form-type-text.search-field .x-form-trigger-wrap, .x-column-header .x-field.x-form-type-text.search-field .x-form-trigger-wrap-default { box-shadow: none !important; } .x-field.x-form-type-text .clear-field-trigger:before { content: "\e5cd"; font-family: "Material Icons", "Font Awesome 5 Free"; letter-spacing: 0; line-height: 1.25rem !important; } .x-field.x-form-type-text:hover .clear-field-trigger:before { opacity: 1; } .dense-compact .x-field.x-form-type-text .clear-field-trigger:after { top: 0.375rem !important; } .entity-path-container { display: flex; flex-direction: row; flex-wrap: wrap; padding: 2px 1rem; background-color: var(--md-sys-color-outline-alpha-05); border-radius: 0.25rem; } .entity-path-container .entity-path-item { display: flex; gap: 0.25rem; align-items: center; height: 1.75rem; cursor: pointer; } .entity-path-container .entity-path-item .path-item-icon { opacity: 0.75; } .entity-path-container .entity-path-item .path-item-icon img, .entity-path-container .entity-path-item .path-item-icon .svg-icon { width: 1rem; height: 1rem; } .entity-path-container .entity-path-item .path-item-label { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 12rem; } .entity-path-container .entity-path-item:hover .path-item-icon { opacity: 1; } .entity-path-container.plain-path-container .entity-path-item { color: var(--md-sys-color-secondary) !important; } .entity-path-container.plain-path-container .entity-path-item:hover { background-color: transparent; color: var(--md-sys-color-primary) !important; } .entity-path-container.plain-path-container .entity-path-item:after { font-family: "Material Icons", "Font Awesome 5 Free"; font-size: 1.25rem; line-height: 1.25rem; color: var(--md-sys-color-outline-variant) !important; content: "chevron_right"; } .entity-path-container.plain-path-container .entity-path-item:last-child:after { content: none; display: none !important; } .entity-path-container.filled-path-container { background-color: var(--md-sys-color-surface); border-radius: 0.25rem; } .entity-path-container.filled-path-container .entity-path-item { padding: 0 1.375rem; background-color: var(--md-sys-color-surface-higher); } .entity-path-container.filled-path-container .entity-path-item:before { width: 0; height: 0; display: block; border-top: 1rem solid transparent; box-sizing: content-box; border-bottom: 1rem solid transparent; border-left: 1rem solid var(--md-sys-color-background); content: ""; left: 0; position: absolute; z-index: 2; } .entity-path-container.filled-path-container .entity-path-item:after { width: 0; height: 0; display: block; border-top: 0.875rem solid transparent; box-sizing: content-box; border-bottom: 0.875rem solid transparent; border-left: 0.875rem solid var(--md-sys-color-surface-higher); content: ""; right: -0.875rem; position: absolute; z-index: 3; } .entity-path-container.filled-path-container .entity-path-item:first-child { padding-left: 0.5rem; } .entity-path-container.filled-path-container .entity-path-item:first-child:before { border-left-color: transparent !important; } .entity-path-container.filled-path-container .entity-path-item:hover { background-color: var(--md-sys-color-primary-alpha-10); } .entity-path-container.filled-path-container .entity-path-item:hover:after { border-left-color: var(--md-sys-color-primary-alpha-10); } /* base item*/ /* item screen */ .itemTitle { text-transform: uppercase; font-weight: normal; } a.synopsis_blue { color: var(--md-sys-color-primary); font-weight: normal; cursor: pointer; } a.synopsis_blue:active { color: var(--md-ctx-palette-primary35); } a.synopsis_blue:hover { color: var(--md-sys-color-error); background: none; text-decoration: underline; } a.synopsis_red { color: var(--md-sys-color-error); font-weight: normal; } a.synopsis_red:active { color: var(--md-sys-color-error); } a.synopsis_red:hover { color: var(--md-ctx-palette-primary35); background: none; text-decoration: underline; } a.synopsis_orange { color: #FA763A; font-weight: normal; } a.synopsis_orange:active { color: #FA763A; } a.synopsis_orange:hover { color: var(--md-ctx-palette-primary35); background: none; text-decoration: underline; } a.synopsisClosedNotOnPlan { color: #1D5090; font-weight: normal; } a.synopsisClosedNotOnPlan:active { color: #1D5090; } a.synopsisClosedNotOnPlan:hover { color: #BF2128; background: none; text-decoration: underline; } .emphasize { color: var(--md-ctx-palette-error50); font-weight: bold; } .dataEmphasize { color: var(--md-ctx-palette-error60); } .parentid { color: darkgreen; font-weight: bold; } .parent_synopsys { color: #000; } /*required bar*/ .requiredHintBar { background-color: #e80000; height: 18px; width: 3px; } .requiredHint { color: #6b6b6b; float: right; /*margin-left: 40px;*/ margin-right: 2px; } .x-form-item-label .required { background-color: #e80000; float: right; height: 20px; margin-right: -4px; margin-top: -2px; width: 3px; } .x-form-item-body .required { background-color: #e80000; float: left; height: 20px; margin-left: -4px; width: 3px; } /*title header*/ .txtTitleHeader .x-form-text { font-size: 16px; line-height: 1.1; font-weight: 400; color: #000000; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -o-transition: color 1s ease, border 1s ease; -ms-transition: color 1s ease, border 1s ease; -moz-transition: color 1s ease, border 1s ease; -webkit-transition: color 1s ease, border 1s ease; transition: color 1s ease, border 1s ease; } .txtTitleHeader .x-form-item-body { width: 100% !important; min-width: 100% !important; } .labelVerticalAlign-top .x-form-item-label, .valueVerticalAlign-top .x-form-item-body { vertical-align: top; } .labelVerticalAlign-middle .x-form-item-label, .valueVerticalAlign-middle .x-form-item-body { vertical-align: middle; } .labelVerticalAlign-bottom .x-form-item-label, .valueVerticalAlign-bottom .x-form-item-body { vertical-align: bottom; } .x-form-type-checkbox.labelVerticalAlign-middle .x-form-cb-wrap { vertical-align: top; } .valueAlign-left .x-form-item-body { text-align: left; } .valueAlign-right .x-form-item-body { text-align: right; } .valueAlign-center .x-form-item-body { text-align: center; } .screenField .x-form-display-field-default { min-height: unset; } .wikiDescription .issue.issue-not-found, .screenField.htmlReadOnlyField .issue.issue-not-found { box-shadow: 0 0 0 1px var(--md-sys-color-error); background-color: var(--md-sys-color-error-container); color: var(--md-sys-color-on-error-container); border-radius: 0.25rem; padding: 0.125rem 0.25rem; } .screenField .x-form-display-field .issue-not-found { display: inline-block; } .wordWrapTd .x-grid-cell-inner { white-space: normal; } .wordWrapTd .x-grid-cell-inner p:first-child, td.longFieldCell p:first-child, .reportHistoryCellLongField p:first-child, .htmlReadOnlyField p:first-child { margin-top: 0; } .reportHistoryCellLongField table { border-spacing: 0px; border-collapse: collapse; } .reportHistory .reportHistoryRow td.longFieldCell, .reportHistoryCellLongField { line-height: 1.4285714286; } .wordWrapTd .x-grid-cell-inner p:last-child, td.longFieldCell p:last-child, .reportHistoryCellLongField p:last-child, .htmlReadOnlyField p:last-child { margin-bottom: 0; } .workItemDialog .htmlReadOnlyField * { word-break: normal !important; } /*screen*/ /*print item*/ /* item in view mode: title style */ .itemTitleWrapper { border-style: solid; border-width: 0px; border-color: #FFFFFF !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -o-transition: color 2s ease, border 1s ease; -ms-transition: color 2s ease, border 1s ease; -moz-transition: color 2s ease, border 1s ease; -webkit-transition: color 2s ease, border 1s ease; transition: color 2s ease, border 1s ease; min-height: 2.5rem; } .itemTitleWrapper.editable { padding-top: 6px !important; padding-left: 6px !important; cursor: pointer; border: 1px solid transparent; } .itemTitleWrapper.editable.mouseOver { cursor: pointer; border-style: solid; border-width: 1px; border-color: #b5b8c8 !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -o-transition: color 2s ease, border 1s ease; -ms-transition: color 2s ease, border 1s ease; -moz-transition: color 2s ease, border 1s ease; -webkit-transition: color 2s ease, border 1s ease; transition: color 2s ease, border 1s ease; } .itemTitleWrapper.editable.mouseOver .itemTitleTextContent { color: #008000 !important; -o-transition: color 2s ease; -ms-transition: color 2s ease; -moz-transition: color 2s ease; -webkit-transition: color 2s ease; transition: color 2s ease; cursor: pointer; } .itemTitleWrapper .itemTitleTextContent { -o-transition: color 2s ease; -ms-transition: color 2s ease; -moz-transition: color 2s ease; -webkit-transition: color 2s ease; transition: color 2s ease; border-width: 0px !important; } /* end */ .editableFieldWrapper-over { cursor: pointer; } .workItemDialog .editableFieldWrapper .screenField .x-form-display-field, .printItemCenterView .editableFieldWrapper .screenField .x-form-display-field { border-style: solid; border-width: 1px; border-color: rgba(10, 10, 10, 0); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -o-transition: color 2s ease, border 1s ease; -ms-transition: color 2s ease, border 1s ease; -moz-transition: color 2s ease, border 1s ease; -webkit-transition: color 2s ease, border 1s ease; transition: color 2s ease, border 1s ease; min-height: 25px !important; margin-left: 0px !important; } /* workItem dialog*/ .itemLock { font-weight: bold; color: red; } /* If the wrapper component of fields is FieldSet */ .printItemCenterView .fieldsWrapperFieldset, .workItemDialog .fieldsWrapperFieldset { background: #FFFFFF !important; border-width: 1px 0 0 0 !important; border-color: #D0D0D0 !important; border-radius: 0px !important; padding-bottom: 0px !important; } .workItemDialog .fieldsWrapperPanel, .printItemCenterView .fieldsWrapperPanel { padding-right: 16px !important; padding-left: 6px !important; min-height: 32px !important; } /* Start date field config btn */ /* Item comment tab avatar img */ .itemTabAvatarCell { width: 30px !important; height: 30px !important; border-radius: 50px; background-color: #D7D8D9; } .avatarImgLikeListView { width: 50px; height: 50px; border-radius: 50px; background-color: #D7D8D9; } /* Comment list view action icons */ .itemDetailTabIcon { cursor: pointer; pointer-events: all !important; width: 16px; } .commentListViewNoLikesLabel { color: #0074A8; position: relative; top: -2px; display: inline; } .itemView { box-sizing: border-box; border: 0.125rem solid transparent !important; -webkit-transition: border 500ms ease-out; -moz-transition: border 500ms ease-out; -o-transition: border 500ms ease-out; transition: border 500ms ease-out; } .itemView.itemViewDnDItemOver { border: 0.125rem dashed var(--ag-color-green) !important; } .itemView .itemView-body { padding: 0 0.875rem !important; } .itemView .itemView-body .entityScreen > .entityScreenTab { padding-top: 0; } .itemView .itemHeader { display: flex; flex-direction: column; gap: 0.5rem; padding-top: 0.5rem; } .itemView .itemHeader .itemTitleWrapper .item-icon { position: absolute; top: 1.125rem; left: 1rem; z-index: 2; } .itemView .itemHeader .itemTitleWrapper .item-icon .list-icon { width: 1.25rem; height: 1.25rem; } .itemView .itemHeader .itemTitleWrapper .x-field.headerTextField.x-form-type-text .x-form-text-default, .itemView .itemHeader .itemTitleWrapper .x-field.display-field-inlineEdit .x-form-display-field-body .x-form-display-field-default { padding-left: 2.75rem !important; } .dense-compact .itemView { border: 0.0625rem solid transparent !important; } .dense-compact .itemView.itemViewDnDItemOver { border: 0.0625rem dashed var(--ag-color-green) !important; } .dense-compact .itemView .itemView-body { padding: 0 0.6875rem !important; } .dense-compact .itemView .itemHeader .itemTitleWrapper .item-icon { top: 1rem !important; } .dense-compact .itemView .itemHeader .itemTitleWrapper .item-icon .list-icon { width: 1rem; height: 1rem; } .dense-compact .itemView .itemHeader .itemTitleWrapper .x-field.headerTextField.x-form-type-text .x-form-text-default, .dense-compact .itemView .itemHeader .itemTitleWrapper .x-field.display-field-inlineEdit .x-form-display-field-body .x-form-display-field-default { padding-left: 2.5rem !important; } .dense-compact .itemView .itemHeader .itemTitleWrapper .itemTitleTextContent { padding-left: 2.5rem !important; margin-top: 0.25rem; margin-bottom: 1rem; } .itemViewDnDItemOver, .itemView.itemViewDnDItemOver { border: 2px dashed var(--ag-color-green) !important; } /* end */ /* Item attachment drag and drop */ .versionsListView .x-grid-row-summary td, .votingListView .x-grid-row-summary td, .branchBaselineListView .x-grid-row-summary td { border-width: 0 0 0 0 !important; border-color: #5C5C5C !important; background-color: #F2F2F2 !important; overflow: visible; } .versionsListView .x-grid-row-summary td .x-grid-cell-inner { overflow: visible !important; } /* end */ .attachmentDefaultThumbnail { height: 25px; } .likesListView .x-grid-cell { vertical-align: middle; } .versionsListView .x-docked-summary, .votingListView .x-docked-summary, .branchBaselineListView .x-docked-summary { border-width: 0px !important; } /* end */ /* item edit detail panel grid layout config */ .itemGridLayoutSettingsBtn { position: absolute !important; right: 0px !important; left: auto !important; background-image: url(../images/svg/actions/config.svg) !important; cursor: pointer !important; background-repeat: no-repeat; background-position: center; width: 16px; height: 16px; } /* Item dialog height change */ .workItemDialogAnimation { -webkit-transition: height 500ms; -moz-transition: height 500ms; -o-transition: height 500ms; transition: height 500ms; } .historyListView .newValuesCell img, .historyListView .oldValuesCell img, .historyListView .diffCell img { max-width: 99%; height: auto !important; } .itemDetailTabCommentRow .commentCell img { max-width: 99%; height: auto !important; } .importWizard .x-panel-body { border-top: 10px red !important; } .importExcelDialog .x-form-type-radio { margin-top: 0px !important; padding-top: 0px !important; } /* Inline item and field */ .inlineField-view { color: var(--md-sys-color-blue-highest); font-weight: bold; } .inlineItem .generalItem { border-radius: 0.25rem; border: solid 1px var(--md-sys-color-outline-variant-lower); margin-top: 0.5rem; } .inlineItem .generalItem .inlineItemTitle { background-color: var(--md-sys-color-blue-container-lower); border-bottom: 1px solid var(--md-sys-color-outline-variant-lower); padding: 0.25rem 0.5rem; display: flex; flex-direction: row; align-items: center; gap: 0.25rem; } .inlineItem .generalItem .inlineItemBody { padding: 0.25rem 0.5rem; } .inlineItem .generalItem .inlineItemLinks { background-image: url("../images/svg/actions/link.svg"); background-position: 0.5rem 0.5rem !important; background-repeat: no-repeat; background-color: var(--md-sys-color-secondary-container-lowest); border-top: 1px dashed var(--md-sys-color-outline-variant-lower); padding: 0.5rem 2rem; display: flex; flex-direction: column; align-items: flex-start; gap: 0.125rem; } .inlineItem .generalItem .inlineItemLinks .inlineLink { color: var(--md-sys-color-secondary); } /* end */ /* Versioning */ .compareVersionsHtmlView .itemTitleTextContent { border: 0px !important; } .compareItem-changedLine { background-color: #C6C6FD !important; display: block; /*display: inline-block;*/ } .compareItem-deletedLine { background-color: #FDC6C6 !important; display: block; /*display: inline-block;*/ } .compareItem-insertedLine { background-color: #CCFFCC !important; display: block; /*display: inline-block;*/ } .versionsListView .x-panel-body { border-top-width: 0px !important; border-bottom-width: 0px !important; } /* Compare item versions splitter */ .compareVersionsWrapper .x-splitter { background-color: #D0D0D0 !important; width: 1px !important; padding-left: 2px !important; padding-right: 2px !important; } /* Versioned item fields use the following css. for highlighting */ .highlightedVersionedField { border-radius: 4px; background-color: #F8F6F6; } /* Compare item versions dialog */ .compareItemsDlg { border: 1px solid #F2F2F2 !important; } /* Compare item versions dialog header */ .compareItemsDlg .x-window-header { background-color: #F2F2F2 !important; border-bottom-color: #827F7F !important; } /* Compare item versions dialog bottom toolbar */ .compareItemsDlg .x-toolbar-footer { border-top-color: #827F7F !important; } /* Display item version version dialog text */ .compareItemsDlg .x-title-text, .compareItemsDlg .x-tool-img { color: #6C6565 !important; } /* Compare versions result view main panel*/ .compareVersionsResultView .x-panel-body { border-width: 0px !important; } /* Display item version version dialog */ .displayVersionDlg { border: 1px solid #F2F2F2 !important; } /* Display item version version dialog body panel */ .displayVersionDlg .x-window-body { border-color: #827F7F !important; } /* Display item version version dialog header */ .displayVersionDlg .x-window-header { background-color: #F2F2F2 !important; border-bottom-color: #827F7F !important; } /* Display item version version dialog text */ .displayVersionDlg .x-title-text, .displayVersionDlg .x-tool-img { color: #6C6565 !important; } .displayVersion .centerPanel { background-color: #FFFFFF !important; } .compareVersionsToolbar { border-bottom-width: 1px !important; border-bottom: 1px solid #D0D0D0 !important; } .itemFullWidthField .x-form-text-field-body-default { min-width: 100% !important; width: 100% !important; } /* Display version in html view */ .versionsHtmlViewWrapperPanel, .versionsHtmlViewWrapperPanel .x-panel-bodyWrap, .versionsHtmlViewWrapperPanel .x-panel-body { height: 100% !important; } .versionsHtmlView .versionRow { width: 100%; height: 42px; margin-bottom: 12px; margin-top: 12px; } .versionsHtmlView .versionRowGroupLabel { height: 30px; /*margin-bottom: 18px;*/ background-color: #f8f8f8; } .versionsHtmlView .groupLabel { width: 100%; padding: 4px 0 4px 10px; border-radius: 0; /*border-top: 1px solid #eaeaea;*/ color: #999999; /*border-bottom: 1px solid #eaeaea;*/ } .versionsHtmlView .versionRowBase.x-view-item-focused { outline: none !important; } .versionsHtmlView .versionContent { display: flex; height: 100%; } .versionsHtmlView .versionContentTextWrapper { margin-left: 4px !important; } .versionsHtmlView .avatarWrapper { margin-top: -4px; } .versionsHtmlView .versionContentTextWrapper p { margin-top: -2px !important; } .versionsHtmlView .versionContentTextWrapper, .versionsHtmlView .versionContentBtnWrapper { display: inline-block; } .versionsHtmlView .versionContentBtnWrapper { position: absolute; right: 0px !important; margin-top: 2px; } .versionsHtmlView .versionNameExpanded { width: 40%; background-color: F0F0F0; padding: 8px; border-radius: 4px; background-color: #F0F0F0; height: auto !important; max-height: 300px !important; } .versionsHtmlView .versionName { height: 22px; max-height: 22px; -moz-transition: max-height 1s; -ms-transition: max-height 1s; -o-transition: max-height 1s; -webkit-transition: max-height 1s; transition: 1s; padding-left: 8px; width: 600px; } .versionsHtmlView .versionName:HOVER { background-color: #F0F0F0; } .versionsHtmlView .versionNameCollapsed { max-height: 22px !important; height: 22px !important; } .versionsHtmlView .browseVersionBtn { background-color: #DDE0E0; border: 1px solid #808080; padding: 5px; margin: 0 0 0 5px; border-radius: 4px; cursor: pointer; } .versionsHtmlView .browseVersionBtn img { margin-right: 0; } .versionsHtmlView .compareVersionsBtn img { margin-right: 5px; } .versionsHtmlView .browseVersionBtn span { margin: -1px; } .versionsHtmlView .browseVersionBtn img, .versionsHtmlView .browseVersionBtn span { float: left; } .versionsHtmlView .versionDetails { padding-left: 8px !important; } .versionsHtmlView .versionDetails .versionNoText { color: #3B86FF !important; cursor: pointer; } .versionsHtmlView .versionDetails .versionNoText:HOVER { text-decoration: underline; } .versionsHtmlView .separator { border-top: solid 1px #EAEAEA; } .removeBtnNoLabel { background-image: url(../images/svg/actions/delete.svg) !important; background-repeat: no-repeat !important; width: 16px !important; height: 16px !important; background-color: transparent !important; border-width: 0px !important; margin: 4px 0 0 4px !important; } /* end */ /* Browse versions dlg. notification dialog */ .versionsDlg { border: 0px !important; border: 1px solid #D0D0D0 !important; } .versionsDlg .x-window-body { border-width: 0px !important; } .versionsDlg .x-window-header { background-color: #FFFFFF !important; border-width: 0px !important; border-bottom: 1px solid #D0D0D0 !important; cursor: default !important; } .versionsDlg.settings { position: absolute; right: 5px; color: #43425D; cursor: pointer; } .versionsDlg .x-title-text { color: #43425D !important; } .versionsDlg .x-tool-tool-el { color: #43425D !important; } .versionsDlg .x-toolbar-footer { display: none !important; } .versionsDlg.loadAll { position: absolute; left: 50% !important; color: #43425D !important; cursor: pointer; font-size: 15px; font-weight: 400; } .versionsDlg.done { background-image: none !important; position: absolute; left: 50% !important; color: #43425D !important; cursor: pointer; font-size: 15px; font-weight: 400; } /* end of Browse versions dlg. notification dialog */ /* In compare view the version selector combo's content area (bound list) style */ .versionSelectorBoundList { width: 450px !important; border-top: 1px solid #D0D0D0; } /* end */ /* Dialog header copy button */ .copyTitleToClipboard .x-tool-tool-el { font-family: "Font Awesome 5 Free"; background-image: none !important; } .copyTitleToClipboard .x-tool-tool-el::before { content: "\f0c5" !important; } .expenseDataView .expenseHtmlViewRowBase { min-height: 75px; display: table; width: 100%; border-bottom: 1px solid #EAEAEA; margin: 0px; padding: 15px 0 15px 5px; } /* Hide row controls */ .expenseHtmlViewRowBase .expenseControllWrapper { opacity: 0; transition: visibility 0.3s linear, opacity 0.3s linear; } /* Show row controls */ .expenseHtmlViewRowBase:hover .expenseControllWrapper { opacity: 1; transition: visibility 0.3s linear, opacity 0.3s linear; } .expenseDataView .avatarWrapper { display: inline-block; width: 40px !important; } .expenseDataView .expenseHtmlViewDetailWrapper { display: inline-block; vertical-align: top; width: calc(100% - 50px); } .expenseDataView .expenseDescription { display: none; } .expenseDataView .expenseSbj { transition: background-color 1s ease; margin: 5px 0 0 0; display: block; cursor: pointer !important; } .expenseDataView .expenseSbj:hover { transition: background-color 1s ease; background-color: #F0F0F0; } .workAndCostHeader { width: 100%; background-color: var(--accent-light-color); padding: 0 0 10px 10px; } .workAndCostHeader .addExpense { left: auto !important; right: 30px !important; } .workAndCostHeader .recalculateRemainingEffort { left: auto !important; right: 85px !important; } .budgetWorkRemainingValueLbl { padding: 4px; } .budgetWorkRemainingValueLbl.editable { cursor: pointer !important; pointer-events: all !important; } .budgetWorkRemainingValueLbl.editable:hover { background-color: rgba(201, 201, 201, 0.18) !important; } .budgetWorkRemainingTitle.editable span { margin-left: 16px; } /* Hide Budget, PV etc. edit controls */ .budgetWorkRemainingTitle .editTotal { opacity: 0; transition: visibility 0.3s linear, opacity 0.3s linear; } /* Show Budget, PV etc. edit controls */ .budgetWorkRemainingTitle:hover .editTotal { opacity: 1; transition: visibility 0.3s linear, opacity 0.3s linear; } .branchBaselineListView .branchBaselineGroup { background-color: var(--base-wrapper-color); } .branchBaselineListView .branchBaselineGroup .x-grid-checkcolumn::after { content: "" !important; } .branchBaselineGroup .x-tree-icon { display: none !important; } .branchBaselineListView .x-tree-icon { display: none !important; } .linkPicker.sectionPicker .nodeType-1, .linkPicker.sectionPicker .nodeType-3, .linkPicker.sectionPicker .nodeType-2 { background-color: #CCC !important; } .workItemDialog .copyItemExtraFieldsWrapper .x-form-item-body-default.x-form-checkboxgroup-body { padding-left: 0px !important; } .workItemDialog .copyItemExtraFieldsWrapper { padding: 20px 0 0 20px !important; } .workItemDialog .itemWizardStep1Form .moveItemOldLocationWrapper { width: calc(100% - 16px) !important; } .workItemDialog .itemWizardStep1Form { padding: 15px 0 0 20px !important; } .addLinkedItemLinkFieldset { margin: 0px 16px 0 0 !important; } .votingListView .votingLinkCell { cursor: pointer; color: #1d5090; font-weight: bold; text-decoration: none; } .itemTitleTextContent { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.03125rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; padding: 0.5rem 1rem 0.5rem 2.75rem !important; margin-top: 0.5rem; margin-bottom: 1.5rem; } .itemTitleSection { margin: 0 8px 16px 8px; } .commentEditDlg .commentReadOnlyWrapper img { max-width: 100%; height: auto; } .historyViewerHtmlWrapper img { max-width: 99% !important; height: auto !important; } .linkPickerFileAttachmentDnDOver { border: 5px dashed var(--md-sys-color-outline-variant-lower) !important; } .plannedValuesGridView .x-grid-cell-inner-action-col img { pointer-events: all !important; } .plannedValuesGridView .recaulcuateEstRemainingEffort { margin: 0 0 0 8px; } .customTabPanelView .itemWizardStep1Form .hint { background-color: var(--base-highlight-gray) !important; padding: 16px; } .itemWizardToolbar, .itemViewToolbar { padding-left: 28px !important; background-color: unset !important; border-bottom: 1px solid var(--md-sys-color-outline-variant-lower) !important; } .itemView .centerPanelWrapper { padding: 16px 36px 0 36px; } .itemView .eastPanelWrapper { border-left: 1px solid var(--app-tab-bar-border-color); } .itemDetailTabPanel .tabCfgIcon { width: 16px; height: 16px; filter: var(--filter-icon) !important; margin-left: 8px; vertical-align: middle; display: inline-block; pointer-events: all !important; } .issue-picker .x-grid .x-grid-cell { cursor: pointer !important; } .issue-picker .x-grid .x-grid-item { color: var(--md-sys-color-primary); } .workCostCurrencyDisplayField.x-field.x-form-type-text .x-form-display-field-body .x-form-display-field-default { font-size: 1.2rem; font-weight: bold; padding-left: 8px !important; } .item-person-info { margin-bottom: 12px; padding-left: 16px; padding-top: 8px; border-top: 1px solid var(--md-sys-color-outline-variant-lower) !important; } .item-person-info:first-child { border-top-width: 0 !important; padding-top: 0 !important; } .item-person-info table.x-table-layout td.cell-btn-img { padding-top: 0.875rem; } .screenPanel .x-form-fieldcontainer, .screenDesignPanel-selected .x-form-fieldcontainer, .screenDesignPanel-dragOver .x-form-fieldcontainer, .screenDesignPanel .x-form-fieldcontainer { margin-bottom: 0 !important; } .linkPickerView .dropLblWrapper { border: 1px dashed var(--md-sys-color-outline-variant-lower); padding: 8px; border-radius: 4px; } .browseFileViewport { background-color: var(--md-sys-color-primary-container) !important; } .browseFileViewport .attachmentThumbnailView .controlls { display: none !important; } .browseFileViewport .attachmentThumbnailsWrapper { padding: 0 16px 16px 16px !important; } .itemTemplatePickerView .cardViewContainer.cardViewContainer-left { padding-right: 0.75rem; } .itemTemplatePickerView .cardViewContainer .itemTemplateCardViewTitle { padding-left: 1rem; font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.00625rem; text-decoration: none; text-transform: inherit; color: var(--md-sys-color-outline-low); } .itemTemplatePickerView .cardViewContainer .itemTemplateCardView, .itemTemplatePickerView .cardViewContainer .filterTreePanel { padding: 0.5rem 0; margin-bottom: 1rem; border-radius: 0.25rem; border: 1px solid var(--md-sys-color-outline-variant-lower); } .itemTemplatePickerView .cardViewContainer .itemTemplateCardView .itemTemplateCard { display: flex; align-items: flex-start; cursor: pointer; padding: 0.25rem 1rem; } .itemTemplatePickerView .cardViewContainer .itemTemplateCardView .itemTemplateCard img { width: 1.25rem; height: 1.25rem; } .itemTemplatePickerView .cardViewContainer .itemTemplateCardView .itemTemplateCard:hover { background-color: var(--md-sys-color-primary-alpha-05) !important; } .itemTemplatePickerView .cardViewContainer .itemTemplateCardView .itemTemplateCard.x-item-selected { background-color: var(--md-sys-color-primary-alpha-10) !important; } .itemTemplatePickerView .cardViewContainer .itemTemplateCardView .itemTemplateCard .attributeWrapper { display: flex; flex-direction: column; margin-left: 0.5rem; } .itemTemplatePickerView .cardViewContainer .itemTemplateCardView .itemTemplateCard .attributeWrapper .path { font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; font-weight: 400; letter-spacing: 0.03125rem; text-decoration: none; text-transform: inherit; color: var(--md-sys-color-outline-low); } .itemTemplatePickerView .cardViewContainer .itemTemplateCardView .empty-result-message { padding: 0 1rem; font-style: italic; } .itemTemplatePickerView .cardViewContainer .filterTreePanel .x-grid-cell-inner { padding-left: 0px !important; } .itemTemplatePickerView .cardViewContainer .filterTreePanel .x-grid-cell { border-width: 0px !important; } .itemTemplatePickerView .cardViewContainer .filterTreePanel .x-tree-elbow-img { display: none; } .itemTemplatePickerView .x-tree-panel .x-grid-body { border-top: 0px !important; } .item-timer-ctrl-wrapper { color: var(--md-sys-color-primary); border-radius: 0.25rem; display: flex; padding: 0; flex-direction: row; justify-content: center; align-items: center; height: 1.75rem; gap: 0.25rem; } .item-timer-ctrl-wrapper.has-background { background-color: var(--md-ctx-palette-primary95); padding: 0 0.5rem; } .item-timer-ctrl-wrapper .count-up-watch-wrapper { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; min-width: 6.5rem; } .item-timer-ctrl-wrapper .count-up-watch-wrapper .countUpTimerLbl { color: var(--md-sys-color-on-surface); min-width: 1.25rem; } .item-timer-ctrl-wrapper .count-up-watch-wrapper .countUpTimerLbl.delimiter { min-width: 0.25rem; text-align: center; } .item-timer-ctrl-wrapper .count-up-watch-wrapper .countUpTimerLbl.hours { min-width: 1.875rem; text-align: right; } .item-timer-ctrl-wrapper .count-up-watch-wrapper .countUpTimerLbl.minutes { text-align: center; } .item-timer-ctrl-wrapper .count-up-watch-wrapper .countUpTimerLbl.seconds { text-align: left; } .item-timer-ctrl-wrapper .count-up-watch-wrapper .svg-image.timer { color: var(--md-sys-color-on-surface) !important; } .x-toolbar.x-toolbar-default .x-toolbar-item.item-timer-ctrl-wrapper .x-btn { margin: 0 !important; } .items-timer-dlg .item-timer-ctrl-wrapper { margin-top: 0.25rem; } .items-timer-dlg .item-link { word-wrap: break-word; padding: 0.625rem 0 !important; } .items-timer-dlg .item-timer-row { border-bottom: solid 1px var(--md-sys-color-outline-variant-lower); } .x-field.x-form-type-text .x-form-display-field-body .x-form-display-field-default span.itemLinkField { color: var(--md-sys-color-primary) !important; cursor: pointer; } .x-field.x-form-type-text .x-form-display-field-body .x-form-display-field-default span.itemLinkField:hover { color: var(--md-sys-color-primary-low) !important; } .sendItemEmailView > .x-panel-bodyWrap > .x-panel-body { padding: 1rem; } .send-email-dialog .x-toolbar .x-field.x-form-type-checkbox .x-form-cb-label-default, .send-email-dialog .x-toolbar .x-field.x-form-type-radio .x-form-cb-label-default { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .send-email-dialog .x-field.x-form-type-checkbox .x-form-cb-wrap-default, .send-email-dialog .x-field.x-form-type-radio .x-form-cb-wrap-default { padding: 0.625rem 0; } .send-email-dialog .froalaEditor .fr-view .itemDetail, .send-email-dialog .froalaEditor .fr-view .itemConversationHistory, .send-email-dialog .froalaEditor .fr-view .itemLink { opacity: 0.75; background-color: var(--md-sys-color-surface); } /* The iem detail part style */ .commentsDialogView .commentHtmlView { padding: 0 1rem; } .commentHtmlView { display: flex; flex-direction: column; gap: 2rem; margin-bottom: 2rem; } .commentHtmlView .commentRowDataView:first-child { padding-top: 0.5rem; } .commentHtmlView .commentRowDataView .commentEditor { min-width: 10rem !important; max-width: 82rem !important; } .commentHtmlView .commentRowDataView p { margin: 0.375rem 0; } .commentHtmlView .commentRowDataView .commentText { line-height: 1.4285714286; } .commentHtmlView .commentRowDataView .commentText img { max-width: 100%; height: auto; } .commentHtmlView .commentRowDataView .commentText table, .commentHtmlView .commentRowDataView .commentText th, .commentHtmlView .commentRowDataView .commentText td { border-color: var(--md-sys-color-outline-variant-lower); border-spacing: 0px; border-collapse: collapse; } .commentHtmlView .commentRowDataView .commentText td { padding: 3px 6px; } .commentHtmlView .commentRowDataView .commentText span.person { background-color: var(--md-sys-color-secondary-container-low); border-radius: 0.25rem; padding: 0.25rem 0.5rem; } .commentHtmlView .commentRowDataView .commentText span.person:before { content: "@"; letter-spacing: 2px; } .commentHtmlView .commentRowDataView.internalComment .commentText { box-shadow: inset 0 0 0 1px var(--md-sys-color-tertiary-container); border-radius: 0.25rem; padding: 0.5rem 1rem; } .commentHtmlView .commentRowDataView.internalComment .commentText, .commentHtmlView .commentRowDataView.internalComment .rteField .cke_wysiwyg_frame, .commentHtmlView .commentRowDataView.internalComment .cke_top { background-color: var(--md-sys-color-tertiary-container-lower) !important; } .commentHtmlView .commentRowDataView .commentRowBase { display: flex; flex-direction: row; gap: 1rem; } .commentHtmlView .commentRowDataView .commentRowBase pre { white-space: break-spaces; } .commentHtmlView .commentRowDataView .commentRowBase .secondCol { flex: 1; display: flex; flex-direction: column; gap: 0.25rem; } .commentHtmlView .commentRowDataView .commentRowBase .rteField.ckeFieldWithBorder.commentEditor { margin: 0 0 0.5rem 0; } .commentHtmlView .commentRowDataView .commentRowBase.newCommentRow .commentText, .commentHtmlView .commentRowDataView .commentRowBase.newCommentRow .authorWrapper { display: none; } .commentHtmlView .commentRowDataView .commentRowBase.newCommentRow .rteField.ckeFieldWithBorder.commentEditor { border-radius: 0.25rem; box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant-low); } .commentHtmlView .commentRowDataView .commentRowBase.newCommentRow .rteField.ckeFieldWithBorder.commentEditor .x-form-text-default.x-form-textarea { min-height: 2.5rem; height: 2.5rem; line-height: 1.5rem; } .commentHtmlView .commentRowDataView .commentRowBase .avatarImg { width: 2.5rem; height: 2.5rem; border-radius: 50%; } .commentHtmlView .commentRowDataView .commentRowBase .authorWrapper { display: flex; flex-direction: row; gap: 0.5rem; align-items: center; } .commentHtmlView .commentRowDataView .commentRowBase .authorWrapper .authorLbl { font-weight: 500; } .commentHtmlView .commentRowDataView .commentRowBase .authorWrapper .createdAgoLbl { color: var(--md-sys-color-outline-lower); font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .commentHtmlView .commentRowDataView .commentRowBase .authorWrapper .editedLbl { color: var(--md-sys-color-outline-low); font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .commentHtmlView .commentRowDataView .commentRowBase .authorWrapper .likeCmp { cursor: pointer; line-height: 1rem; display: inline-flex; align-items: center; vertical-align: middle; gap: 0.25rem; } .commentHtmlView .commentRowDataView .commentRowBase .controlsWrapper, .commentHtmlView .commentRowDataView .commentRowBase .commentEditorActions { padding: 0.375rem 0; display: flex; flex-display: row; gap: 0.5rem; } .commentHtmlView .commentRowDataView .commentRowBase .controlsWrapper span { cursor: pointer; } .commentHtmlView .commentRowDataView .commentRowBase.newCommentRow .controlsWrapper { visibility: hidden; display: none; line-height: auto; } .commentHtmlView .commentRowDataView .commentRowBase.editorIsOpen .commentText { display: none; } .commentHtmlView .commentRowDataView .commentRowBase.editorIsOpen .commentEditorActions { display: flex; } .commentHtmlView .commentRowDataView .commentRowBase.editorIsOpen .controlsWrapper { display: none; } .commentHtmlView .commentRowDataView .commentRowBase.editorIsOpen .attachmentThumbnailView { display: none; } .commentHtmlView .commentRowDataView .commentRowBase:not(.editorIsOpen):not(.newCommentRow) .commentEditorWrapper { display: none; } .commentHtmlView .commentRowDataView .commentRowBase:not(.editorIsOpen) .commentEditorActions { display: none; } .commentHtmlView .commentRowDataView .commentRowBase .x-field.x-form-type-text .x-form-trigger-wrap, .commentHtmlView .commentRowDataView .commentRowBase .x-field.x-form-type-text .x-form-trigger-wrap-default { padding: 0px; } .commentHtmlView .commentRowDataView .commentRowBase.x-item-selected.x-view-item-focused { outline: none !important; } .commentHtmlView .commentRowDataView .commentRowBase .attachmentThumbnailView { margin-bottom: 1rem; } .commentHtmlView .commentRowDataView .commentRowBase .attachmentThumbnailView .attachmentThumbnail { width: 130px; height: 90px; } .commentHtmlView .commentRowDataView.newCommentRowDataView.stickToBottom, .commentHtmlView .commentRowDataView.newCommentRowDataView.stickToTop { margin: 0px !important; padding: 0 0 24px 0; } .commentHtmlView .commentRowDataView.newCommentRowDataView.stickToTop { position: fixed; top: 178px; background: #FFFFFF; z-index: 9; } .commentHtmlView .commentRowDataView.newCommentRowDataView.stickToTop .x-panel-body { padding: 8px 0 0 0; } .commentHtmlView .commentRowDataView.newCommentRowDataView.stickToBottom { position: fixed; bottom: 0px; background: #FFFFFF; z-index: 9; } .commentHtmlView .commentRowDataView.newCommentRowDataView.stickToBottom .x-panel-body { padding: 8px 0 0 0; } .commentHtmlView .commentRowDataView.newCommentRowDataView.internalComment .commentRowBase.newCommentRow:not(.editorIsOpen) .ckeFieldWithBorder { background-color: var(--md-sys-color-tertiary-container-lower) !important; box-shadow: inset 0 0 0 1px var(--md-sys-color-tertiary-container); } .browseFileViewport, .commentsDialogView, .itemDetailTabPanel { /* Attachment tab */ } .browseFileViewport .generalActionsIconsWrapper, .commentsDialogView .generalActionsIconsWrapper, .itemDetailTabPanel .generalActionsIconsWrapper { justify-content: left; } .browseFileViewport .attachmentTab .access-level-icon, .commentsDialogView .attachmentTab .access-level-icon, .itemDetailTabPanel .attachmentTab .access-level-icon { width: 1rem !important; height: 1rem !important; color: var(--md-sys-color-secondary) !important; } .browseFileViewport .attachmentTab .dropLblWrapper, .commentsDialogView .attachmentTab .dropLblWrapper, .itemDetailTabPanel .attachmentTab .dropLblWrapper { width: 100%; height: 2.5rem; line-height: 2.5rem; border: 1px dashed #888888; border-radius: 4px; text-align: center; } .browseFileViewport .attachmentTab .itemDetailGrid.attachmentListView .dropLblWrapper, .commentsDialogView .attachmentTab .itemDetailGrid.attachmentListView .dropLblWrapper, .itemDetailTabPanel .attachmentTab .itemDetailGrid.attachmentListView .dropLblWrapper { margin-bottom: 32px; } .browseFileViewport .attachmentTab .itemDetailGrid.attachmentListView .mimeTypeIcon, .commentsDialogView .attachmentTab .itemDetailGrid.attachmentListView .mimeTypeIcon, .itemDetailTabPanel .attachmentTab .itemDetailGrid.attachmentListView .mimeTypeIcon { height: 20px; filter: var(--filter-black-700) !important; vertical-align: middle; } .browseFileViewport .attachmentTab .itemDetailGrid.attachmentListView .x-grid-cell.fileName .x-grid-cell-inner, .commentsDialogView .attachmentTab .itemDetailGrid.attachmentListView .x-grid-cell.fileName .x-grid-cell-inner, .itemDetailTabPanel .attachmentTab .itemDetailGrid.attachmentListView .x-grid-cell.fileName .x-grid-cell-inner { display: flex; align-items: center; } .browseFileViewport .attachmentTab .itemDetailGrid.attachmentListView .fileName svg, .commentsDialogView .attachmentTab .itemDetailGrid.attachmentListView .fileName svg, .itemDetailTabPanel .attachmentTab .itemDetailGrid.attachmentListView .fileName svg { width: 1.25rem; height: 1.25rem; } .browseFileViewport .attachmentThumbnailView, .commentsDialogView .attachmentThumbnailView, .itemDetailTabPanel .attachmentThumbnailView { outline: none !important; margin-top: 0.5rem; margin-bottom: 2rem; min-width: 10rem; max-width: 82rem; display: flex; flex-direction: column; gap: 2rem; } .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper { display: flex; flex-direction: row; gap: 1rem; flex-wrap: wrap; margin: 0 1px; } .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail { width: 12.8125rem; height: 176px; cursor: pointer; border-radius: 0.25rem; display: flex; flex-direction: column; } .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail:hover .thumbnail, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail:hover .thumbnail, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail:hover .thumbnail { background-color: var(--md-sys-color-surface-highest); } .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail:hover img.thumbnailImg, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail:hover img.thumbnailImg, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail:hover img.thumbnailImg { opacity: 0.5; } .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .thumbnail, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .thumbnail, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .thumbnail { flex: 1; background-repeat: no-repeat; background-size: cover; background-position: center; background-color: var(--md-sys-color-surface); position: relative; display: inline-block; } .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .thumbnail .access-level-icon, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .thumbnail .access-level-icon, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .thumbnail .access-level-icon { position: absolute; top: 0.5rem; left: 0.5rem; } .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .thumbnail img.thumbnailImg, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .thumbnail img.thumbnailImg, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .thumbnail img.thumbnailImg { width: 100%; height: 100%; object-fit: contain !important; position: absolute; } .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail.urlAttachment .thumbnailImg, .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail.genericFileAttachment .thumbnailImg, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail.urlAttachment .thumbnailImg, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail.genericFileAttachment .thumbnailImg, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail.urlAttachment .thumbnailImg, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail.genericFileAttachment .thumbnailImg { object-fit: fill !important; filter: var(--filter-black-700); } .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail.urlAttachment .thumbnail, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail.urlAttachment .thumbnail, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail.urlAttachment .thumbnail { background-size: 70px; } .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .fileNameLbl, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .fileNameLbl, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .fileNameLbl { white-space: nowrap; display: inline-block; text-overflow: ellipsis; overflow: hidden; width: 100%; } .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .fileNameLbl, .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .uploadedAtLbl, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .fileNameLbl, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .uploadedAtLbl, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .fileNameLbl, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .uploadedAtLbl { overflow: hidden; text-overflow: ellipsis; overflow-wrap: break-word; display: block; white-space: pre; font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .uploadedAtLbl, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .uploadedAtLbl, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .uploadedAtLbl { color: var(--md-sys-color-outline-lower); } .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .detail, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .detail, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .detail { padding: 0.5rem; } .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .controlls, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .controlls, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .controlls { padding: 0.25rem; display: none; z-index: 99; } .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail:hover .controlls, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail:hover .controlls, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail:hover .controlls { display: flex !important; flex-direction: row; align-items: end; justify-content: end; gap: 0.25rem; } .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .attachCtrl, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .attachCtrl, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail .attachCtrl { width: 24px; height: 24px; cursor: pointer; background: rgba(255, 255, 255, 0.9); border-radius: 2px; padding: 4px; margin-right: 4px; background-image: none !important; transition: all 0.4s ease 0s; z-index: 99; } .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper:empty, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper:empty, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper:empty { display: none !important; } .browseFileViewport .watcherListView .editorMsg, .commentsDialogView .watcherListView .editorMsg, .itemDetailTabPanel .watcherListView .editorMsg { line-height: 1.75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .browseFileViewport .flatHistoryPanel, .commentsDialogView .flatHistoryPanel, .itemDetailTabPanel .flatHistoryPanel { max-width: 82rem; } .browseFileViewport .flatHistoryPanel span.diff-html-added, .browseFileViewport .flatHistoryPanel span.diff-html-removed, .browseFileViewport .flatHistoryPanel span.diff-html-changed, .commentsDialogView .flatHistoryPanel span.diff-html-added, .commentsDialogView .flatHistoryPanel span.diff-html-removed, .commentsDialogView .flatHistoryPanel span.diff-html-changed, .itemDetailTabPanel .flatHistoryPanel span.diff-html-added, .itemDetailTabPanel .flatHistoryPanel span.diff-html-removed, .itemDetailTabPanel .flatHistoryPanel span.diff-html-changed { display: inline-block; } .browseFileViewport .flatHistoryPanel .dataValue img, .commentsDialogView .flatHistoryPanel .dataValue img, .itemDetailTabPanel .flatHistoryPanel .dataValue img { max-width: 100% !important; height: auto !important; border: medium none !important; } .browseFileViewport .flatHistoryPanel .dataValue table, .browseFileViewport .flatHistoryPanel .dataValue th, .browseFileViewport .flatHistoryPanel .dataValue td, .commentsDialogView .flatHistoryPanel .dataValue table, .commentsDialogView .flatHistoryPanel .dataValue th, .commentsDialogView .flatHistoryPanel .dataValue td, .itemDetailTabPanel .flatHistoryPanel .dataValue table, .itemDetailTabPanel .flatHistoryPanel .dataValue th, .itemDetailTabPanel .flatHistoryPanel .dataValue td { border-color: var(--md-sys-color-outline-variant-lower); border-spacing: 0px; border-collapse: collapse; } .browseFileViewport .flatHistoryPanel .dataValue td, .commentsDialogView .flatHistoryPanel .dataValue td, .itemDetailTabPanel .flatHistoryPanel .dataValue td { padding: 3px 6px; } .browseFileViewport .workAndCostGrid .expenseListTopActions .x-field.x-form-type-checkbox, .commentsDialogView .workAndCostGrid .expenseListTopActions .x-field.x-form-type-checkbox, .itemDetailTabPanel .workAndCostGrid .expenseListTopActions .x-field.x-form-type-checkbox { margin-bottom: 0rem; margin-top: 0rem; } .browseFileViewport .workAndCostGrid .itemDetailGrid.expenseListView, .commentsDialogView .workAndCostGrid .itemDetailGrid.expenseListView, .itemDetailTabPanel .workAndCostGrid .itemDetailGrid.expenseListView { border-top: 1px solid var(--md-sys-color-outline-variant-lower) !important; } .browseFileViewport .workAndCostGrid .itemDetailGrid.expenseListView .avatarCell > .x-grid-cell-inner, .commentsDialogView .workAndCostGrid .itemDetailGrid.expenseListView .avatarCell > .x-grid-cell-inner, .itemDetailTabPanel .workAndCostGrid .itemDetailGrid.expenseListView .avatarCell > .x-grid-cell-inner { align-items: center; } .browseFileViewport .workAndCostGrid .itemDetailGrid.expenseListView .avatarImg, .commentsDialogView .workAndCostGrid .itemDetailGrid.expenseListView .avatarImg, .itemDetailTabPanel .workAndCostGrid .itemDetailGrid.expenseListView .avatarImg { border-radius: 50%; width: 1.5rem; height: 1.5rem; } .browseFileViewport .workAndCostGrid .itemDetailGrid.expenseListView .changeByLbl, .commentsDialogView .workAndCostGrid .itemDetailGrid.expenseListView .changeByLbl, .itemDetailTabPanel .workAndCostGrid .itemDetailGrid.expenseListView .changeByLbl { text-overflow: ellipsis; overflow: hidden; } .browseFileViewport .workAndCostGrid .itemDetailGrid.expenseListView .avatarCell .x-grid-cell-inner, .commentsDialogView .workAndCostGrid .itemDetailGrid.expenseListView .avatarCell .x-grid-cell-inner, .itemDetailTabPanel .workAndCostGrid .itemDetailGrid.expenseListView .avatarCell .x-grid-cell-inner { display: flex; gap: 0.5rem; } .browseFileViewport .workAndCostGrid .itemDetailGrid.expenseListView .x-grid-item.x-grid-item-selected tr.newExpenseRecord, .commentsDialogView .workAndCostGrid .itemDetailGrid.expenseListView .x-grid-item.x-grid-item-selected tr.newExpenseRecord, .itemDetailTabPanel .workAndCostGrid .itemDetailGrid.expenseListView .x-grid-item.x-grid-item-selected tr.newExpenseRecord { box-shadow: var(--md-sys-color-outline) 0px 0px 0px 1px inset; border-radius: 0.25rem; } .browseFileViewport .workAndCostGrid .itemDetailGrid.expenseListView .x-grid-item.x-grid-item-selected tr.newExpenseRecord .avatarCell .x-grid-cell-inner, .commentsDialogView .workAndCostGrid .itemDetailGrid.expenseListView .x-grid-item.x-grid-item-selected tr.newExpenseRecord .avatarCell .x-grid-cell-inner, .itemDetailTabPanel .workAndCostGrid .itemDetailGrid.expenseListView .x-grid-item.x-grid-item-selected tr.newExpenseRecord .avatarCell .x-grid-cell-inner { background-image: url(../images/svg/other/dirty.svg); background-position: 2px 2px; background-repeat: no-repeat; background-size: 1rem; } .browseFileViewport .workAndCostGrid .itemDetailGrid.expenseListView .x-grid-item .x-grid-cell.costCell .x-grid-cell-inner, .browseFileViewport .workAndCostGrid .itemDetailGrid.expenseListView .x-grid-item .x-grid-cell.workCell .x-grid-cell-inner, .commentsDialogView .workAndCostGrid .itemDetailGrid.expenseListView .x-grid-item .x-grid-cell.costCell .x-grid-cell-inner, .commentsDialogView .workAndCostGrid .itemDetailGrid.expenseListView .x-grid-item .x-grid-cell.workCell .x-grid-cell-inner, .itemDetailTabPanel .workAndCostGrid .itemDetailGrid.expenseListView .x-grid-item .x-grid-cell.costCell .x-grid-cell-inner, .itemDetailTabPanel .workAndCostGrid .itemDetailGrid.expenseListView .x-grid-item .x-grid-cell.workCell .x-grid-cell-inner { padding-right: 1.5rem !important; } .browseFileViewport .workAndCostGrid .planGridView .x-field.x-form-type-text.x-field-focus .x-form-trigger-wrap-default, .browseFileViewport .workAndCostGrid .planGridView .x-field.x-form-type-text .x-form-trigger-wrap:hover, .commentsDialogView .workAndCostGrid .planGridView .x-field.x-form-type-text.x-field-focus .x-form-trigger-wrap-default, .commentsDialogView .workAndCostGrid .planGridView .x-field.x-form-type-text .x-form-trigger-wrap:hover, .itemDetailTabPanel .workAndCostGrid .planGridView .x-field.x-form-type-text.x-field-focus .x-form-trigger-wrap-default, .itemDetailTabPanel .workAndCostGrid .planGridView .x-field.x-form-type-text .x-form-trigger-wrap:hover { box-shadow: none !important; } .browseFileViewport .workAndCostGrid .planGridView .x-panel-body, .commentsDialogView .workAndCostGrid .planGridView .x-panel-body, .itemDetailTabPanel .workAndCostGrid .planGridView .x-panel-body { border-width: 0px !important; } .browseFileViewport .workAndCostGrid .planGridView .unitLbl, .commentsDialogView .workAndCostGrid .planGridView .unitLbl, .itemDetailTabPanel .workAndCostGrid .planGridView .unitLbl { font-weight: 600; } .browseFileViewport .workAndCostGrid .planGridView .x-column-header, .commentsDialogView .workAndCostGrid .planGridView .x-column-header, .itemDetailTabPanel .workAndCostGrid .planGridView .x-column-header { border-width: 0px !important; } .browseFileViewport .workAndCostGrid .planGridView .x-column-header .x-column-header-text-inner, .commentsDialogView .workAndCostGrid .planGridView .x-column-header .x-column-header-text-inner, .itemDetailTabPanel .workAndCostGrid .planGridView .x-column-header .x-column-header-text-inner { font-weight: 600; } .browseFileViewport .workAndCostGrid .planGridView table, .commentsDialogView .workAndCostGrid .planGridView table, .itemDetailTabPanel .workAndCostGrid .planGridView table { border-collapse: collapse; border-width: 0px !important; } .browseFileViewport .workAndCostGrid .planGridView .x-grid-cell, .commentsDialogView .workAndCostGrid .planGridView .x-grid-cell, .itemDetailTabPanel .workAndCostGrid .planGridView .x-grid-cell { border: 1px solid #888888 !important; cursor: pointer; } .browseFileViewport .workAndCostGrid .planGridView .x-grid-cell-last, .browseFileViewport .workAndCostGrid .planGridView .x-grid-cell-first, .commentsDialogView .workAndCostGrid .planGridView .x-grid-cell-last, .commentsDialogView .workAndCostGrid .planGridView .x-grid-cell-first, .itemDetailTabPanel .workAndCostGrid .planGridView .x-grid-cell-last, .itemDetailTabPanel .workAndCostGrid .planGridView .x-grid-cell-first { border-width: 0px !important; } .browseFileViewport .workAndCostGrid .planGridView .x-grid-item-container table:nth-child(2) .x-grid-cell, .commentsDialogView .workAndCostGrid .planGridView .x-grid-item-container table:nth-child(2) .x-grid-cell, .itemDetailTabPanel .workAndCostGrid .planGridView .x-grid-item-container table:nth-child(2) .x-grid-cell { border-top: 0px !important; } .browseFileViewport .workAndCostGrid .planGridView .x-grid-item.x-grid-item-selected, .commentsDialogView .workAndCostGrid .planGridView .x-grid-item.x-grid-item-selected, .itemDetailTabPanel .workAndCostGrid .planGridView .x-grid-item.x-grid-item-selected { background: none !important; } .browseFileViewport .workAndCostGrid .planGridView .x-column-header-inner.x-column-header-over, .commentsDialogView .workAndCostGrid .planGridView .x-column-header-inner.x-column-header-over, .itemDetailTabPanel .workAndCostGrid .planGridView .x-column-header-inner.x-column-header-over { background: none; } .browseFileViewport .workAndCostGrid .expenseListViewWrapper, .commentsDialogView .workAndCostGrid .expenseListViewWrapper, .itemDetailTabPanel .workAndCostGrid .expenseListViewWrapper { margin-bottom: 1rem; } .browseFileViewport .articleListView.sigma .x-grid-cell.x-unselectable, .commentsDialogView .articleListView.sigma .x-grid-cell.x-unselectable, .itemDetailTabPanel .articleListView.sigma .x-grid-cell.x-unselectable { vertical-align: middle !important; } .browseFileViewport .vc-flat-view, .commentsDialogView .vc-flat-view, .itemDetailTabPanel .vc-flat-view { padding: 0 !important; } .browseFileViewport .vc-flat-view .historyRow, .commentsDialogView .vc-flat-view .historyRow, .itemDetailTabPanel .vc-flat-view .historyRow { min-width: 82rem; } .browseFileViewport .vc-tab-view .metadata, .commentsDialogView .vc-tab-view .metadata, .itemDetailTabPanel .vc-tab-view .metadata { display: flex; align-items: center; } .browseFileViewport .vc-tab-view .changed-files, .commentsDialogView .vc-tab-view .changed-files, .itemDetailTabPanel .vc-tab-view .changed-files { line-height: initial; } .browseFileViewport .vc-tab-view svg, .commentsDialogView .vc-tab-view svg, .itemDetailTabPanel .vc-tab-view svg { width: 16px; height: 16px; } .browseFileViewport .vc-tab-view .vc-snippets .x-fieldset-body, .commentsDialogView .vc-tab-view .vc-snippets .x-fieldset-body, .itemDetailTabPanel .vc-tab-view .vc-snippets .x-fieldset-body { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.5rem; } .browseFileViewport .vc-tab-view .vc-snippets .x-field.x-form-type-text, .commentsDialogView .vc-tab-view .vc-snippets .x-field.x-form-type-text, .itemDetailTabPanel .vc-tab-view .vc-snippets .x-field.x-form-type-text { margin-bottom: 1rem; } .itemDetailTabPanel { height: auto !important; } .itemDetailTabPanel .x-toolbar { padding-left: 0; } .itemDetailTabPanel .itemDetailTabPanel-body { height: auto !important; margin-bottom: 32px; } .dense-compact .commentHtmlView { gap: 1rem; } .dense-compact .commentHtmlView .commentRowDataView:first-child { padding-top: 0.25rem; } .dense-compact .commentHtmlView .commentRowDataView .commentRowBase .avatarImg { width: 2rem; height: 2rem; } .dense-compact .browseFileViewport .attachmentThumbnailView, .dense-compact .commentsDialogView .attachmentThumbnailView, .dense-compact .itemDetailTabPanel .attachmentThumbnailView { margin-top: 0.25rem; } .dense-compact .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .dense-compact .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .dense-compact .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail { width: 8rem; height: 7rem; } .dense-compact .browseFileViewport .attachmentTab .dropLblWrapper, .dense-compact .commentsDialogView .attachmentTab .dropLblWrapper, .dense-compact .itemDetailTabPanel .attachmentTab .dropLblWrapper { height: 2rem; line-height: 2rem; } .itemList-itemRelationsView.itemNavigatorGrid, .itemList-itemRelationsView.itemNavigatorTreeGrid { border: 1px solid var(--md-sys-color-outline-variant-lower) !important; border-radius: 0.25rem; margin-top: 0.5rem; margin-bottom: 1rem; } .itemList-itemRelationsView.itemNavigatorGrid .x-grid-item .x-tree-icon.svg-icon.svg-icon-link, .itemList-itemRelationsView.itemNavigatorTreeGrid .x-grid-item .x-tree-icon.svg-icon.svg-icon-link { /* todo remove this quick fix see #19643 [8.0] Item health column (replace text color scheme for overdue/due-soon items) */ display: inline !important; } .itemList-itemRelationsView.itemNavigatorGrid .x-toolbar.x-toolbar-docked-top, .itemList-itemRelationsView.itemNavigatorTreeGrid .x-toolbar.x-toolbar-docked-top { border-bottom-width: 1px !important; border-bottom-color: var(--md-sys-color-outline-variant-lower); } .itemList-itemRelationsView.itemNavigatorGrid .x-grid-header-ct, .itemList-itemRelationsView.itemNavigatorTreeGrid .x-grid-header-ct { border-top-width: 0 !important; } .itemList-itemRelationsView.itemNavigatorGrid .x-grid-body, .itemList-itemRelationsView.itemNavigatorTreeGrid .x-grid-body { border-bottom-width: 0 !important; } .itemList-itemRelationsView.itemNavigatorGrid .x-grid-item:last-child, .itemList-itemRelationsView.itemNavigatorTreeGrid .x-grid-item:last-child { border-bottom-width: 0px !important; } .buttons-container .x-btn.button-outlined { margin-left: 6px; margin-right: 6px; } .buttons-container .x-btn.button-outlined:first-child { margin-left: 0px; } .buttons-container .x-btn.button-outlined:last-child { margin-right: 0px; } .buttons-container.space-top { margin-top: 1rem !important; } .x-grid-item .generalActionsCell .x-grid-cell-inner { padding: 0.375rem 1rem !important; } .generalActionsIconsWrapper { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 0.5rem; row-gap: 0.5rem; align-items: center; justify-content: center; } .generalActionsIconsWrapper .button-svg-img { border-radius: 0.25rem; padding: 0.375rem; color: var(--md-sys-color-on-surface); } .generalActionsIconsWrapper .button-svg-img:hover { background-color: var(--md-sys-color-primary-alpha-12) !important; } .generalActionsIconsWrapper .button-svg-img .svg-icon { width: 1rem; height: 1rem; fill: currentColor; } .columnHeaderActions { display: block; float: left; margin-right: 0.5rem; margin-top: 0.125rem; } .columnHeaderActions .svg-img { display: inline-block; border-radius: 0.25rem; } .columnHeaderActions .svg-img:hover { background-color: var(--md-sys-color-primary-alpha-12) !important; } .columnHeaderActions .svg-img:hover .svg-icon { opacity: 1; } .columnHeaderActions .svg-img .svg-icon { margin: 0px; width: 1rem; height: 1rem; color: var(--md-sys-color-on-surface); opacity: 0.7; } .x-menu-item-link .svg-icon { width: 1rem; height: 1rem; fill: currentColor; } .menu-button.hide-arrow .x-btn-wrap-default-small.x-btn-arrow-right::after { display: none !important; } .menu-button-menu.searchable .x-boundlist { top: 3.5rem !important; } .menu-button-menu.searchable { height: 22.5rem !important; } .menu-button-menu .x-boundlist { background: transparent !important; border-width: 0px !important; } .menu-button-menu .x-boundlist .label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .menu-button-menu .x-menu-body { padding: 0px !important; } .proxy-buttons a.x-btn.button-filled:hover { background-color: var(--md-sys-color-primary-low) !important; } .proxy-buttons a.x-btn.button-filled:focus { background-color: var(--md-sys-color-primary-high) !important; } .proxy-buttons a.x-btn:hover { background-color: var(--md-sys-color-surface-high); } .proxy-buttons a.x-btn:focus { background-color: var(--md-sys-color-surface-higher); } .proxy-buttons a.x-btn:focus .x-btn-inner { color: var(--md-sys-color-secondary-high); } .proxy-buttons a.x-btn.button-link:hover { background-color: transparent; } .proxy-buttons a.x-btn.button-link:hover .x-btn-icon-el, .proxy-buttons a.x-btn.button-link:hover .x-btn-inner { color: var(--md-sys-color-primary-low); } .proxy-buttons a.x-btn.button-link:focus { background-color: transparent; } .proxy-buttons a.x-btn.button-link:focus .x-btn-icon-el, .proxy-buttons a.x-btn.button-link:focus .x-btn-inner { color: var(--md-sys-color-primary-higher); } .x-btn.button-link.soft-link { padding-left: 0 !important; padding-right: 0 !important; } .x-btn.button-link.soft-link .x-btn-icon-el, .x-btn.button-link.soft-link .x-btn-inner { color: var(--md-sys-color-secondary) !important; } .x-btn.button-link.soft-link:hover .x-btn-icon-el, .x-btn.button-link.soft-link:hover .x-btn-inner { color: var(--md-sys-color-primary-low) !important; } .x-btn.button-link.soft-link:focus .x-btn-icon-el, .x-btn.button-link.soft-link:focus .x-btn-inner { color: var(--md-sys-color-primary-higher) !important; } .dense-compact .x-grid-item .generalActionsCell .x-grid-cell-inner { padding: 0.125rem 1rem !important; } /*base card view*/ .itemList-cardView { padding: 0 0 0 1rem; } .itemList-cardView > .x-panel-bodyWrap .x-toolbar { padding-left: 0; } .itemList-cardView > .x-panel-bodyWrap > .x-panel-body { display: flex; flex-direction: column; justify-content: start; align-items: stretch; width: auto !important; } .taskboardHeader { background-color: var(--md-sys-color-background) !important; transition: box-shadow 200ms cubic-bezier(0.33, 1, 0.68, 1); } .taskboardHeader.active-sticky { box-shadow: 0 8px 6px -6px var(--ag-color-box-shadow-alpha-30); transition-duration: 400ms; } .taskboardColumnHeader .column-count, .taskboardGroupTitle .group-count { color: var(--md-ctx-palette-neutral-variant60); } .taskboardGroupTitle .group-count { flex: 1; } .taskboardColumnHeader .column-actual-number, .taskboardGroupTitle .group-actual-cnumber { color: var(--md-ctx-palette-neutral-variant60); } .taskboardColumnHeader .column-actual-number.maxNumber-overflow, .taskboardGroupTitle .group-actual-cnumber.maxNumber-overflow { color: var(--md-ctx-palette-error70); } .taskboardColumnHeader .column-total-number, .taskboardGroupTitle .group-total-number { color: var(--md-ctx-palette-neutral-variant60); } .taskboardColumnHeader .column-total-number.maxNumber-overflow, .taskboardGroupTitle .group-total-number.maxNumber-overflow { color: var(--md-ctx-palette-error70); } .taskboardColumnHeader .column-maxNumber { color: var(--md-ctx-palette-primary70); cursor: pointer; } .taskboardGroupTitle { background-color: var(--md-sys-color-background) !important; } .taskboardGroupTitle .taskboardGroupTitle-inner { transition: box-shadow 200ms cubic-bezier(0.33, 1, 0.68, 1); } .taskboardGroupTitle.active-sticky .taskboardGroupTitle-inner { box-shadow: 0 8px 6px -6px var(--ag-color-box-shadow-alpha-30); transition-duration: 400ms; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .taskboardGroup, .taskboardHeader { display: flex; width: auto !important; flex-direction: row; align-items: start; gap: 1rem; } .taskboardGroup .taskboardColumnBody, .taskboardHeader .taskboardColumnHeader { user-select: none; box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant-lower) !important; margin: 0; border-radius: 0.25rem; flex-shrink: 0; position: relative !important; } .taskboardColumnHeader .option-symbol img, .taskboardGroupTitle-inner .option-symbol img { width: 1.25rem; height: 1.25rem; } .taskboardHeader { position: sticky !important; z-index: 2; top: 0 !important; left: auto !important; width: auto !important; padding-top: 1rem; padding-bottom: 0.25rem; } .taskboardHeader .taskboardColumnHeader { display: flex; justify-content: start; align-items: center; gap: 0.5rem; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.009375rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; padding: 0.5rem 0.5rem 0.5rem 1rem; background-color: var(--md-sys-color-background); color: var(--md-sys-color-on-surface); } .taskboardHeader .taskboardColumnHeader:hover { background-color: var(--md-sys-color-surface-higher); } .taskboardHeader .taskboardColumnHeader .column-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; text-align: left; } .taskboardHeader .taskboardColumnHeader .column-count { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .taskboardHeader .taskboardColumnHeader .x-resizable-handle-east { width: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .taskboardHeader .taskboardColumnHeader .x-resizable-handle-east:before { content: none !important; } .taskboardHeader .taskboardColumnHeader.dragSource { background-color: var(--md-sys-color-primary-alpha-10) !important; opacity: 0.3; } .taskboardHeader .taskboardColumnHeader.dragOver-left:before { position: absolute; left: -9px; top: 0; width: 2px; height: 100%; background-color: var(--ag-color-green); content: ""; z-index: 10000; } .taskboardHeader .taskboardColumnHeader.dragOver-left:first-child:before { left: 0 !important; } .taskboardHeader .taskboardColumnHeader.dragOver-right:after { position: absolute; right: -9px; top: 0; width: 2px; height: 100%; background-color: var(--ag-color-green); content: ""; z-index: 10000; } .taskboardHeader .addColumn { flex-shrink: 0; } .taskboardHeader .taskboardColumnHeader .svg-icon-ctx-menu, .taskboardGroupTitle .taskboardGroupTitle-inner .svg-icon-ctx-menu, .card-ctx-menu-btn .svg-icon-ctx-menu { width: 1rem; height: 1.5rem; opacity: 0.5; border-radius: 0.25rem; color: var(--md-sys-color-on-surface); display: flex; justify-content: center; align-items: center; cursor: pointer; } .taskboardHeader .taskboardColumnHeader .svg-icon-ctx-menu:hover, .taskboardGroupTitle .taskboardGroupTitle-inner .svg-icon-ctx-menu:hover, .card-ctx-menu-btn .svg-icon-ctx-menu:hover { opacity: 1 !important; background-color: var(--md-ctx-palette-primary90); } .taskboardHeader .taskboardColumnHeader .svg-icon-ctx-menu svg.svg-icon, .taskboardGroupTitle .taskboardGroupTitle-inner .svg-icon-ctx-menu svg.svg-icon, .card-ctx-menu-btn .svg-icon-ctx-menu svg.svg-icon { width: 1rem; height: 1rem; } .card-ctx-menu-btn { position: absolute; right: 0.25rem; margin-top: -0.5rem; } .itemCard { padding: 1rem; } .itemCard .svg-icon-ctx-menu { opacity: 0; } .itemCard.itemCard-selected .svg-icon-ctx-menu, .itemCard:hover .svg-icon-ctx-menu { opacity: 0.5; } .taskboardGroupTitle { margin: 0 0 0.25rem 0 !important; padding: 0 !important; flex-shrink: 0; width: auto !important; height: unset !important; position: sticky !important; z-index: 2; top: 60px !important; left: 0 !important; box-shadow: none; } .taskboardGroupTitle .taskboardGroupTitle-inner { border-radius: 0.25rem; border: 1px solid var(--md-ctx-palette-primary90); box-shadow: none; background-color: var(--md-ctx-palette-primary95); padding: 0 0.5rem !important; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: left; gap: 0.5rem; height: 2.5rem; box-sizing: border-box; } .taskboardGroupTitle .taskboardGroupTitle-inner .svg-icon-expand, .taskboardGroupTitle .taskboardGroupTitle-inner .svg-icon-collapse { width: 1.25rem; height: 1.25rem; display: flex; align-items: center; justify-content: center; } .taskboardGroupTitle .taskboardGroupTitle-inner .svg-icon-expand .svg-icon, .taskboardGroupTitle .taskboardGroupTitle-inner .svg-icon-collapse .svg-icon { width: 1rem; height: 1rem; } .taskboardGroup { position: unset !important; align-items: stretch; flex-shrink: 0; height: unset !important; flex: 1; padding-bottom: 1rem; } .taskboardGroup.collapsed { display: none; } .taskboardGroup .taskboardColumnBody { display: flex; flex-direction: column; align-items: stretch; gap: 0.5rem; min-height: 100px; background-color: var(--md-sys-color-surface); padding: 0.5rem 1rem; } .taskboardGroup .taskboardColumnBody.taskboardColumnBody-dragging { background-color: var(--md-sys-color-surface-higher); box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant) !important; opacity: 0.5; } .taskboardGroup .taskboardColumnBody.taskboardColumnBody-dragOver { background-color: var(--ag-color-green-08); } .taskboardGroup .taskboardColumnBody.taskboardColumnBody-notAllow { background-color: var(--md-ctx-palette-error95); } .taskboardGroup .taskboardColumnBody .card-container-view { display: flex; flex-direction: column; align-items: stretch; gap: 1rem; flex: 1; } .taskboardGroup .taskboardColumnBody .itemCard { background-color: var(--md-sys-color-background); border-radius: 0.25rem; } .taskboardGroup .taskboardColumnBody .itemCard:hover { background-color: var(--md-sys-color-primary-alpha-05); } .taskboardGroup .taskboardColumnBody .itemCard.itemCard-selected { background-color: var(--md-sys-color-primary-alpha-10); } .x-dd-drag-proxy.taskboard-dd-drag-proxy { padding: 0.5rem 0.5rem 1rem 0; background-color: transparent; box-shadow: none; } .x-dd-drag-proxy.taskboard-dd-drag-proxy .card-ctx-menu-btn { display: none !important; } .x-dd-drag-proxy.taskboard-dd-drag-proxy .x-dd-drag-ghost { padding: 0; opacity: 1; } .x-dd-drag-proxy.taskboard-dd-drag-proxy .x-dd-drop-icon { position: absolute; top: 0px; right: 0px; background-color: var(--ag-color-white); border-radius: 0.75rem; width: 1.25rem; height: 1.25rem; } .x-dd-drag-proxy.taskboard-dd-drag-proxy .x-dd-drop-icon:before { position: absolute; top: -2px; left: 0; } .x-dd-drag-proxy.taskboard-dd-drag-proxy.x-dd-drop-nodrop .drag-backCard, .x-dd-drag-proxy.taskboard-dd-drag-proxy.x-dd-drop-nodrop .drag-card, .x-dd-drag-proxy.taskboard-dd-drag-proxy.x-dd-drop-nodrop .drag-card-count { border-color: var(--md-sys-color-error); } .x-dd-drag-proxy.taskboard-dd-drag-proxy.x-dd-drop-nodrop div.x-dd-drop-icon { font-size: 1.25rem; line-height: 1.25rem; } .x-dd-drag-proxy.taskboard-dd-drag-proxy.x-dd-drop-ok .drag-backCard, .x-dd-drag-proxy.taskboard-dd-drag-proxy.x-dd-drop-ok .drag-card, .x-dd-drag-proxy.taskboard-dd-drag-proxy.x-dd-drop-ok .drag-card-count { border-color: var(--ag-color-green); } .x-dd-drag-proxy.taskboard-dd-drag-proxy.x-dd-drop-ok div.x-dd-drop-icon { font-size: 1.25rem; line-height: 1.25rem; } .x-dd-drag-proxy.taskboard-dd-drag-proxy .taskboard-dd-wrap { padding: 0 0 0 0 !important; box-shadow: none !important; background-color: transparent !important; z-index: 10000; } .x-dd-drag-proxy.taskboard-dd-drag-proxy .drag-card { background-color: var(--md-sys-color-surface-high); border-radius: 0.25rem; padding: 1rem; border-width: 1px; border-style: solid; } .x-dd-drag-proxy.taskboard-dd-drag-proxy.taskboard-dd-drag-proxy-multiple .x-dd-drop-icon { display: none; } .x-dd-drag-proxy.taskboard-dd-drag-proxy.taskboard-dd-drag-proxy-multiple .drag-card-count { position: absolute !important; display: flex; justify-content: center; align-items: center; opacity: 1; top: 0; right: 0.75rem; border-radius: 1rem; width: auto; min-width: 1.5rem; height: 1.5rem; z-index: 10004; border-width: 1px; border-style: solid; background-color: var(--md-sys-color-background); } .x-dd-drag-proxy.taskboard-dd-drag-proxy.taskboard-dd-drag-proxy-multiple .drag-wrapper-multipleCards { padding-right: 0.5rem; } .x-dd-drag-proxy.taskboard-dd-drag-proxy.taskboard-dd-drag-proxy-multiple .drag-wrapper-multipleCards .drag-backCard { position: absolute; z-index: 10001; top: 0.5rem; left: 0; background-color: var(--md-sys-color-surface-high); border-radius: 0.25rem; border-width: 1px; border-style: solid; } .x-dd-drag-proxy.taskboard-dd-drag-proxy.taskboard-dd-drag-proxy-multiple .drag-wrapper-multipleCards .drag-card { position: absolute; z-index: 10002; top: 0.75rem; left: 0.25rem; border-width: 1px; border-style: solid; } .cardGrid { display: grid; column-gap: 0.5rem; row-gap: 0.5rem; min-height: 4rem; } .cardGrid .gridItem { overflow: hidden; text-overflow: ellipsis; display: flex; height: 100%; flex-direction: column; /*Synopsis field */ } .cardGrid .gridItem.field-align-left { align-items: start; } .cardGrid .gridItem.field-align-right { align-items: end; } .cardGrid .gridItem.field-align-center { align-items: center; } .cardGrid .gridItem.field-align-stretch-horizontal { justify-content: stretch; } .cardGrid .gridItem.field-align-top { justify-content: start; } .cardGrid .gridItem.field-align-middle { justify-content: center; } .cardGrid .gridItem.field-align-bottom { justify-content: end; } .cardGrid .gridItem.field-align-stretch-vertical .card-field { flex: 1; } .cardGrid .gridItem.fiel-rendering-bar .cardAttributeValue { min-height: 0.5rem; min-width: 2.5rem; } .cardGrid .gridItem.fiel-rendering-bar.field-align-stretch-vertical .card-field { justify-content: center !important; } .cardGrid .gridItem.synopsisCardAttribute .cardAttributeValue { white-space: break-spaces !important; text-align: justify; } .cardGrid .gridItem.clickable { white-space: nowrap !important; } .cardGrid .gridItem.clickable .cardAttributeValue { color: var(--md-sys-color-primary) !important; cursor: pointer; flex: unset !important; display: flex; flex-wrap: nowrap; gap: 0.25rem; flex-direction: row; align-items: center; } .cardGrid .gridItem.clickable .cardAttributeValue:hover { background: var(--md-ctx-palette-primary95) !important; } .cardGrid .gridItem.clickable .cardAttributeValue .svg-image { width: 1rem; height: 1rem; flex-shrink: 0; } .cardGrid .gridItem.clickable .cardAttributeLabel { color: var(--md-sys-color-primary) !important; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; } .cardGrid .gridItem.personAttribute .card-field .cardAttributeValue { padding: 0 0.25rem; } .cardGrid .gridItem.personAttribute .card-field .cardAttributeValue .list-column-symbol img { width: 2rem; height: 2rem; border-radius: 1rem; } .cardGrid .gridItem .card-field { display: flex; flex-direction: column; max-width: 100%; } .cardGrid .gridItem .card-field .cardAttributeLabel { color: var(--md-ctx-palette-neutral-variant60) !important; font-family: RobotoFlex; font-size: 0.6875rem; line-height: 1rem; font-weight: 400; letter-spacing: 0.03125rem; text-decoration: none; text-transform: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 0.25rem; } .cardGrid .gridItem .card-field .cardAttributeValue { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0.125rem 0.25rem; border-radius: 0.25rem; } .cardGrid .gridItem .card-field .cardAttributeValue:has(*) { display: flex; flex-direction: row; gap: 0.25rem; align-items: center; } .cardGrid .gridItem .card-field .cardAttributeValue .list-column-symbol img, .cardGrid .gridItem .card-field .cardAttributeValue .list-column-symbol svg { width: 1.25rem; height: 1.25rem; } .cardGrid .gridItem .card-field .cardAttributeValue .list-column-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cardGrid .gridItem .card-field .cardAttributeValue .list-multiple-value { display: flex; gap: 0.5rem; flex-wrap: wrap; overflow: hidden; margin-right: 0.625rem; } .cardGrid .gridItem .card-field .cardAttributeValue .list-multiple-value .list-column-value { display: flex; gap: 0.25rem; } .card-tooltip { display: flex; flex-direction: row; gap: 0.25rem; align-items: center; } .card-tooltip .card-tooltip-label { color: var(--md-ctx-palette-neutral-variant60) !important; } .card-tooltip .card-tooltip-label:after { content: ":"; } :root { --filter-icon-light: invert(0%) sepia(0%) saturate(7348%) hue-rotate(109deg) brightness(118%) contrast(50%); --filter-icon-dark: invert(100%) sepia(0%) saturate(7348%) hue-rotate(109deg) brightness(118%) contrast(89%); } @media (prefers-color-scheme: light) { :root { --filter-icon: var(--filter-icon-light); } .dark-theme { --filter-icon: var(--filter-icon-dark); } } @media (prefers-color-scheme: dark) { :root { --filter-icon: var(--filter-icon-dark); } .light-theme { --filter-icon: var(--filter-icon-light); } } .display-large { font-family: RobotoFlex; font-size: 3.5625rem; line-height: 4rem; letter-spacing: 0; font-weight: 600; text-decoration: inherit; text-transform: inherit; } .display-medium { font-family: RobotoFlex; font-size: 2.8125rem; line-height: 3.25rem; letter-spacing: 0; font-weight: 600; text-decoration: inherit; text-transform: inherit; } .display-small { font-family: RobotoFlex; font-size: 2.25rem; line-height: 2.75rem; letter-spacing: 0; font-weight: 600; text-decoration: inherit; text-transform: inherit; } .display-xxx-small { font-family: RobotoFlex; font-size: 1.125rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .headline-large { font-family: RobotoFlex; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .headline-medium { font-family: RobotoFlex; font-size: 1.75rem; line-height: 2.25rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .headline-small { font-family: RobotoFlex; font-size: 1.5rem; line-height: 2rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .title-large { font-family: RobotoFlex; font-size: 1.375rem; line-height: 1.75rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .title-medium { font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.009375rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .title-small { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.00625rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .label-large { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.00625rem; text-decoration: none; text-transform: inherit; } .label-medium { font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; font-weight: 400; letter-spacing: 0.03125rem; text-decoration: none; text-transform: inherit; } .label-small { font-family: RobotoFlex; font-size: 0.6875rem; line-height: 1rem; font-weight: 400; letter-spacing: 0.03125rem; text-decoration: none; text-transform: inherit; } .body-large { font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.03125rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .body-medium { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .body-small { font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .wizard-tile.x-item-over, .dndFileViewer .dndViewFileItemWrapper, .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .elevation-1 { box-shadow: 0px 1px 2px var(--ag-color-box-shadow-alpha-10), 0px 1px 3px var(--ag-color-box-shadow-alpha-05); } .mega-menu, .actionLinksView .actionLinkItem, .itemNavDnDWrapper, .x-panel.floating-panel, .x-window.window-no-header, .designer-field-dnd-proxy, .screenDesigner.screenDesigner-cardScreen .cardScreenPanel, .taskboardGroup .taskboardColumnBody .itemCard, .x-dd-drag-proxy.taskboard-dd-drag-proxy.taskboard-dd-drag-proxy-multiple .drag-wrapper-multipleCards .drag-backCard, .customPicker, .elevation-2 { box-shadow: 0px 1px 2px var(--ag-color-box-shadow-alpha-15), 0px 2px 6px var(--ag-color-box-shadow-alpha-10); } .dashboardView .dashboardField, .dashboardProjectView .dashboardField, .x-dd-drag-proxy.item-navigator-dd-drag-proxy .item-drag-tooltip, .screenDesigner .entityScreenComponent.entityScreenField.dashboardScreenField, .x-dd-drag-proxy.taskboard-dd-drag-proxy .drag-card, .elevation-3 { box-shadow: 0px 1px 3px var(--ag-color-box-shadow-alpha-15), 0px 4px 8px var(--ag-color-box-shadow-alpha-10); } .tribute-container, .fr-box a.fr-floating-btn, .fr-qi-helper a.fr-btn.fr-floating-btn, .fr-command.fr-btn.fr-active + .fr-dropdown-menu, .fr-popup, .fr-modal .fr-modal-wrapper, .elevation-4 { box-shadow: 0px 6px 10px var(--ag-color-box-shadow-alpha-05), 0px 2px 3px var(--ag-color-box-shadow-alpha-10); } .logon-view .login-form, .elevation-5 { box-shadow: 0px 8px 12px var(--ag-color-box-shadow-alpha-05), 0px 4px 4px var(--ag-color-box-shadow-alpha-10); } .customPicker { border-top-width: 0 !important; border-radius: 0.25rem; background: var(--md-sys-color-background); } .customPicker .x-panel-body, .customPicker .x-panel-bodyWrap { background: var(--md-sys-color-surface-high); } .customPicker .search-field, .customPicker .searchfield { margin: 0 !important; } .customPicker .search-field.margin-bottom-medium, .customPicker .searchfield.margin-bottom-medium { margin-bottom: 1rem !important; } .customPicker .search-field.x-field.x-form-type-text:not(.full-border) .x-form-trigger-wrap, .customPicker .search-field.x-field.x-form-type-text:not(.full-border) .x-form-trigger-wrap-default, .customPicker .searchfield.x-field.x-form-type-text:not(.full-border) .x-form-trigger-wrap, .customPicker .searchfield.x-field.x-form-type-text:not(.full-border) .x-form-trigger-wrap-default { box-shadow: inset 0 -1px 0 0 var(--md-sys-color-outline-variant-low) !important; } .customPicker .search-field.x-field.x-form-type-text:not(.full-border) .x-form-trigger-wrap:hover, .customPicker .search-field.x-field.x-form-type-text:not(.full-border) .x-form-trigger-wrap-default:hover, .customPicker .searchfield.x-field.x-form-type-text:not(.full-border) .x-form-trigger-wrap:hover, .customPicker .searchfield.x-field.x-form-type-text:not(.full-border) .x-form-trigger-wrap-default:hover { box-shadow: inset 0 -1px 0 0 var(--md-sys-color-outline-variant) !important; } .customPicker .search-field.x-field.x-form-type-text:not(.full-border).x-field-focus .x-form-trigger-wrap, .customPicker .search-field.x-field.x-form-type-text:not(.full-border).x-field-focus .x-form-trigger-wrap-default, .customPicker .searchfield.x-field.x-form-type-text:not(.full-border).x-field-focus .x-form-trigger-wrap, .customPicker .searchfield.x-field.x-form-type-text:not(.full-border).x-field-focus .x-form-trigger-wrap-default { box-shadow: inset 0 -1px 0 0 var(--md-sys-color-outline) !important; } .customPicker .linkWrapper { width: 100%; display: flex; justify-content: right; align-items: center; height: 2.5rem; } .customPicker .button-link { text-align: right; } .customPicker .tree-picker-bound-list { padding: 0; } .customPicker .tree-picker-bound-list.picker-boundList-border { border-top: 1px solid var(--md-sys-color-outline-variant-lower) !important; } .customPicker .picker-boundList { padding: 0; background: var(--md-sys-color-surface-high); } .customPicker .picker-boundList.picker-boundList-border { border-top: 1px solid var(--md-sys-color-outline-variant-lower) !important; } .customPicker .picker-boundList.x-tree-panel .x-grid-cell-inner { padding-left: 11px; } .customPicker .x-grid-item { background-color: transparent; } .customPicker .x-grid-item.x-grid-item-over { background: var(--md-sys-color-primary-alpha-05); } .customPicker .x-grid-item.x-grid-item-selected { background: var(--md-sys-color-primary-alpha-10) !important; } .customPicker .x-grid-item .x-grid-row .x-grid-cell-inner { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .customPicker.dense-compact .linkWrapper { height: 2rem; } .customPicker.dense-comfortable .linkWrapper { height: 2.5rem; } .customPicker.dense-large .linkWrapper { height: 3.5rem; } .x-boundlist-item { height: 2.5rem; } .x-boundlist-item .multipleSelectComboChechbox.x-tree-checkbox::before { content: "check_box_outline_blank"; } .x-boundlist-item.x-boundlist-selected .multipleSelectComboChechbox.x-tree-checkbox::before { color: var(--md-sys-color-primary); content: "check_box"; } .x-boundlist-item span { vertical-align: middle; } .x-boundlist-item span span.search-match-highlight { vertical-align: unset !important; } .x-boundlist-item.dense-compact { height: 2rem; } .x-boundlist-item.dense-comfortable { height: 2.5rem; } .x-boundlist-item.dense-large { height: 3.5rem; } .wizard-tile.x-item-over, .dndFileViewer .dndViewFileItemWrapper, .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .elevation-1 { box-shadow: 0px 1px 2px var(--ag-color-box-shadow-alpha-10), 0px 1px 3px var(--ag-color-box-shadow-alpha-05); } .actionLinksView .actionLinkItem, .itemNavDnDWrapper, .x-panel.floating-panel, .x-window.window-no-header, .designer-field-dnd-proxy, .screenDesigner.screenDesigner-cardScreen .cardScreenPanel, .taskboardGroup .taskboardColumnBody .itemCard, .x-dd-drag-proxy.taskboard-dd-drag-proxy.taskboard-dd-drag-proxy-multiple .drag-wrapper-multipleCards .drag-backCard, .customPicker, .mega-menu, .elevation-2 { box-shadow: 0px 1px 2px var(--ag-color-box-shadow-alpha-15), 0px 2px 6px var(--ag-color-box-shadow-alpha-10); } .dashboardView .dashboardField, .dashboardProjectView .dashboardField, .x-dd-drag-proxy.item-navigator-dd-drag-proxy .item-drag-tooltip, .screenDesigner .entityScreenComponent.entityScreenField.dashboardScreenField, .x-dd-drag-proxy.taskboard-dd-drag-proxy .drag-card, .elevation-3 { box-shadow: 0px 1px 3px var(--ag-color-box-shadow-alpha-15), 0px 4px 8px var(--ag-color-box-shadow-alpha-10); } .tribute-container, .fr-box a.fr-floating-btn, .fr-qi-helper a.fr-btn.fr-floating-btn, .fr-command.fr-btn.fr-active + .fr-dropdown-menu, .fr-popup, .fr-modal .fr-modal-wrapper, .elevation-4 { box-shadow: 0px 6px 10px var(--ag-color-box-shadow-alpha-05), 0px 2px 3px var(--ag-color-box-shadow-alpha-10); } .logon-view .login-form, .elevation-5 { box-shadow: 0px 8px 12px var(--ag-color-box-shadow-alpha-05), 0px 4px 4px var(--ag-color-box-shadow-alpha-10); } .mega-menu { border-width: 0 !important; border-radius: 0.25rem; background: linear-gradient(0deg, var(--md-sys-color-primary-alpha-08), var(--md-sys-color-primary-alpha-08)), linear-gradient(0deg, var(--md-sys-color-surface), var(--md-sys-color-surface)); padding: 16px; color: var(--md-sys-color-on-surface); max-height: 100%; } .mega-menu.mega-menu-view-configurations { left: unset !important; right: 0px !important; position: absolute !important; top: 220px !important; left: unset !important; margin-left: 8px; margin-right: 8px; max-height: calc(100% - 130px); } @media (max-width: 600px), (max-height: 600px) { .mega-menu.mega-menu-view-configurations { top: unset !important; right: unset !important; padding-top: 8px; max-height: unset; } } .mega-menu.mega-menu-view-configurations .mega-menu-wrapper { max-height: calc(100vh - 130px - 80px); } @media (min-width: 810px) { .mega-menu.mega-menu-view-configurations .menuGroup { width: 320px !important; } } @media (max-width: 809px) { .mega-menu.mega-menu-view-configurations .menuGroup { width: 270px !important; } } @media (max-width: 600px), (max-height: 600px) { .mega-menu.mega-menu-view-configurations .menuGroup { width: 100% !important; } } @media (max-width: 600px), (max-height: 600px) { .mega-menu { top: unset !important; right: unset !important; padding-top: 8px; max-height: unset; height: calc(100% - 16px) !important; margin: 8px; width: calc(100% - 16px) !important; } .mega-menu .mega-menu-wrapper { max-height: calc(100% - 72px) !important; } } .mega-menu .mega-menu-title { padding: 0 0 11px 0; border-bottom: 1px solid var(--md-sys-color-outline-variant-lower); display: flex; flex-direction: row; justify-content: flex-end; font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; font-weight: 550; } .mega-menu .mega-menu-title .menu-title-close { display: none; } @media (max-width: 600px), (max-height: 600px) { .mega-menu .mega-menu-title { justify-content: space-between; align-items: center; padding: 0; } .mega-menu .mega-menu-title .menu-title-close { display: block; margin-left: 16px; font-weight: 500; color: var(--md-sys-color-primary); } .mega-menu .mega-menu-title .menu-title-close:before { content: "\f104"; font: 16px/56px "Font Awesome 5 Free" !important; margin-right: 8px; } } .mega-menu .mega-menu-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 8px; row-gap: 8px; margin: 12px 0; overflow-y: auto; } @media (min-width: 1400px) { .mega-menu .menuGroup { width: 320px !important; } } @media (max-width: 1399px) { .mega-menu .menuGroup { width: 240px !important; } } @media (max-width: 600px), (max-height: 600px) { .mega-menu .menuGroup { width: 100% !important; } } .mega-menu .menu-group-title { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; font-weight: 550; margin-bottom: 8px; padding: 0 12px; } .mega-menu .menu-group-description { margin-bottom: 8px; padding: 0 12px; } .mega-menu .menu-item { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; cursor: pointer; color: var(--md-sys-color-primary); line-height: 24px; white-space: nowrap; padding: 8px 12px; display: flex; flex-direction: row; flex-flow: row; justify-content: flex-start; align-items: center; } @media (max-width: 600px), (max-height: 600px) { .mega-menu .menu-item { white-space: normal; } } .mega-menu .menu-item:hover { background-color: var(--md-sys-color-primary-alpha-08) !important; } .mega-menu .menu-item.x-view-item-focused { outline-width: 0 !important; } .mega-menu .menu-item .svg-icon { width: 1.25rem; height: 1.25rem; fill: currentColor; margin-right: 12px; } .wizard-panel { display: flex; flex-direction: column; background-color: var(--md-sys-color-surface-variant-lowest); } .wizard-panel .wizard-header { display: flex; flex-direction: column; padding: 1rem; padding-left: 4rem !important; padding-top: 2rem; } .wizard-panel .wizard-header .wizard-hint { margin-top: 1rem; } .wizard-panel .wizard-content-wrapper { display: flex; flex: 1; overflow: hidden; flex-direction: row; align-items: stretch; } .wizard-panel .wizard-content-wrapper .wizard-card-container { flex: 1; display: flex; flex-direction: row; align-items: stretch; justify-content: stretch; max-width: 82rem; min-width: 12rem; } .wizard-panel .wizard-content-wrapper .wizard-card-container .wizard-step { flex: 1; display: flex; flex-direction: column; gap: 0; overflow: auto; } .wizard-panel .wizard-content-wrapper .wizard-card-container .wizard-step .wizard-step-header { padding-left: 4rem; padding-right: 1rem; display: flex; justify-content: space-between; } .wizard-panel .wizard-content-wrapper .wizard-card-container .wizard-step .wizard-step-title { font-width: 400 !important; } .wizard-panel .wizard-content-wrapper .wizard-card-container .wizard-step .wizard-step-body { flex: 1; padding-left: 4rem; padding-right: 1rem; overflow: auto; } .wizard-panel .wizard-content-wrapper .wizard-path-container { display: flex; flex-direction: column; flex-wrap: nowrap; overflow: auto; padding-left: 2.5rem; padding-right: 1rem; padding-top: 2.5rem; } .wizard-panel .wizard-content-wrapper .wizard-path-container .wizard-path { padding: 0.625rem 0; border-radius: 0.25rem; display: flex; flex-direction: column; align-items: stretch; } .wizard-panel .wizard-content-wrapper .wizard-path-container .wizard-path.step-disabled .wizard-path-content { opacity: 0.4; } .wizard-panel .wizard-content-wrapper .wizard-path-container .wizard-path .wizard-path-indicator { border-left: 1px solid var(--md-sys-color-outline-lowest); width: 1rem; position: absolute; height: 100%; left: -1rem; } .wizard-panel .wizard-content-wrapper .wizard-path-container .wizard-path .wizard-path-indicator:before { content: ""; position: absolute; top: 16px; left: -5px; width: 10px; height: 10px; border-radius: 50%; background-color: var(--md-sys-color-outline-lowest); } .wizard-panel .wizard-content-wrapper .wizard-path-container .wizard-path.visited-step .wizard-path-indicator { border-left-color: var(--md-sys-color-primary) !important; } .wizard-panel .wizard-content-wrapper .wizard-path-container .wizard-path.visited-step .wizard-path-indicator:before { background-color: var(--md-sys-color-primary) !important; } .wizard-panel .wizard-content-wrapper .wizard-path-container .wizard-path .wizard-path-content { display: flex; flex-direction: column; flex-wrap: nowrap; padding: 0.625rem 1rem; border-radius: 0.25rem; } .wizard-panel .wizard-content-wrapper .wizard-path-container .wizard-path .wizard-path-content .wizard-path-title { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 19.5rem; font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.009375rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .wizard-panel .wizard-content-wrapper .wizard-path-container .wizard-path .wizard-path-content .wizard-path-subtitle { font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; white-space: normal; color: var(--md-sys-color-outline) !important; } .wizard-panel .wizard-content-wrapper .wizard-path-container .wizard-path.active .wizard-path-content { background-color: var(--md-sys-color-primary-alpha-10); } .wizard-panel .wizard-content-wrapper .wizard-path-container .wizard-path.active .wizard-path-content .wizard-path-title { opacity: 1; } .wizard-panel .wizard-content-wrapper .wizard-path-container .wizard-path:first-child .wizard-path-indicator { margin-top: 16px; } .wizard-panel .wizard-content-wrapper .wizard-path-container .wizard-path:first-child .wizard-path-indicator:before { top: 0; } .wizard-panel .wizard-content-wrapper .wizard-path-container .wizard-path:last-child .wizard-path-indicator { height: 21px; } .wizard-panel .wizard-content-wrapper .wizard-path-container .wizard-path.invalid .wizard-path-title { color: var(--md-sys-color-error) !important; } .wizard-panel .wizard-buttons { display: flex; flex-direction: row; justify-content: flex-start; padding: 0.5rem 1rem; border-top: 1px solid var(--md-sys-color-outline-variant-lower) !important; gap: 1rem; } .wizard-panel .wizard-buttons .container-fill-component { flex: 1; } .wizard-tileListView-wrapper { display: flex; flex-direction: column; flex: 1; padding-left: 4rem; } .wizard-tileListView-wrapper .wizard-tileListView-header { padding: 0 1rem 1rem 0; } .wizard-tileListView-wrapper .wizard-tileListView-header .wizard-tileListView-name { font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.009375rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .wizard-tileListView-wrapper .wizard-header { padding-left: 0 !important; } .wizard-tileListView-search-container { display: flex; flex-direction: row; padding: 0 1rem 1rem 0rem; gap: 1rem; align-items: center; justify-content: space-between; } .wizard-tileListView-search-container .x-field.x-form-type-text.search-field { margin-top: 0 !important; margin-bottom: 0 !important; flex: 1; max-width: 27rem; } .wizard-tileListView { flex: 1; overflow: auto; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; margin-bottom: 0.5rem; padding-right: 1rem; } .wizard-entity-header-container { display: flex; flex-direction: row; margin-top: 1rem; align-items: center; } .wizard-entity-header-container .wizard-entity-header, .wizard-entity-header-container .wizard-entity-header { margin-top: 0; flex: 1; } .wizard-entity-header { padding: 1rem 1rem; margin-top: 1rem; align-items: center; display: flex; flex-direction: row; gap: 1rem; } .wizard-entity-header .tile-image-wrapper { width: 4rem; height: 4rem; border-radius: 50%; background-color: var(--md-sys-color-secondary-container-lower); display: flex; align-items: center; justify-content: center; } .wizard-entity-header .tile-image-wrapper .tile-image { width: 2.5rem; width: 2.5rem; } .wizard-entity-header .tile-content { display: flex; flex-direction: column; flex: 1; gap: 0.25rem; } .wizard-entity-header .tile-content .tile-entity-name { font-family: RobotoFlex; font-size: 1.375rem; line-height: 1.75rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .wizard-entity-header .tile-content .tile-entity-description, .wizard-entity-header .tile-content .tile-entity-type { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; white-space: normal; } .wizard-entity-header .tile-content .tile-entity-description { color: var(--md-sys-color-outline); } .wizard-entity-header .tile-content .tile-entity-type { color: var(--md-sys-color-outline-low) !important; } .wizard-entity-header.wizard-projectTemplate-header .tile-image-wrapper { align-items: center; justify-content: center; border-radius: 0; background-color: transparent; } .wizard-entity-header.wizard-projectTemplate-header .tile-image-wrapper .tile-image { border-radius: 0.25rem; } .wizard-step-projectType .wizard-step-body { display: flex; flex-direction: row; padding-left: 0 !important; } .wizard-step-projectType .wizard-step-body .categoryListViewWrapper { display: flex; flex-direction: column; background-color: var(--ag-color-white); padding-top: 5.5rem; } .wizard-step-projectType .wizard-step-body .categoryListViewWrapper .categoryListViewHeader { padding: 0 1rem 1rem 1rem; font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.009375rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .wizard-step-projectType .wizard-step-body .categoryListView { padding: 0.5rem 1rem; flex: 1; overflow: auto; background-color: var(--ag-color-white); margin-bottom: 0.5rem; } .wizard-step-projectType .wizard-step-body .categoryListView .categoryItem { width: 14rem; padding: 0.5rem 1rem; overflow: hidden; text-overflow: ellipsis; border-radius: 0.25rem; display: flex; color: var(--md-sys-color-outline) !important; } .wizard-step-projectType .wizard-step-body .categoryListView .categoryItem .tile-entity-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .wizard-step-projectType .wizard-step-body .categoryListView .categoryItem .tile-right-icon { display: none; position: absolute; right: 1.25rem; } .wizard-step-projectType .wizard-step-body .categoryListView .categoryItem .tile-right-icon .svg-icon { width: 1rem; height: 1rem; } .wizard-step-projectType .wizard-step-body .categoryListView .categoryItem.x-item-over { background-color: var(--md-sys-color-primary-alpha-05); } .wizard-step-projectType .wizard-step-body .categoryListView .categoryItem.x-item-selected { background-color: var(--md-sys-color-primary-alpha-10); color: var(--md-sys-color-on-background) !important; } .wizard-step-projectType .wizard-step-body .categoryListView .categoryItem.x-item-selected .tile-right-icon { display: block; } .wizard-step-projectTyeDetail .wizard-step-body { display: flex; flex-direction: column; } .wizard-step-projectTyeDetail .wizard-step-body .wizard-entity-header-container { box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant-lowest); background-color: var(--ag-color-white); border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; padding-right: 0.5rem; } .wizard-step-projectTyeDetail .wizard-step-body .wizard-entity-header-container .wizard-entity-header { padding-right: 0 !important; } .wizard-step-projectTyeDetail .wizard-step-body .wizard-entity-header-container .x-btn.button-link { align-self: center; } .wizard-step-projectTyeDetail .wizard-step-body .projectTyeDetail-content { display: flex; flex-direction: row; flex: 1; overflow: auto; align-self: stretch; gap: 1rem; justify-content: flex-start; background-color: var(--ag-color-white); border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; padding: 1rem; border: 1px solid var(--md-sys-color-outline-variant-lowest); border-top-width: 0; margin-bottom: 0.5rem; } .wizard-step-projectTyeDetail .wizard-step-body .projectTyeDetail-content .projectDetailDescription { flex: 1; } .wizard-step-projectTyeDetail .wizard-step-body .projectTyeDetail-content .projectDetailDescription .emptyDescription { margin: 1rem; font-style: italic; color: var(--md-sys-color-outline-lower); } .wizard-step-projectTyeDetail .wizard-step-body .projectTyeDetail-content .projectDetailDescription .descwrapper { background-color: var(--md-sys-color-blue-container-lowest); border-radius: 0.25rem; padding: 1rem; } .wizard-step-projectTyeDetail .wizard-step-body .projectTyeDetail-content .projectDetailDescription .descwrapper img { max-width: 100%; height: auto; } .wizard-step-projectTyeDetail .wizard-step-body .projectTyeDetail-content .projectDetailDescription .descwrapper .wtd-intro { padding: 10px; margin: 5px; max-width: 80%; /* font-style: italic; */ } .wizard-step-projectTyeDetail .wizard-step-body .projectTyeDetail-content .projectDetailDescription .descwrapper .wtd-column { flex: 40%; min-height: 400px; padding: 10px; margin: 5px; /* background-color: #e8e8e8; */ } .wizard-step-projectTyeDetail .wizard-step-body .projectTyeDetail-content .projectDetailDescription .descwrapper .wtd-container { display: flex; } .wizard-step-projectTemplate .wizard-step-body { display: flex; flex-direction: column; padding-top: 1rem; } .wizard-step-projectTemplate .wizard-step-body .wizard-tileListView .wizard-tile.wizard-tile-medium { align-items: center; gap: 1.25rem; } .wizard-step-projectTemplate .wizard-step-body .wizard-tileListView .wizard-tile.wizard-tile-medium:first-child { margin-top: 1px; } .wizard-step-projectTemplate .wizard-step-body .wizard-tileListView .wizard-tile.wizard-tile-medium .tile-image-wrapper { width: 4rem; height: 4rem; border-radius: 0; background-color: transparent; align-items: center; justify-content: center; } .wizard-step-projectTemplate .wizard-step-body .wizard-tileListView .wizard-tile.wizard-tile-medium .tile-image-wrapper .tile-image { width: 4rem; height: 4rem; border-radius: 0.25rem; align-self: start; } .wizard-form-content { display: block; background-color: var(--ag-color-white); border-radius: 0.25rem; border: 1px solid var(--md-sys-color-outline-variant-lowest); margin-bottom: 0.5rem; padding: 1rem; min-width: 27rem; } .projectTemplateData { display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; overflow: hidden; } .projectTemplateData .projectTemplateData-content { display: block; background-color: var(--ag-color-white); border-radius: 0.25rem; border: 1px solid var(--md-sys-color-outline-variant-lowest); margin-bottom: 0.5rem; } .projectTemplateData .projectTemplateData-content > .x-panel-bodyWrap > .x-panel-body { padding: 1rem; } .asset { padding: 0 0 1rem 0; display: block; background-color: var(--ag-color-white); } .asset.not-assigned .asset-name:after { content: "*"; color: var(--md-ctx-palette-neutral60); } .asset .asset-name { display: block; font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.009375rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; padding: 0.5rem 1rem; } .asset .asset-list-item { padding: 0.5rem 1rem; display: flex; flex-direction: row; gap: 0.5rem; white-space: nowrap; } .asset .asset-list-item .list-icon { width: 1.25rem; height: 1.25rem; } .wizard-tile { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; border-radius: 0.25rem; border: 1px solid var(--md-sys-color-outline-variant-lowest); background-color: var(--ag-color-white); transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } .wizard-tile.x-item-over { transform: translateY(-5px); /* Moves the container up by 5 pixels */ } .wizard-tile.x-item-selected { background-color: var(--md-sys-color-primary-alpha-10); border-color: var(--md-sys-color-outline-variant-lowest); } .wizard-tile.wizard-tile-pointer { cursor: pointer; } .wizard-tile.wizard-tile-small { width: 14rem; padding: 0.25rem 1rem; margin: 0.5rem; } .wizard-tile.wizard-tile-small .tile-entity-name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .wizard-tile.wizard-tile-medium { padding: 1.25rem 1.5rem; margin: 0.5rem 0 0.5rem 0rem; align-items: flex-start; gap: 40px; } .wizard-tile.wizard-tile-medium:first-child { margin-top: 1px; } .wizard-tile.wizard-tile-medium .tile-image-wrapper { width: 106px; height: 106px; border-radius: 50%; background-color: var(--md-sys-color-secondary-container-lower); display: flex; align-items: center; justify-content: center; } .wizard-tile.wizard-tile-medium .tile-image-wrapper .tile-image { width: 4rem; height: 4rem; } .wizard-tile.wizard-tile-medium .tile-right-icon { align-self: center; color: var(--md-ctx-palette-neutral80); } .wizard-tile.wizard-tile-medium .tile-right-icon svg { width: 1rem; height: 1rem; } .wizard-tile.wizard-tile-medium .tile-content { display: flex; flex-direction: column; flex: 1; gap: 0.25rem; } .wizard-tile.wizard-tile-medium .tile-content .tile-entity-name { font-family: RobotoFlex; font-size: 1.375rem; line-height: 1.75rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .wizard-tile.wizard-tile-medium .tile-content .tile-entity-description, .wizard-tile.wizard-tile-medium .tile-content .tile-entity-type { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; white-space: normal; } .wizard-tile.wizard-tile-medium .tile-content .tile-entity-description { color: var(--md-sys-color-outline); } .wizard-tile.wizard-tile-medium .tile-content .tile-entity-type { color: var(--md-sys-color-outline-low) !important; } .wizard-tile.wizard-tile-medium .tile-content .projectType-tile-link { cursor: pointer; color: var(--md-sys-color-primary); align-self: flex-start; opacity: 0.75; } .wizard-tile.wizard-tile-medium .tile-content .projectType-tile-link:hover { opacity: 1; } .wikiDocument { margin: 1rem 1rem 0 1rem; background-color: var(--md-sys-color-background) !important; } .wikiDocument b, .wikiDocument strong { font-variation-settings: unset; } .wikiDocument strong { font-weight: 600; } .wikiDocument .code-text { font-family: courier-new, courier, monospace; } .wikiDocument h1, .wikiDocument h2, .wikiDocument h3, .wikiDocument h4, .wikiDocument h5 { margin: 0px; padding: 0px; background: none; color: var(--md-sys-color-on-surface); } .wikiDocument h1 { font-family: RobotoFlex; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .wikiDocument h2 { font-family: RobotoFlex; font-size: 1.75rem; line-height: 2.25rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .wikiDocument h3 { font-family: RobotoFlex; font-size: 1.5rem; line-height: 2rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .wikiDocument h4 { font-family: RobotoFlex; font-size: 1.375rem; line-height: 1.75rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .wikiDocument h5 { font-family: RobotoFlex; font-size: 1.25rem; line-height: 1.625rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .wikiDocument h6 { font-family: RobotoFlex; font-size: 1.125rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .wikiDocument p, .wikiDocument div, .wikiDocument td, .wikiDocument a, .wikiSummary a { margin-top: 0px; margin-bottom: 0px; font-family: RobotoFlex; font-size: 0.875rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; line-height: 1.4285714286; } .wikiDocument p { margin: 0.375rem 0; } .wikiDocument a { color: #004797; } .wikiSummary a { color: #565656; } .wikiDocument div.code-text { background-color: var(--md-sys-color-outline-alpha-08); } .wikiDocument div.code-text p { padding: 0; } .wikiDocument .section3, .wikiDocument .section4, .wikiDocument .section5, .wikiDocument .section5 { margin-bottom: 1px; } .wikiDocument .section1 { margin-bottom: 1px; } .wikiDocument .section1 .titleHeader { margin-top: 1px; } .wikiDocument .section2 { margin-bottom: 1px; } .wikiDocument .section2 .titleHeader { margin-top: 12px; } .wikiDocument .section3 { margin-bottom: 1px; } .wikiDocument .section3 .titleHeader { margin-top: 6px; } .wikiDocument .section4 { margin-bottom: 1px; } .wikiDocument .section4 .titleHeader { margin-top: 6px; } .wikiDocument .section5 { margin-bottom: 1px; } .wikiDocument .section5 .titleHeader { margin-top: 6px; } .wikiDocument .section6 { margin-bottom: 1px; } .wikiDocument .section6 .titleHeader { margin-top: 6px; } .sectionDescriptionWrapper { margin: 0; } .documentHeader { border-bottom: 1px solid #D0D0D0; padding: 0 0 0 5px; } .links { padding: 0px 0px 0px 5px; } .wikiLinkCell { padding: 2px 2px 2px 5px; } .wikiLinksLabel { margin: 0px 0px 0px 0px; } .wikiDocument .x-fieldset { border-color: var(--md-sys-color-outline-variant-lower); padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .wikiDocument .x-fieldset-collapsed { border-color: var(--md-sys-color-outline-variant-lower); border-radius: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .summaryPrefix { color: #f0f0f0; padding-left: 0.5em; } .summaryIndent1 { padding-left: 1em; } .summaryIndent2 { padding-left: 2em; } .summaryIndent3 { padding-left: 3em; } .summaryIndent4 { padding-left: 4em; } .summaryIndent5 { padding-left: 5em; } .wikiDocumentSeparator { border-bottom: 1px dashed #d0d0d0; height: 21px; margin-bottom: 10px; } a.removeWikiLink { color: #c80402 !important; } a.removeWikiLink:hover { color: #202BB0; background: none; text-decoration: underline; } .wikiCommentRow { border-top: 1px solid #eeeeee; padding: 5px 15px 5px 0px; margin: 5px 0 0 0 !important; background-color: white; } .wikiCommentRow.first { border-top-width: 0px; } .wikiHistoryLabel { font-weight: bold; margin-top: 5px; } .wikiDocument .historyRow { background: none; border-top: 1px solid #eeeeee; } .wikiDescription .x-form-display-field p:first-child { margin-top: 0px; } .wikiDescription .x-form-display-field p:last-child { margin-bottom: 5px; } .wikiSummary { margin: 0 0 10px; padding: 5px; } .wikiSummary .wikiFieldSet { border: 1px solid #f0f0f0; border-radius: 5px; } .wikiCommentAuthor { color: #004797; } .wikiCommentDate { color: #707070; } a.editComment { color: #004797 !important; font-weight: normal; padding-left: 10px; } .wikiDocument .editableFieldWrapper-over h1, .wikiDocument .editableFieldWrapper:hover h1, .wikiDocument .editableFieldWrapper-over h2, .wikiDocument .editableFieldWrapper:hover h2, .wikiDocument .editableFieldWrapper-over h3, .wikiDocument .editableFieldWrapper:hover h3, .wikiDocument .editableFieldWrapper-over h4, .wikiDocument .editableFieldWrapper:hover h4, .wikiDocument .editableFieldWrapper-over h5, .wikiDocument .editableFieldWrapper:hover h5 { color: #008000; } .wikiDocument .editableFieldWrapper h1, .wikiDocument .editableFieldWrapper h2, .wikiDocument .editableFieldWrapper h3, .wikiDocument .editableFieldWrapper h4, .wikiDocument .editableFieldWrapper h5 { padding-left: 15px; } .wikiDocument .editableFieldWrapper:hover { background-image: url(../images/svg/entities/editableFieldBG.svg); background-position: 0 5px; background-repeat: no-repeat; } .editableFieldWrapper .wikiDescription { border: 1px solid #ffffff; } .editableFieldWrapper-over .wikiDescription, .editableFieldWrapper:hover .wikiDescription { background-image: url(../images/svg/entities/editableFieldBG.svg); background-position: 0 5px; background-repeat: no-repeat; border: 1px solid #d0d0d0; background-color: #f5ffff; } .sectionHeader .editableFieldWrapper .titleHeader, .documentHeader .editableFieldWrapper .titleHeader { padding-left: 16px; } .editableFieldWrapper .wikiDescription { padding-left: 15px; } .editableFieldWrapper .wikiDescription .x-form-display-field { padding-left: 20px; } .editableFieldWrapper-over .wikiDescription .x-form-display-field { padding-left: 20px; color: #000000; cursor: pointer; } .wikiDescription { display: flow-root; } .wikiDocument .inlineItem { display: flow-root; } .wikiDescription div p { margin-top: 2px; } .wikiDescription table { margin-top: 0.5rem; margin-bottom: 0.5rem; border-spacing: 0px; border-collapse: collapse; } .wikiDescription table caption { caption-side: top; text-align: left; padding: 0.125rem 0; } .wikiDescription table, .wikiDescription th, .wikiDescription td { border-color: var(--md-sys-color-outline-variant-lower); } .wikiDescription th, .wikiDescription td { padding: 0.25rem 0.5rem; } .wikiDescription table th { background: var(--md-sys-color-outline-variant, #c5c6d0); color: var(--md-sys-color-on-surface, #1a1c1e); text-align: left; } .wikiDescription table tfoot td { background: var(--md-sys-color-surface-variant, #e1e2ec); color: var(--md-sys-color-on-surface-variant, #44464f); } .section2 .sectionHeader { margin-top: 8px; } .inlineLink { padding-bottom: 2px; } .inlineLink a { color: #004797; font-weight: normal; } .inlineLink a:hover { color: #BF2128; text-decoration: underline; } .v-vertical-header-grid .x-column-header .x-column-header-text { display: block; margin-left: auto; margin-right: auto; text-align: left; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); /* IE */ } .linkCellFocus { border: 1px solid red; } .wikiFieldSet { border-color: var(--md-sys-color-outline-variant-lower); margin: 0px 0px 5px; border-width: 1px 0px 0px; border-style: solid; } .wikiFieldSet > legend a, .wikiFieldSet-collapsed > legend a { color: var(--md-sys-color-outline); } .wikiFieldSet > legend a:hover, .wikiFieldSet-collapsed > legend a:hover { color: var(--md-sys-color-primary); } .wikiFieldSet .x-tool-img { background-image: none !important; width: 1.25rem; height: 1.25rem; } .wikiFieldSet .x-tool-img:before { font-family: "Material Icons", "Font Awesome 5 Free"; content: "expand_more"; letter-spacing: 0 !important; font-size: 1.25rem; line-height: 1.25rem !important; } .wikiFieldSet-collapsed .x-tool-img { width: 1.25rem; height: 1.25rem; background-image: none !important; } .wikiFieldSet-collapsed .x-tool-img:before { font-family: "Material Icons", "Font Awesome 5 Free"; content: "expand_less"; letter-spacing: 0 !important; font-size: 1.25rem; line-height: 1.25rem !important; } .wikiFieldSet-collapsed { border-color: var(--md-sys-color-outline-variant-lower); border-radius: 0; /*padding: 0px 0px 0px 0px;*/ margin: 0px 0px 0px 0px; border-width: 1px 0 0 0; border-style: solid !important; } .fieldset_body { padding-left: 15px; } .wikiFieldSet-collapsed .fieldset_body { display: none; } .sectionNumber { color: var(--md-sys-color-on-surface); } .wikiDocument ul { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .highlightHeader { color: grey; font-weight: 400; padding: 30px 10px 10px 30px; } .highlightWrapper { margin: 16px 8px 16px 0; padding: 16px; border-radius: 16px; border: 1px solid transparent; } .highlightWrapper:hover { border-color: var(--md-sys-color-outline-variant); background-color: var(--md-sys-color-primary-container-low) !important; } .highlightWrapper svg { fill: currentColor; pointer-events: all !important; width: 24px; height: 24px; } .highlightWrapper svg.svg-icon-check { color: var(--ag-color-green); } .highlightWrapper svg.svg-icon-check-x { color: var(--md-sys-color-error); } .highlightTitle, .highlightTitle a { font-weight: normal; text-align: left; text-decoration: none; } .highlightTitle h1 { margin: 0; padding: 8px 0; display: flex; flex-direction: row; align-items: center; } .highlightDescription { max-width: 600px; } .highlightDescription b { background-color: yellow; } .versionsHighlighterLbl { margin-top: 4px; display: flex; flex-direction: row; align-items: center; gap: 8px; } .wikiTreeNavigator table .x-tree-icon { margin: -2px 5px 0; } /* Edit all wrapper div style */ .allDocumentEdit { width: 100% !important; } .allDocumentEdit.x-field.x-form-type-text { margin-bottom: 0 !important; margin-top: 0 !important; } .allDocumentEdit.x-field.x-form-type-text .x-form-trigger-wrap { border-width: 0px !important; } .allDocumentEdit.x-field.x-form-type-text .x-form-textarea-body .x-form-text-wrap.x-form-text-wrap-default { padding: 0px !important; border-width: 0 !important; } /* Wiki content toolbar */ .wikiDocumentEditView .x-toolbar, .wikiDocumentView .x-toolbar { border-bottom-width: 1px !important; } /* end */ /* Wiki content */ .wikiDocumentEditView .x-panel-body, .wikiDocumentView .x-panel-body { border-top-width: 0px !important; } .wikiDocumentEditView .x-panel-body { overflow: hidden !important; } .wikiRightSplitterPlaceholder { border-left: 1px solid var(--md-sys-color-outline-variant-lower); background-color: var(--md-sys-color-surface); } .wikiCommentRowAvatar { border-radius: 50px; } .wikiDocument ol ol { list-style-type: lower-alpha; } .wikiDocument ol ol ol { list-style-type: lower-roman; } .wikiDocumentCenter { counter-reset: chapter-counter figure-counter table-counter; } .wikiDocument .inlineItem .generalItem .inlineItemLinks { background-position: 0.5rem 0.5rem !important; background-size: 1.25rem 1.25rem; padding: 0.5rem 2rem; background-color: var(--md-sys-color-secondary-container-lowest); border-top: 1px dashed var(--md-sys-color-outline-variant-lower); display: flex; flex-direction: column; align-items: flex-start; gap: 0.125rem; } .wikiDocument .inlineItem .generalItem .inlineItemLinks .inlineLink { color: var(--md-sys-color-secondary); } .wikiDocument a { font-weight: normal !important; } /* Wiki tree drag drop improvements */ body.applicationView-3 .x-tree-ddindicator { border-width: 5px 0px 0px !important; } .wikiTreeNodeDragged .x-grid-item-over { background-color: #f6f6f6 !important; transform: scale(1.22); padding-left: 9%; } .cke_inner, .cke_wysiwyg_frame, .cke_wysiwyg_div { background-color: var(--md-sys-color-background) !important; } .allDocumentEdit h2, .allDocumentEdit h3, .allDocumentEdit h4, .allDocumentEdit h5, .allDocumentEdit h6 { margin: 24px 0 0 0; padding: 0 0 0 32px; } .allDocumentEdit .fr-dropdown-content h2, .allDocumentEdit .fr-dropdown-content h3, .allDocumentEdit .fr-dropdown-content h4, .allDocumentEdit .fr-dropdown-content h5, .allDocumentEdit .fr-dropdown-content h6 { background-size: 16px 16px !important; } .allDocumentEdit h2 { background: url(../images/svg/headings/h2.svg) no-repeat left center !important; } .allDocumentEdit h3 { background: url(../images/svg/headings/h3.svg) no-repeat left center !important; } .allDocumentEdit h4 { background: url(../images/svg/headings/h4.svg) no-repeat left center !important; } .allDocumentEdit h5 { background: url(../images/svg/headings/h5.svg) no-repeat left center !important; } .allDocumentEdit h6 { background: url(../images/svg/headings/h6.svg) no-repeat left center !important; } .allDocumentEdit table td { padding: 0.25rem 0.5rem; } .wikiDescription img.mathEquation { border-radius: 0.25rem; } /*! * This file is part of the Allegra application, a tool for project and change management. * Copyright (c) 2024 Alltena * Use and distribution of this software is governed by the Allegra license conditions. */ .vc-list-view .vc-branches-cell .x-grid-cell-inner { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; display: flex; flex-wrap: wrap; gap: 0.5rem; } a.vc-branch-link.tag { background: var(--md-ctx-palette-secondary90); padding: 0.25rem 0.75rem; border-radius: 0.5rem; color: var(--md-sys-color-on-secondary-container); display: inline-block; } /* MOVE THIS TO THE RIGHT PLACE */ .x-message-box-info { color: var(--md-sys-color-primary); } .x-form-display-field-default { margin-top: 0px !important; } .showToolbarShadow { z-index: 99 !important; } body.x-border-layout-ct, div.x-border-layout-ct { background-color: var(--md-sys-color-background) !important; } .mailTplBody, .mailTplBody textarea { min-height: 290px !important; height: 290px !important; } .htmlTplBody, .htmlTplBody textarea { min-height: 340px !important; height: 340px !important; } .cssEditor, .cssEditor textarea { min-height: 300px !important; height: 300px !important; } /* Fix for combo box trigger problem: you have to click twice in order to open the combo list. First click just shifts up the label */ .x-form-item-label { position: relative; z-index: 1; } .x-form-item-body { position: relative; z-index: 2; } /* Number field fix: when the number is 0 the label is not shifted up */ /*label[id*="numberfield"] { transform: translateY(8px) !important; }*/ /* Fieldset title not rendered */ fieldset .x-fieldset-header-text { position: initial; } /* Patch for: Chrome Sigma plugin combo label cut off TODO: Fix the line height in Theme project */ .deliveredArticleDialog .x-field.x-form-type-text label.x-form-item-label .x-form-item-label-text, .complainedArticleDialog .x-field.x-form-type-text label.x-form-item-label .x-form-item-label-text { line-height: 1rem !important; } .display-large { font-family: RobotoFlex; font-size: 3.5625rem; line-height: 4rem; letter-spacing: 0; font-weight: 600; text-decoration: inherit; text-transform: inherit; } .display-medium { font-family: RobotoFlex; font-size: 2.8125rem; line-height: 3.25rem; letter-spacing: 0; font-weight: 600; text-decoration: inherit; text-transform: inherit; } .display-small { font-family: RobotoFlex; font-size: 2.25rem; line-height: 2.75rem; letter-spacing: 0; font-weight: 600; text-decoration: inherit; text-transform: inherit; } .display-xxx-small { font-family: RobotoFlex; font-size: 1.125rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .headline-large { font-family: RobotoFlex; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .headline-medium { font-family: RobotoFlex; font-size: 1.75rem; line-height: 2.25rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .headline-small { font-family: RobotoFlex; font-size: 1.5rem; line-height: 2rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .title-large { font-family: RobotoFlex; font-size: 1.375rem; line-height: 1.75rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .title-medium { font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.009375rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .title-small { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.00625rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .label-large { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.00625rem; text-decoration: none; text-transform: inherit; } .label-medium { font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; font-weight: 400; letter-spacing: 0.03125rem; text-decoration: none; text-transform: inherit; } .label-small { font-family: RobotoFlex; font-size: 0.6875rem; line-height: 1rem; font-weight: 400; letter-spacing: 0.03125rem; text-decoration: none; text-transform: inherit; } .body-large { font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.03125rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .body-medium { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .body-small { font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } /*app navigator*/ :root { --logo-url-light: url("logoAction.action"); --logo-url-dark: url("logoAction.action?logoType=w"); --allegra-logo-url-light: url(../images/svg/allegra-logo.svg); --allegra-logo-url-dark: url(../images/svg/allegra-logo-inverted.svg); --ag-color-green-light:#008A29; --ag-color-warn-light:#ffffb8; --ag-color-green-dark:#68FF7F; --ag-color-warn-dark:#a19903; --ag-color-blue-light:#0061b0; --ag-color-blue-dark:#7caeff; } @media (prefers-color-scheme: light) { :root { --logo-url: var(--logo-url-light); --allegra-logo-url: var(--allegra-logo-url-light); --ag-color-green: var(--ag-color-green-light); --ag-color-warn: var(--ag-color-warn-light); --ag-color-blue: var(--ag-color-blue-light); } .dark-theme { --logo-url: var(--logo-url-dark); --allegra-logo-url: var(--allegra-logo-url-dark); --ag-color-green: var(--ag-color-green-dark); --ag-color-warn: var(--ag-color-warn-dark); --ag-color-blue: var(--ag-color-blue-dark); } } @media (prefers-color-scheme: dark) { :root { --logo-url: var(--logo-url-dark); --allegra-logo-url: var(--allegra-logo-url-dark); --ag-color-green: var(--ag-color-green-dark); --ag-color-warn: var(--ag-color-warn-dark); --ag-color-blue: var(--ag-color-blue-dark); } .light-theme { --logo-url: var(--logo-url-light); --allegra-logo-url: var(--allegra-logo-url-light); --ag-color-green: var(--ag-color-green-light); --ag-color-warn: var(--ag-color-warn-light); --ag-color-blue: var(--ag-color-blue-light); } } @media (prefers-color-scheme: light) { :root { --ag-color-green-08: rgba(0, 138, 41, 0.08); --ag-color-green-12: rgba(0, 138, 41, 0.12); --ag-color-green-24: rgba(0, 138, 41, 0.24); --ag-color-green-40: rgba(0, 138, 41, 0.4); } .dark-theme { --ag-color-green-08: rgba(104, 255, 127, 0.08); --ag-color-green-12: rgba(104, 255, 127, 0.12); --ag-color-green-24: rgba(104, 255, 127, 0.24); --ag-color-green-40: rgba(104, 255, 127, 0.4); } } @media (prefers-color-scheme: dark) { :root { --ag-color-green-08: rgba(104, 255, 127, 0.08); --ag-color-green-12: rgba(104, 255, 127, 0.12); --ag-color-green-24: rgba(104, 255, 127, 0.24); --ag-color-green-40: rgba(104, 255, 127, 0.4); } .light-theme { --ag-color-green-08: rgba(0, 138, 41, 0.08); --ag-color-green-12: rgba(0, 138, 41, 0.12); --ag-color-green-24: rgba(0, 138, 41, 0.24); --ag-color-green-40: rgba(0, 138, 41, 0.4); } } .x-form-fieldcontainer.composite-field-container { margin-bottom: 2rem !important; margin-top: 0 !important; } .x-form-fieldcontainer.composite-field-container .x-field.x-form-type-text { margin-bottom: 0 !important; } .x-form-fieldcontainer.composite-field-container > .x-form-error-wrap-under { overflow: hidden; margin-bottom: -1.125rem; display: block; height: auto; } .x-form-fieldcontainer.parentNo-container { margin-bottom: 2rem !important; margin-top: 0.5rem !important; } .x-form-fieldcontainer.parentNo-container .x-form-item-label { position: absolute !important; margin-left: 0.75rem !important; transition-duration: 150ms; transform: translateY(-0.5rem) scale(0.8) !important; transform-origin: top left; z-index: 3; } .x-form-fieldcontainer.parentNo-container .x-form-item-label .x-form-item-label-inner .x-form-item-label-text { background-color: var(--md-sys-color-background); display: inline-block !important; max-width: 100%; padding: 0 0.25rem 0 0.25rem; min-height: 1rem; color: var(--md-sys-color-outline-low) !important; font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .x-form-fieldcontainer.parentNo-container .x-form-item-body { box-shadow: inset 0 0 0 1px var(--md-sys-color-outline-variant-lower); border-radius: 0.25rem; padding-left: 0.75rem; padding-top: 0.625rem; padding-bottom: 0.625rem; height: 2.5rem; box-sizing: border-box; } .x-form-fieldcontainer.parentNo-container .x-btn.button-icon-x-small { margin-top: 0 !important; width: 1.25rem !important; height: 1.25rem !important; padding: 0.125rem !important; } .x-form-fieldcontainer.parentNo-container .x-btn.button-icon-x-small .x-btn-icon-el { width: 1rem !important; height: 1rem !important; } .x-form-fieldcontainer.parentNo-container .x-btn.button-icon-x-small .svg-icon { padding: 0; width: 1rem; height: 1rem; } .x-form-fieldcontainer.parentNo-container .linkComponent { height: 2.5rem; display: flex; align-items: center; padding: 0 1rem 0 0.5rem !important; } a.parentLink { color: var(--md-sys-color-primary) !important; font-family: RobotoFlex; font-size: 0.875rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } a.parentLink:hover { color: var(--link-hover-color) !important; } .x-field.x-form-type-text.emailAddressCmb label.x-form-item-label .x-form-item-label-text { cursor: pointer !important; text-decoration: underline; color: var(--md-sys-color-primary) !important; opacity: 1; } .x-field.x-form-type-text.emailAddressCmb label.x-form-item-label .x-form-item-label-text:hover { color: var(--link-hover-color) !important; } .x-field.ckeFieldNoBottomMargin { margin-bottom: 0 !important; } .x-boundlist.avatarList .x-boundlist-item { display: flex; gap: 12px; } .x-btn.red-icon .svg-icon { color: var(--md-sys-color-error) !important; } .x-field.x-form-type-text.x-form-invalid.fieldConflict .x-form-trigger-wrap-invalid { background-color: var(--md-sys-color-warning-container-low); } .x-field.x-form-type-text.x-form-invalid.modifiedByMe .x-form-trigger-wrap-invalid { background-color: var(--md-sys-color-success-container-low); } .x-field.x-form-type-text.x-form-invalid.modifiedByMe .x-form-trigger-wrap-invalid, .x-field.x-form-type-text.x-form-invalid.modifiedByOther .x-form-trigger-wrap-invalid { box-shadow: inset 0 0 0 1px var(--md-sys-color-success) !important; } .x-field.x-form-type-text.x-form-invalid.modifiedByMe label.x-form-item-label .x-form-item-label-text, .x-field.x-form-type-text.x-form-invalid.modifiedByMe .x-form-invalid-under-default, .x-field.x-form-type-text.x-form-invalid.modifiedByOther label.x-form-item-label .x-form-item-label-text, .x-field.x-form-type-text.x-form-invalid.modifiedByOther .x-form-invalid-under-default { color: var(--md-sys-color-success) !important; } .dense-compact .x-form-fieldcontainer.composite-field-container { margin-bottom: 1.75rem !important; } .dense-compact .x-form-fieldcontainer.composite-field-container > .x-form-error-wrap-under { overflow: hidden; margin-bottom: -1rem; } .dense-compact .x-form-fieldcontainer.parentNo-container { margin-bottom: 1.75rem !important; } .dense-compact .x-form-fieldcontainer.parentNo-container .x-form-item-body { padding-top: 0.375rem; padding-bottom: 0.375rem; height: 2rem; } .dense-compact .x-form-fieldcontainer.parentNo-container .linkComponent { height: 2rem; } .dndFileViewer .dndViewFileItemWrapper, .browseFileViewport .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .commentsDialogView .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .itemDetailTabPanel .attachmentThumbnailView .attachmentThumbnailsWrapper .attachmentThumbnail, .wizard-tile.x-item-over, .elevation-1 { box-shadow: 0px 1px 2px var(--ag-color-box-shadow-alpha-10), 0px 1px 3px var(--ag-color-box-shadow-alpha-05); } .actionLinksView .actionLinkItem, .itemNavDnDWrapper, .x-panel.floating-panel, .x-window.window-no-header, .designer-field-dnd-proxy, .screenDesigner.screenDesigner-cardScreen .cardScreenPanel, .taskboardGroup .taskboardColumnBody .itemCard, .x-dd-drag-proxy.taskboard-dd-drag-proxy.taskboard-dd-drag-proxy-multiple .drag-wrapper-multipleCards .drag-backCard, .customPicker, .mega-menu, .elevation-2 { box-shadow: 0px 1px 2px var(--ag-color-box-shadow-alpha-15), 0px 2px 6px var(--ag-color-box-shadow-alpha-10); } .dashboardView .dashboardField, .dashboardProjectView .dashboardField, .x-dd-drag-proxy.item-navigator-dd-drag-proxy .item-drag-tooltip, .screenDesigner .entityScreenComponent.entityScreenField.dashboardScreenField, .x-dd-drag-proxy.taskboard-dd-drag-proxy .drag-card, .elevation-3 { box-shadow: 0px 1px 3px var(--ag-color-box-shadow-alpha-15), 0px 4px 8px var(--ag-color-box-shadow-alpha-10); } .tribute-container, .fr-box a.fr-floating-btn, .fr-qi-helper a.fr-btn.fr-floating-btn, .fr-command.fr-btn.fr-active + .fr-dropdown-menu, .fr-popup, .fr-modal .fr-modal-wrapper, .elevation-4 { box-shadow: 0px 6px 10px var(--ag-color-box-shadow-alpha-05), 0px 2px 3px var(--ag-color-box-shadow-alpha-10); } .logon-view .login-form, .elevation-5 { box-shadow: 0px 8px 12px var(--ag-color-box-shadow-alpha-05), 0px 4px 4px var(--ag-color-box-shadow-alpha-10); } /*tpmaterial borderLayout */ /*app navigator*/ :root { --logo-url-light: url("logoAction.action"); --logo-url-dark: url("logoAction.action?logoType=w"); --allegra-logo-url-light: url(../images/svg/allegra-logo.svg); --allegra-logo-url-dark: url(../images/svg/allegra-logo-inverted.svg); --ag-color-green-light:#008A29; --ag-color-warn-light:#ffffb8; --ag-color-green-dark:#68FF7F; --ag-color-warn-dark:#a19903; --ag-color-blue-light:#0061b0; --ag-color-blue-dark:#7caeff; } @media (prefers-color-scheme: light) { :root { --logo-url: var(--logo-url-light); --allegra-logo-url: var(--allegra-logo-url-light); --ag-color-green: var(--ag-color-green-light); --ag-color-warn: var(--ag-color-warn-light); --ag-color-blue: var(--ag-color-blue-light); } .dark-theme { --logo-url: var(--logo-url-dark); --allegra-logo-url: var(--allegra-logo-url-dark); --ag-color-green: var(--ag-color-green-dark); --ag-color-warn: var(--ag-color-warn-dark); --ag-color-blue: var(--ag-color-blue-dark); } } @media (prefers-color-scheme: dark) { :root { --logo-url: var(--logo-url-dark); --allegra-logo-url: var(--allegra-logo-url-dark); --ag-color-green: var(--ag-color-green-dark); --ag-color-warn: var(--ag-color-warn-dark); --ag-color-blue: var(--ag-color-blue-dark); } .light-theme { --logo-url: var(--logo-url-light); --allegra-logo-url: var(--allegra-logo-url-light); --ag-color-green: var(--ag-color-green-light); --ag-color-warn: var(--ag-color-warn-light); --ag-color-blue: var(--ag-color-blue-light); } } @media (prefers-color-scheme: light) { :root { --ag-color-green-08: rgba(0, 138, 41, 0.08); --ag-color-green-12: rgba(0, 138, 41, 0.12); --ag-color-green-24: rgba(0, 138, 41, 0.24); --ag-color-green-40: rgba(0, 138, 41, 0.4); } .dark-theme { --ag-color-green-08: rgba(104, 255, 127, 0.08); --ag-color-green-12: rgba(104, 255, 127, 0.12); --ag-color-green-24: rgba(104, 255, 127, 0.24); --ag-color-green-40: rgba(104, 255, 127, 0.4); } } @media (prefers-color-scheme: dark) { :root { --ag-color-green-08: rgba(104, 255, 127, 0.08); --ag-color-green-12: rgba(104, 255, 127, 0.12); --ag-color-green-24: rgba(104, 255, 127, 0.24); --ag-color-green-40: rgba(104, 255, 127, 0.4); } .light-theme { --ag-color-green-08: rgba(0, 138, 41, 0.08); --ag-color-green-12: rgba(0, 138, 41, 0.12); --ag-color-green-24: rgba(0, 138, 41, 0.24); --ag-color-green-40: rgba(0, 138, 41, 0.4); } } .display-large { font-family: RobotoFlex; font-size: 3.5625rem; line-height: 4rem; letter-spacing: 0; font-weight: 600; text-decoration: inherit; text-transform: inherit; } .display-medium { font-family: RobotoFlex; font-size: 2.8125rem; line-height: 3.25rem; letter-spacing: 0; font-weight: 600; text-decoration: inherit; text-transform: inherit; } .display-small { font-family: RobotoFlex; font-size: 2.25rem; line-height: 2.75rem; letter-spacing: 0; font-weight: 600; text-decoration: inherit; text-transform: inherit; } .display-xxx-small { font-family: RobotoFlex; font-size: 1.125rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .headline-large { font-family: RobotoFlex; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .headline-medium { font-family: RobotoFlex; font-size: 1.75rem; line-height: 2.25rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .headline-small { font-family: RobotoFlex; font-size: 1.5rem; line-height: 2rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .title-large { font-family: RobotoFlex; font-size: 1.375rem; line-height: 1.75rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .title-medium { font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.009375rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .title-small { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.00625rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .label-large { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.00625rem; text-decoration: none; text-transform: inherit; } .label-medium { font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; font-weight: 400; letter-spacing: 0.03125rem; text-decoration: none; text-transform: inherit; } .label-small { font-family: RobotoFlex; font-size: 0.6875rem; line-height: 1rem; font-weight: 400; letter-spacing: 0.03125rem; text-decoration: none; text-transform: inherit; } .body-large { font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.03125rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .body-medium { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .body-small { font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .footerLogoWrapper { background-image: url(logoAction.action) !important; } .appFooter .x-toolbar-text { padding-top: 1px !important; top: 2px !important; font-weight: 400; font-size: 14px; } .footerShortcutsHelpIcon { top: 3px !important; } .headerSingleSelect_5005 .x-form-field, .headerSingleSelect_5005 .x-form-trigger { border-bottom: 1px solid var(--dynamic-text-color-for-base) !important; } .headerSingleSelect_5005 .x-form-trigger-default:before, .headerSingleSelect_5005 input { color: var(--dynamic-text-color-for-base) !important; } /*tpmaterial login*/ /*tpmaterial item*/ .txtTitleHeader input { border-radius: 0px !important; } .workAndCostHeader { background-color: transparent !important; border-bottom: 1px solid var(--md-sys-color-outline-variant-lower); } .attachmentListViewSummaryRowDnDLabel { position: absolute; z-index: 5; } .copyTitleToClipboard .x-tool-tool-el::before { -webkit-text-stroke-color: var(--fixed-text-color) !important; } .compareItemsDlg .compareVersionsToolbar .x-toolbar { background-color: transparent !important; } .expenseDataView .expenseHtmlViewRowBase { border-bottom-color: var(--md-sys-color-outline-variant-lower) !important; } .linkPicker.sectionPicker .nodeType-1, .linkPicker.sectionPicker .nodeType-3, .linkPicker.sectionPicker .nodeType-2 { background-color: var(--disabled-color) !important; } .printItemCenterView .itemTitleWrapper, .workItemDialog .itemTitleWrapper { margin-left: 8px !important; width: calc(100% - 32px) !important; overflow: hidden; white-space: nowrap !important; } .printItemCenterView .txtTitleHeader, .workItemDialog .txtTitleHeader { margin-left: 8px !important; width: calc(100% - 32px) !important; } .printItemCenterView .headerMsg, .workItemDialog .headerMsg { left: 0px !important; top: 10px !important; left: 20px !important; } .itemGridLayoutSettingsBtn { right: 0px !important; } .workItemDialog .editableFieldWrapper, .printItemCenterView .editableFieldWrapper, .workItemDialog .screenField, .printItemCenterView .screenField { margin-left: 3px !important; } .printItemCenterView .itemViewToolbar { left: 0px !important; margin-left: 0px !important; width: 100% !important; } .workItemDialog .x-window-header { padding-left: 16px !important; padding-right: 16px !important; } .splitGridViewWrapper .itemWizardToolbar, .splitGridViewWrapper .itemViewToolbar { margin-left: 0px !important; width: 100% !important; } /* Item toolbar overflow icon */ .itemViewToolbar .x-btn.x-box-menu-after.x-toolbar-item.x-unselectable[data-componentid*=menu-trigger] { position: absolute; right: 0px; margin-top: 5px; } /* Checkbox */ .itemView .checkBoxTypRenderer label span { top: 1px; position: relative; } .votingListView .x-grid-header-ct { border-width: 0px !important; } .votingOverviewChart .x-field.x-form-readonly.x-form-type-text .x-form-display-field { line-height: 32px !important; } /*tpmaterial itemNavigator*/ /* Group row bg color */ tr.reportsTableGrouping td, .x-tree-panel .reportsTableGrouping .x-grid-cell { background-color: transparent !important; } /* Item navigator toolbar shadow */ .itemListSettingsView { z-index: 5; } /* Hide checkbox in front of the group label */ .reportsTableGrouping .x-selmodel-checkbox.x-selmodel-checkbox.x-selmodel-column .x-grid-checkcolumn::after { content: none !important; } /* Hide column filter component border */ .itemNavLocalFilterBoolean, .itemNavLocalFilterCombo, .itemNavLocalFilterText { border-width: 1px 0 0 0 !important; border-color: var(--md-sys-color-outline-variant-lower) !important; border-style: solid !important; padding-right: 1px; } .x-column-header .x-field.x-form-type-text .x-form-text-default.x-tagfield { overflow: hidden; } .filterEditPanelSplitter { background-color: var(--md-sys-color-outline-variant-lower) !important; } .filterEditPanel.animateFilterPanel { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .filterView fieldset { border-left-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; padding: 0px !important; margin: 0px !important; } .filterView fieldset .x-fieldset-header { padding-left: 0px !important; } .importMsProjectUSerCmb { padding-top: 16px !important; } /*tpmaterial cardView*/ /* Card panel background color */ .cardCenterPanel .x-panel-body { background-color: #FFFFFF; } /* group border */ .cardGroupPanel { border-width: 0px !important; } .cardGroupPanel-dropTargetOk, .cardGroupPanel-dropTargetOk .x-panel-body { background-color: rgba(44, 180, 19, 0.2) !important; } .cardGroupPanel-dropTargetOk .x-panel-header { background-color: #FFFFFF !important; } .cardGroupPanel-dropTargetPartial, .cardGroupPanel-dropTargetPartial .x-panel-body { background-color: rgba(210, 20, 28, 0.5) !important; } .cardGroupPanel-dropTargetPartial .x-panel-header { background-color: #0074a8 !important; } .cardGroupPanel .x-component { background-color: #F5F5F5 !important; padding: 6px 6px 0 6px !important; /* Must be changed in CardGroupView.js -> getCardsTpl() -> cardColumnBodyPadding also */ } /* Card lane header */ .cardGroupPanel .x-panel-header { padding: 4px 15px 11px 4px; background-color: #FFFFFF; } /* Card group panel, lane */ .cardGroupPanel { border-radius: 0px !important; } /* Card header paneltool icons hover */ .hideCardPanelToolIcons { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 0.5s linear; } .showCardPanelToolIcons { visibility: visible; opacity: 1; transition: visibility 0.5s, opacity 1s linear; } /* end */ .cardEmptyColumnText { color: var(--base-color) !important; font-weight: 600; } .cardEmptyColumnText:HOVER { color: var(--base-highlight-color); } .cardPseudoGroup { padding: 12px 0 0 0 !important; } .cardPseudoGroup .addMoreLbl { cursor: pointer; color: var(--base-color); } .cardPseudoGroup .addMoreLbl:HOVER { color: var(--base-highlight-color); } .cardSettingsView .x-toolbar { background-color: #FFFFFF; } .cardGroupByRowTitleColumn { margin-top: 0px !important; } .groupByRowContainer tr:first-child .cardGroupByRowTitleColumn { margin-top: 44px !important; } /*tpmaterial reports*/ /*tpmaterial screen*/ /*tpmaterial lightbox*/ /*tpmaterial admin*/ .iCalendarWpTreePanel { border: 1px solid var(--md-sys-color-outline-variant-lower) !important; } .colorSchemeGrid .x-panel-body { border-top-width: 1px !important; } /*tpmaterial Contains the style for ux components */ /*app navigator*/ :root { --logo-url-light: url("logoAction.action"); --logo-url-dark: url("logoAction.action?logoType=w"); --allegra-logo-url-light: url(../images/svg/allegra-logo.svg); --allegra-logo-url-dark: url(../images/svg/allegra-logo-inverted.svg); --ag-color-green-light:#008A29; --ag-color-warn-light:#ffffb8; --ag-color-green-dark:#68FF7F; --ag-color-warn-dark:#a19903; --ag-color-blue-light:#0061b0; --ag-color-blue-dark:#7caeff; } @media (prefers-color-scheme: light) { :root { --logo-url: var(--logo-url-light); --allegra-logo-url: var(--allegra-logo-url-light); --ag-color-green: var(--ag-color-green-light); --ag-color-warn: var(--ag-color-warn-light); --ag-color-blue: var(--ag-color-blue-light); } .dark-theme { --logo-url: var(--logo-url-dark); --allegra-logo-url: var(--allegra-logo-url-dark); --ag-color-green: var(--ag-color-green-dark); --ag-color-warn: var(--ag-color-warn-dark); --ag-color-blue: var(--ag-color-blue-dark); } } @media (prefers-color-scheme: dark) { :root { --logo-url: var(--logo-url-dark); --allegra-logo-url: var(--allegra-logo-url-dark); --ag-color-green: var(--ag-color-green-dark); --ag-color-warn: var(--ag-color-warn-dark); --ag-color-blue: var(--ag-color-blue-dark); } .light-theme { --logo-url: var(--logo-url-light); --allegra-logo-url: var(--allegra-logo-url-light); --ag-color-green: var(--ag-color-green-light); --ag-color-warn: var(--ag-color-warn-light); --ag-color-blue: var(--ag-color-blue-light); } } @media (prefers-color-scheme: light) { :root { --ag-color-green-08: rgba(0, 138, 41, 0.08); --ag-color-green-12: rgba(0, 138, 41, 0.12); --ag-color-green-24: rgba(0, 138, 41, 0.24); --ag-color-green-40: rgba(0, 138, 41, 0.4); } .dark-theme { --ag-color-green-08: rgba(104, 255, 127, 0.08); --ag-color-green-12: rgba(104, 255, 127, 0.12); --ag-color-green-24: rgba(104, 255, 127, 0.24); --ag-color-green-40: rgba(104, 255, 127, 0.4); } } @media (prefers-color-scheme: dark) { :root { --ag-color-green-08: rgba(104, 255, 127, 0.08); --ag-color-green-12: rgba(104, 255, 127, 0.12); --ag-color-green-24: rgba(104, 255, 127, 0.24); --ag-color-green-40: rgba(104, 255, 127, 0.4); } .light-theme { --ag-color-green-08: rgba(0, 138, 41, 0.08); --ag-color-green-12: rgba(0, 138, 41, 0.12); --ag-color-green-24: rgba(0, 138, 41, 0.24); --ag-color-green-40: rgba(0, 138, 41, 0.4); } } .display-large { font-family: RobotoFlex; font-size: 3.5625rem; line-height: 4rem; letter-spacing: 0; font-weight: 600; text-decoration: inherit; text-transform: inherit; } .display-medium { font-family: RobotoFlex; font-size: 2.8125rem; line-height: 3.25rem; letter-spacing: 0; font-weight: 600; text-decoration: inherit; text-transform: inherit; } .display-small { font-family: RobotoFlex; font-size: 2.25rem; line-height: 2.75rem; letter-spacing: 0; font-weight: 600; text-decoration: inherit; text-transform: inherit; } .display-xxx-small { font-family: RobotoFlex; font-size: 1.125rem; line-height: 1.5rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .headline-large { font-family: RobotoFlex; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .headline-medium { font-family: RobotoFlex; font-size: 1.75rem; line-height: 2.25rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .headline-small { font-family: RobotoFlex; font-size: 1.5rem; line-height: 2rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .title-large { font-family: RobotoFlex; font-size: 1.375rem; line-height: 1.75rem; letter-spacing: 0; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .title-medium { font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.009375rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .title-small { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.00625rem; font-weight: 500; text-decoration: inherit; text-transform: inherit; } .label-large { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.00625rem; text-decoration: none; text-transform: inherit; } .label-medium { font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; font-weight: 400; letter-spacing: 0.03125rem; text-decoration: none; text-transform: inherit; } .label-small { font-family: RobotoFlex; font-size: 0.6875rem; line-height: 1rem; font-weight: 400; letter-spacing: 0.03125rem; text-decoration: none; text-transform: inherit; } .body-large { font-family: RobotoFlex; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.03125rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .body-medium { font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.015625rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .body-small { font-family: RobotoFlex; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025rem; font-weight: 400; text-decoration: inherit; text-transform: inherit; } .linkComponent { padding: 0.625rem 1rem 0.625rem 0px !important; } .linkComponent a { color: var(--md-sys-color-primary); font-family: RobotoFlex; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.00625rem; text-decoration: none; text-transform: inherit; text-transform: none !important; } .linkComponent a:active { color: var(--link-active-color); } .linkComponent a:hover { color: var(--link-hover-color); } /*tpmaterial resource calendar*/ /* tpmaterial Link navigator */ .linkNavigatorView .x-panel-body.x-grid-with-col-lines { border-top-width: 1px !important; } .linkNavigatorToolbarWrapper { box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12), 2px 2px 5px 0 rgba(0, 0, 0, 0.08) !important; z-index: 5 !important; } /* Split button hide border */ .x-btn-wrap-default-toolbar-small.x-btn-split-right > .x-btn-button:after { border-width: 0px !important; } /* Split button hide border */ .x-btn-wrap-default-toolbar-small.x-btn-split-right > .x-btn-button:after { border-width: 0px !important; } /*# sourceMappingURL=allegra-tpmaterial.css.map */