/* Minification failed. Returning unminified contents. (3,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (174,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (175,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (176,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (177,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (178,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (179,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (187,15): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-button-color' (196,22): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-2' (197,23): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-0' (203,22): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-0' (204,23): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-2' (213,22): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-1' (214,23): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-1' (223,22): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-1' (224,23): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-0' (230,22): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-0' (231,23): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-1' (241,22): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-1' (242,23): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-1' (246,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (249,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (252,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (260,19): run-time error CSS1039: Token not allowed after unary operator: '-wtw-input-text--height' (260,51): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-height-1' (263,14): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-0' (266,15): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-0' (269,14): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-0' (273,15): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-0' (276,19): run-time error CSS1039: Token not allowed after unary operator: '-wtw-input-text--height' (276,51): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-height-2' (279,14): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-0' (282,15): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-0' (285,19): run-time error CSS1039: Token not allowed after unary operator: '-wtw-input-text--height' (285,51): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-height-1' (286,14): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-0' (290,15): run-time error CSS1039: Token not allowed after unary operator: '-wtw-webcover-arrows-position-margin-0' (372,16): run-time error CSS1039: Token not allowed after unary operator: '-inverted-panel-text-color' (381,21): run-time error CSS1039: Token not allowed after unary operator: '-chart-font-family' (382,19): run-time error CSS1039: Token not allowed after unary operator: '-chart-font-size' (383,14): run-time error CSS1039: Token not allowed after unary operator: '-standard-panel-text-color' (387,16): run-time error CSS1039: Token not allowed after unary operator: '-chart-baseline-stroke' (393,18): run-time error CSS1039: Token not allowed after unary operator: '-inverted-panel-tick-line' (393,50): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--600' (400,18): run-time error CSS1039: Token not allowed after unary operator: '-standard-panel-text-color' (406,21): run-time error CSS1039: Token not allowed after unary operator: '-chart-font-family' (407,19): run-time error CSS1039: Token not allowed after unary operator: '-chart-font-size' (554,20): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--50' (558,24): run-time error CSS1039: Token not allowed after unary operator: '-input-banner-inputtype-maxinputs' (558,69): run-time error CSS1039: Token not allowed after unary operator: '-input-banner-inputtype-maxwidth' (566,19): run-time error CSS1039: Token not allowed after unary operator: '-input-banner-inputtype-minwidth' (567,19): run-time error CSS1039: Token not allowed after unary operator: '-input-banner-inputtype-maxwidth' (587,14): run-time error CSS1039: Token not allowed after unary operator: '-wtw-input-text--label-font' (589,21): run-time error CSS1039: Token not allowed after unary operator: '-wtw-typography-font-weight--semibold' (590,15): run-time error CSS1039: Token not allowed after unary operator: '-wtw-input-text--color' (602,28): run-time error CSS1039: Token not allowed after unary operator: '-input-banner-height' (631,20): run-time error CSS1039: Token not allowed after unary operator: '-wtw-darkmode-base--800' (634,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (972,46): run-time error CSS1030: Expected identifier, found '#wc-svg' (972,53): run-time error CSS1031: Expected selector, found ')' (972,53): run-time error CSS1025: Expected comma or open brace, found ')' (975,48): run-time error CSS1030: Expected identifier, found '#wc-svg' (975,55): run-time error CSS1031: Expected selector, found ')' (975,55): run-time error CSS1025: Expected comma or open brace, found ')' (978,46): run-time error CSS1030: Expected identifier, found '#wc-svg' (978,53): run-time error CSS1031: Expected selector, found ')' (978,53): run-time error CSS1025: Expected comma or open brace, found ')' (981,48): run-time error CSS1030: Expected identifier, found '#wc-svg' (981,55): run-time error CSS1031: Expected selector, found ')' (981,55): run-time error CSS1025: Expected comma or open brace, found ')' (984,46): run-time error CSS1030: Expected identifier, found '#wc-svg' (984,53): run-time error CSS1031: Expected selector, found ')' (984,53): run-time error CSS1025: Expected comma or open brace, found ')' (987,48): run-time error CSS1030: Expected identifier, found '#wc-svg' (987,55): run-time error CSS1031: Expected selector, found ')' (987,55): run-time error CSS1025: Expected comma or open brace, found ')' (990,46): run-time error CSS1030: Expected identifier, found '#wc-svg' (990,53): run-time error CSS1031: Expected selector, found ')' (990,53): run-time error CSS1025: Expected comma or open brace, found ')' (993,48): run-time error CSS1030: Expected identifier, found '#wc-svg' (993,55): run-time error CSS1031: Expected selector, found ')' (993,55): run-time error CSS1025: Expected comma or open brace, found ')' (996,46): run-time error CSS1030: Expected identifier, found '#wc-svg' (996,53): run-time error CSS1031: Expected selector, found ')' (996,53): run-time error CSS1025: Expected comma or open brace, found ')' (999,48): run-time error CSS1030: Expected identifier, found '#wc-svg' (999,55): run-time error CSS1031: Expected selector, found ')' (999,55): run-time error CSS1025: Expected comma or open brace, found ')' (1002,46): run-time error CSS1030: Expected identifier, found '#wc-svg' (1002,53): run-time error CSS1031: Expected selector, found ')' (1002,53): run-time error CSS1025: Expected comma or open brace, found ')' (1005,48): run-time error CSS1030: Expected identifier, found '#wc-svg' (1005,55): run-time error CSS1031: Expected selector, found ')' (1005,55): run-time error CSS1025: Expected comma or open brace, found ')' (1008,46): run-time error CSS1030: Expected identifier, found '#wc-svg' (1008,53): run-time error CSS1031: Expected selector, found ')' (1008,53): run-time error CSS1025: Expected comma or open brace, found ')' (1011,48): run-time error CSS1030: Expected identifier, found '#wc-svg' (1011,55): run-time error CSS1031: Expected selector, found ')' (1011,55): run-time error CSS1025: Expected comma or open brace, found ')' (1014,46): run-time error CSS1030: Expected identifier, found '#wc-svg' (1014,53): run-time error CSS1031: Expected selector, found ')' (1014,53): run-time error CSS1025: Expected comma or open brace, found ')' (1017,48): run-time error CSS1030: Expected identifier, found '#wc-svg' (1017,55): run-time error CSS1031: Expected selector, found ')' (1017,55): run-time error CSS1025: Expected comma or open brace, found ')' (1020,46): run-time error CSS1030: Expected identifier, found '#wc-svg' (1020,53): run-time error CSS1031: Expected selector, found ')' (1020,53): run-time error CSS1025: Expected comma or open brace, found ')' (1023,48): run-time error CSS1030: Expected identifier, found '#wc-svg' (1023,55): run-time error CSS1031: Expected selector, found ')' (1023,55): run-time error CSS1025: Expected comma or open brace, found ')' (1026,47): run-time error CSS1030: Expected identifier, found '#wc-svg' (1026,54): run-time error CSS1031: Expected selector, found ')' (1026,54): run-time error CSS1025: Expected comma or open brace, found ')' (1029,49): run-time error CSS1030: Expected identifier, found '#wc-svg' (1029,56): run-time error CSS1031: Expected selector, found ')' (1029,56): run-time error CSS1025: Expected comma or open brace, found ')' (1032,47): run-time error CSS1030: Expected identifier, found '#wc-svg' (1032,54): run-time error CSS1031: Expected selector, found ')' (1032,54): run-time error CSS1025: Expected comma or open brace, found ')' (1035,49): run-time error CSS1030: Expected identifier, found '#wc-svg' (1035,56): run-time error CSS1031: Expected selector, found ')' (1035,56): run-time error CSS1025: Expected comma or open brace, found ')' (1038,47): run-time error CSS1030: Expected identifier, found '#wc-svg' (1038,54): run-time error CSS1031: Expected selector, found ')' (1038,54): run-time error CSS1025: Expected comma or open brace, found ')' (1050,32): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1053,32): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1056,32): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1059,32): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1062,32): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1065,32): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1068,32): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1071,32): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1074,33): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1077,33): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1080,33): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1083,33): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1086,33): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1089,33): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1092,33): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1095,33): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1098,33): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1101,33): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1104,33): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1107,33): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1110,33): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1113,33): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1116,33): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1121,29): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1124,29): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1127,29): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1130,29): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1133,29): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1136,29): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1139,29): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1142,29): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1145,29): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1148,29): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1151,30): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1154,30): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1157,30): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1160,30): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1163,30): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1166,30): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1169,30): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1172,30): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1175,30): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1178,30): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1181,30): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1184,30): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1187,30): run-time error CSS1039: Token not allowed after unary operator: '-fixed-height' (1216,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (1370,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1371,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1372,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1373,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1374,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1375,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1376,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1383,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-A' (1383,45): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-background-color' (1384,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-A' (1384,41): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-background-color' (1385,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-contrast-color-A' (1385,43): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-color' (1389,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-B' (1389,45): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-hover-background-color' (1390,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-B' (1390,41): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-hover-border-color' (1391,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-contrast-color-B' (1391,43): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-hover-color' (1395,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-B' (1395,45): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-focus-background-color' (1396,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-B' (1396,41): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-focus-border-color' (1397,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-contrast-color-B' (1397,43): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-focus-color' (1402,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-C' (1402,45): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-active-background-color' (1404,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-C' (1404,41): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-active-border-color' (1405,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-contrast-color-C' (1405,43): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-active-color' (1412,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-C' (1412,45): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-active-background-color' (1413,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-C' (1413,41): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-active-border-color' (1414,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-contrast-color-C' (1414,43): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-active-color' (1418,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-A' (1418,45): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-background-color' (1419,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-A' (1419,41): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-border-color' (1420,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-contrast-color-A' (1420,43): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-color' (1424,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-B' (1424,45): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-background-color' (1425,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-B' (1425,41): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-border-color' (1426,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-contrast-color-B' (1426,43): run-time error CSS1039: Token not allowed after unary operator: '-btn-primary-color' (1432,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-background-color' (1433,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-border-color' (1434,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-color' (1438,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-hover-background-color' (1439,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-hover-border-color' (1440,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-hover-color' (1444,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-focus-background-color' (1445,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-focus-border-color' (1446,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-focus-color' (1451,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-active-background-color' (1453,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-active-border-color' (1454,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-active-color' (1461,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-active-background-color' (1462,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-active-border-color' (1463,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-active-color' (1467,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-background-color' (1468,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-border-color' (1472,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-background-color' (1473,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-border-color' (1483,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-A' (1484,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-contrast-color-A' (1492,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-A' (1492,45): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--500' (1493,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-A' (1493,41): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--500' (1494,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-contrast-color-A' (1494,43): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--0' (1498,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-B' (1498,45): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--600' (1499,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-B' (1499,41): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--600' (1500,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-contrast-color-B' (1500,43): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--0' (1504,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-B' (1504,45): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--500' (1505,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-B' (1505,41): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--500' (1506,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-contrast-color-B' (1506,43): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--0' (1511,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-C' (1511,45): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--700' (1513,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-C' (1513,41): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--700' (1514,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-contrast-color-C' (1514,43): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--0' (1521,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-C' (1521,45): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--700' (1522,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-C' (1522,41): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--700' (1523,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-contrast-color-C' (1523,43): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--0' (1527,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-A' (1527,45): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--100' (1528,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-A' (1528,41): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--100' (1529,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-contrast-color-A' (1529,43): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--700' (1533,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-B' (1533,44): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--100' (1534,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-color-B' (1534,41): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--100' (1535,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-contrast-color-B' (1535,43): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--700' (1541,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-background-color' (1541,64): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--0' (1542,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-border-color' (1542,56): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--500' (1543,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-color' (1543,42): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--500' (1547,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-background-color' (1547,64): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--100' (1548,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-contrast-color' (1548,58): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--700' (1549,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-contrast-color' (1549,51): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--700' (1553,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-background-color' (1553,64): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--0' (1554,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-contrast-color' (1554,58): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--500' (1555,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-contrast-color' (1555,51): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--500' (1560,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-background-color' (1560,64): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--200' (1562,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-contrast-color' (1562,58): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--700' (1563,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-contrast-color' (1563,51): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--700' (1570,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-background-color' (1570,64): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--200' (1571,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-contrast-color' (1571,58): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--700' (1572,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-contrast-color' (1572,51): run-time error CSS1039: Token not allowed after unary operator: '-wtw-ui--700' (1576,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-background-color' (1576,64): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--100' (1577,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-border-color' (1577,56): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--100' (1581,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-background-color' (1581,64): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--100' (1582,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-border-color' (1582,56): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--100' (1586,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-secondary-border-color' (1586,49): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--700' (1594,28): run-time error CSS1039: Token not allowed after unary operator: '-information-icon-color' (1594,58): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--700' (1638,26): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-menu-container-background-color' (1737,15): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--500' (1738,26): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--50' (1739,22): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--500' (1744,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (1779,26): run-time error CSS1039: Token not allowed after unary operator: '-eww-root-background-color' (1783,21): run-time error CSS1039: Token not allowed after unary operator: '-chart-font-family' (1784,19): run-time error CSS1039: Token not allowed after unary operator: '-chart-font-size' (1785,14): run-time error CSS1039: Token not allowed after unary operator: '-standard-panel-text-color' (1791,28): run-time error CSS1039: Token not allowed after unary operator: '-standard-panel-background-color' (1794,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-panel-background-color' (1797,28): run-time error CSS1039: Token not allowed after unary operator: '-inverted-panel-background-color' (1797,67): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--700' (1802,17): run-time error CSS1039: Token not allowed after unary operator: '-standard-panel-title-color' (1802,51): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--600' (1805,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-panel-title-color' (1805,47): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--600' (1808,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-panel-title-color' (1814,16): run-time error CSS1039: Token not allowed after unary operator: '-standard-panel-text-color' (1817,16): run-time error CSS1039: Token not allowed after unary operator: '-grey-panel-text-color' (1820,16): run-time error CSS1039: Token not allowed after unary operator: '-inverted-panel-text-color' (1826,17): run-time error CSS1039: Token not allowed after unary operator: '-standard-panel-paragraph-color' (1826,56): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--600' (1829,17): run-time error CSS1039: Token not allowed after unary operator: '-grey-panel-paragraph-color' (1829,51): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--600' (1832,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-panel-paragraph-color' (1837,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-axis-color' (1840,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-button-color' (1843,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-button-color' (1846,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-panel-text-color' (1849,28): run-time error CSS1039: Token not allowed after unary operator: '-inverted-panel-background-color' (1849,67): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--700' (1852,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-panel-text-color' (1853,28): run-time error CSS1039: Token not allowed after unary operator: '-inverted-panel-background-color' (1853,67): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--700' (1854,28): run-time error CSS1039: Token not allowed after unary operator: '-inverted-panel-background-color' (1854,67): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--700' (1855,31): run-time error CSS1039: Token not allowed after unary operator: '-inverted-panel-background-color' (1855,70): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--700' (1862,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-danger-color' (1865,24): run-time error CSS1039: Token not allowed after unary operator: '-inverted-danger-color' (1868,17): run-time error CSS1039: Token not allowed after unary operator: '-inverted-danger-color' (1869,24): run-time error CSS1039: Token not allowed after unary operator: '-inverted-danger-color' (1880,16): run-time error CSS1039: Token not allowed after unary operator: '-wtw-base--700' */ @charset "UTF-8"; :root { --eww-root-background-color: transparent; --btn-primary-background-color: #009ed1; --btn-primary-border-color: #009ed1; --btn-primary-color: #ffffff; --btn-primary-active-background-color: #005c7a; --btn-primary-active-border-color: #003e52; --btn-primary-active-color: #ffffff; --btn-primary-focus-background-color: #007094; --btn-primary-focus-border-color: #007094; --btn-primary-focus-color: #ffffff; --btn-primary-hover-background-color: #00779e; --btn-primary-hover-border-color: #007094; --btn-primary-hover-color: #ffffff; --btn-secondary-active-background-color: #f2f3f6; --btn-secondary-active-border-color: #009ed1; --btn-secondary-active-color: #009ed1; --btn-secondary-background-color: #f2f3f6; --btn-secondary-border-color: #9a9999; --btn-secondary-color: #767676; --btn-secondary-focus-background-color: #f2f3f6; --btn-secondary-focus-border-color: #009ed1; --btn-secondary-focus-color: #009ed1; --btn-secondary-hover-background-color: #f2f3f6; --btn-secondary-hover-border-color: #009ed1; --font-family: "Inter var", sans-serif; --font-size: 16px; --chart-font-family: var(--font-family); --chart-font-size: 0.75rem; --dropdown-menu-container-background-color: #f2f3f6; --information-icon-color: var(--wtw-base--700, #3E424A); --tooltip-color: var(--wtw-base--500, #717780); --standard-panel-background-color: white; --standard-panel-paragraph-color: var(--wtw-base--600, #585D66); --standard-panel-text-color: #979797; --standard-panel-title-color: var(--wtw-base--600, #585D66); --gray-panel-background-color: #f2f3f6; --grey-panel-paragraph-color: var(--wtw-base--600, #585D66); --grey-panel-text-color: #979797; --gray-panel-title-color: var(--wtw-base--600, #585D66); --inverted-panel-background-color: var(--wtw-base--700); --inverted-axis-color: #fff; --inverted-button-color: #fff; --inverted-panel-paragraph-color: #e4e4e4; --inverted-panel-text-color: #979797; --inverted-panel-tick-line: var(--wtw-base--600, #585D66); --inverted-panel-title-color: #FFF; --inverted-danger-color: #ff4f4f; --fixed-height: 600px; --fixed-mobile-d3-panel-height: 160px; --fixed-mobile-d3-panel-increment-height: 40px; --input-banner-inputtype-maxinputs: 4; --input-banner-inputtype-minwidth: 200px; --input-banner-inputtype-maxwidth: 500px; } /* --- Accordion styles - Start ---*/ .accordion { margin: auto; width: 100%; } .accordion input { display: none; } .box { position: relative; height: 50px; transition: all 0.15s ease-in-out; } .box::after { content: ""; position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; } .box-title { font-weight: bold; width: 100%; height: 50px; line-height: normal; padding: 0 20px; display: inline-block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .box-content { width: 100%; padding: 10px 10px 30px 10px; font-size: 0.875rem; display: none; } .box-close { position: absolute; height: 50px; width: 100%; top: 0; left: 0; cursor: pointer; display: none; } input:checked + .box { height: auto; margin: 16px 0; } input:checked + .box .box-title { border-bottom: 1px solid; } input:checked + .box .box-content, input:checked + .box .box-close { display: inline-block; } .arrows section .box-title { padding-left: 10px; width: calc(100% - 15px); } .arrows section .box-title:after { position: relative; display: block; content: "›"; font-size: 18pt; left: 20px; top: -2px; float: right; transition: transform 0.15s ease-in-out; } input:checked + section.box .box-title:after { transform: rotate(90deg); } @media screen { .box-print-only { display: none; } } /* --- Accordion styles - End ---*/ /* --- Action Button - Start ---*/ @media screen { button.action-button:disabled { pointer-events: none; cursor: default; opacity: 0.8; } } @media print { button.action-button { display: none; } } /* --- Action Button - End ---*/ /* --- Arrows - Start ---*/ :root { --wtw-webcover-arrows-position-margin-0: 14px; --wtw-webcover-arrows-position-margin-1: 38px; --wtw-webcover-arrows-position-margin-2: 54px; --wtw-webcover-arrows-height-1: 20px; --wtw-webcover-arrows-height-2: 40px; --wtw-webcover-button-color: var(--wtw-base--900); } .arrow-buttons .arrow-buttons-wrapper { display: flex; z-index: 1; } .arrow-buttons .arrow-buttons-wrapper button { color: var(--wtw-webcover-button-color); } .arrow-buttons[data-arrowtype="Left and Right"] .arrow-buttons-wrapper { flex-direction: row; } .arrow-buttons[data-arrowtype="Left and Right"][data-arrowpositiontype=Left] .arrow-buttons-wrapper { margin-left: 0; } .arrow-buttons[data-arrowtype="Left and Right"][data-arrowpositiontype=Left] input { padding-left: var(--wtw-webcover-arrows-position-margin-2, 54px); padding-right: var(--wtw-webcover-arrows-position-margin-0, 14px); } .arrow-buttons[data-arrowtype="Left and Right"][data-arrowpositiontype=Right] .arrow-buttons-wrapper { margin-left: auto; } .arrow-buttons[data-arrowtype="Left and Right"][data-arrowpositiontype=Right] input { padding-left: var(--wtw-webcover-arrows-position-margin-0, 14px); padding-right: var(--wtw-webcover-arrows-position-margin-2, 54px); } .arrow-buttons[data-arrowtype="Left and Right"][data-arrowpositiontype="Left and Right"] .arrow-buttons-wrapper { margin-left: 0; } .arrow-buttons[data-arrowtype="Left and Right"][data-arrowpositiontype="Left and Right"] .arrow-buttons-wrapper:nth-of-type(2) { margin-left: auto; } .arrow-buttons[data-arrowtype="Left and Right"][data-arrowpositiontype="Left and Right"] input { padding-left: var(--wtw-webcover-arrows-position-margin-1, 38px); padding-right: var(--wtw-webcover-arrows-position-margin-1, 38px); } .arrow-buttons[data-arrowtype="Up and Down"] .arrow-buttons-wrapper { flex-direction: column; } .arrow-buttons[data-arrowtype="Up and Down"][data-arrowpositiontype=Left] .arrow-buttons-wrapper { margin-left: 0; } .arrow-buttons[data-arrowtype="Up and Down"][data-arrowpositiontype=Left] input { padding-left: var(--wtw-webcover-arrows-position-margin-1, 38px); padding-right: var(--wtw-webcover-arrows-position-margin-0, 14px); } .arrow-buttons[data-arrowtype="Up and Down"][data-arrowpositiontype=Right] .arrow-buttons-wrapper { margin-left: auto; } .arrow-buttons[data-arrowtype="Up and Down"][data-arrowpositiontype=Right] input { padding-left: var(--wtw-webcover-arrows-position-margin-0, 14px); padding-right: var(--wtw-webcover-arrows-position-margin-1, 38px); } .arrow-buttons[data-arrowtype="Up and Down"][data-arrowpositiontype="Left and Right"] .arrow-buttons-wrapper { flex-direction: row; margin-left: 0; } .arrow-buttons[data-arrowtype="Up and Down"][data-arrowpositiontype="Left and Right"] .arrow-buttons-wrapper:nth-of-type(2) { margin-left: auto; } .arrow-buttons[data-arrowtype="Up and Down"][data-arrowpositiontype="Left and Right"] input { padding-left: var(--wtw-webcover-arrows-position-margin-1, 38px); padding-right: var(--wtw-webcover-arrows-position-margin-1, 38px); } .wtw-dark-mode .arrow-buttons .arrow-buttons-wrapper button { --wtw-webcover-button-color: var(--wtw-darkmode-base--50); } .wtw-dark-mode .card .arrow-buttons-wrapper button, .wtw-dark-mode .bg-software-gray-1 .arrow-buttons-wrapper button { --wtw-webcover-button-color: var(--wtw-base--900); } .wtw-dark-mode .card-inverse .arrow-buttons .arrow-buttons-wrapper button { --wtw-webcover-button-color: var(--wtw-darkmode-base--50); } /* For when with inline errors do absolute positioning*/ .wtw-error-inline .arrow-buttons .arrow-buttons-wrapper { position: absolute; } .wtw-error-inline .arrow-buttons[data-arrowtype="Left and Right"] .arrow-buttons-wrapper { top: calc((var(--wtw-input-text--height) - var(--wtw-webcover-arrows-height-1)) / 2); } .wtw-error-inline .arrow-buttons[data-arrowtype="Left and Right"][data-arrowpositiontype=Left] .arrow-buttons-wrapper { left: var(--wtw-webcover-arrows-position-margin-0); } .wtw-error-inline .arrow-buttons[data-arrowtype="Left and Right"][data-arrowpositiontype=Right] .arrow-buttons-wrapper { right: var(--wtw-webcover-arrows-position-margin-0); } .wtw-error-inline .arrow-buttons[data-arrowtype="Left and Right"][data-arrowpositiontype="Left and Right"] .arrow-buttons-wrapper { left: var(--wtw-webcover-arrows-position-margin-0); } .wtw-error-inline .arrow-buttons[data-arrowtype="Left and Right"][data-arrowpositiontype="Left and Right"] .arrow-buttons-wrapper:nth-of-type(2) { left: unset; right: var(--wtw-webcover-arrows-position-margin-0); } .wtw-error-inline .arrow-buttons[data-arrowtype="Up and Down"] .arrow-buttons-wrapper { top: calc((var(--wtw-input-text--height) - var(--wtw-webcover-arrows-height-2)) / 2); } .wtw-error-inline .arrow-buttons[data-arrowtype="Up and Down"][data-arrowpositiontype=Left] .arrow-buttons-wrapper { left: var(--wtw-webcover-arrows-position-margin-0); } .wtw-error-inline .arrow-buttons[data-arrowtype="Up and Down"][data-arrowpositiontype=Right] .arrow-buttons-wrapper { right: var(--wtw-webcover-arrows-position-margin-0); } .wtw-error-inline .arrow-buttons[data-arrowtype="Up and Down"][data-arrowpositiontype="Left and Right"] .arrow-buttons-wrapper { top: calc((var(--wtw-input-text--height) - var(--wtw-webcover-arrows-height-1)) / 2); left: var(--wtw-webcover-arrows-position-margin-0); } .wtw-error-inline .arrow-buttons[data-arrowtype="Up and Down"][data-arrowpositiontype="Left and Right"] .arrow-buttons-wrapper:nth-of-type(2) { left: unset; right: var(--wtw-webcover-arrows-position-margin-0); } .arrow-none { min-height: 20px; width: 24px; padding: 0; margin: 0; } .arrow-right, .arrow-left, .arrow-down, .arrow-up { background-color: transparent; border: none; color-adjust: exact !important; /* Show images on print in Firefox */ cursor: pointer; height: 20px; width: 20px; padding: 0; -webkit-print-color-adjust: exact; /* Show images on print in Firefox */ } .arrow-right span.wtw-functional-icons, .arrow-left span.wtw-functional-icons, .arrow-down span.wtw-functional-icons, .arrow-up span.wtw-functional-icons { font-size: 36px; /* Adjust this to increase the icon size */ overflow: hidden; /* Keeps the icon within the span bounds */ display: flex; /* Centers the icon in the span */ align-items: center; /* Centers the icon vertically */ justify-content: center; /* Centers the icon horizontally */ height: 20px; /* Keeps the span size constant */ width: 20px; /* Keeps the span size constant */ } /* --- Arrows - End ---*/ /* --- Button Alignment - Start ---*/ .btn-alignment-container-top, .btn-alignment-container-bottom { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-areas: "buttonLeft buttonCentre buttonRight"; padding-top: 2px; text-align: right; padding-bottom: 2px; } .btn-alignment-container-top .btn-alignment-centre, .btn-alignment-container-bottom .btn-alignment-centre { grid-area: buttonCentre; justify-self: center; } .btn-alignment-container-top .btn-alignment-left, .btn-alignment-container-bottom .btn-alignment-left { grid-area: buttonLeft; justify-self: start; } .btn-alignment-container-top .btn-alignment-right, .btn-alignment-container-bottom .btn-alignment-right { grid-area: buttonRight; justify-self: end; } /* --- Button Alignment - End ---*/ /* --- Bootstrap omissions - Start ---*/ /* BOOTSTRAP - Remove as soon as Toolkit supports Flex commands */ .d-flex { display: -ms-flexbox !important; display: flex !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } /* --- Bootstrap omissions - End ---*/ /* --- Action Button - Start ---*/ /* Charts - Start */ .eww-chart-axis path, .eww-chart-axis line { fill: none; stroke: none; } .eww-chart-axis .tick line { fill: none; stroke: var(--inverted-panel-text-color, #e4e4e4); } .eww-chart-axis.eww-chart-axis-no-ticks .tick line { fill: none; stroke: none; } .eww-chart-axis text { font-family: var(--chart-font-family, "Neue Haas Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif); font-size: var(--chart-font-size, 0.75rem); fill: var(--standard-panel-text-color, #979797); } .eww-chart-baseline { stroke: var(--chart-baseline-stroke, #d8d8d8); stroke-width: 2; } @media screen { .card-inverse .eww-chart-axis .tick line { stroke: var(--inverted-panel-tick-line, var(--wtw-base--600, #585D66)); } .card-inverse .eww-chart-axis.eww-chart-axis-no-ticks .tick line { fill: none; stroke: none; } .card-inverse .eww-chart-baseline { stroke: var(--standard-panel-text-color, #979797); } } /* --- Chart - End ---*/ /* --- Charts - Axes - Start ---*/ g.xAxisGroup, g.yAxisGroup, g.zAxisGroup { font-family: var(--chart-font-family, "Neue Haas Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif); font-size: var(--chart-font-size, 0.75rem); } /* --- Chart - Axes - End ---*/ /* --- Checkbox - start --- */ .checkbox-container { display: flex !important; border-bottom: solid 2px #cacaca; align-items: flex-start; } .no-bottom-border { border-bottom: none !important; } .checkbox-container label { flex-grow: 1 !important; padding: 5px 0px 5px 0px; min-height: 30px; } .checkbox-container .checkbox-holder { padding: 5px 10px 5px 10px; margin: 0px 0px 8px; min-height: 30px; display: flex; align-items: center; } .checkbox-holder .checkbox-input { transform: scale(1.5); cursor: pointer; min-height: 20px; } /* [Bug 179503] Used to match checkbox outline css with other inputs when focused (natural tabbing) */ /* Currently there is no way to cleanly set the outline of checkbox to match */ /* Remove and replace this cluster once better properties for outline are made available in CSS*/ /* Start of customization for outline color fix.*/ .checkbox-container .checkbox-holder:focus-within { padding: 3px 8px 3px 8px; border: 2px solid #6c6c6c; border-radius: 5px; } .checkbox-holder .checkbox-input:focus { outline: 1px solid transparent; } /* End of customization for outline color fix. */ /* --- Checkbox - end --- */ /* --- Eww panel positions - Start ---*/ .eww-root { position: relative; width: 100%; height: 100%; } .eww-root * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .eww-button-row { padding-top: 2px; text-align: right; padding-bottom: 2px; } .eww-panel-title-bar { line-height: 34px; padding: 1px; } .eww-panel-title-wrapper { display: grid; grid-gap: 0.25rem; grid-template-columns: auto auto; grid-template-areas: "titleArea buttonArea"; } .eww-panel-title-wrapper .titleArea { align-self: center; display: inline-flex; grid-area: titleArea; justify-self: start; word-wrap: break-word; } .eww-panel-title-wrapper .buttonArea { display: inline-flex; grid-area: buttonArea; justify-self: end; text-align: right; } .eww-panel-title-wrapper .buttonArea div { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; padding: 0 0.1rem; } .eww-panel-title-wrapper .buttonArea div button { background-color: transparent; display: flex; align-items: center; justify-content: center; border: none; color: #17171A; cursor: pointer; display: flex; height: 20px; width: 20px; padding: 0px; } .card-inverse .eww-panel-title-wrapper .buttonArea div button { color: #DBDBE0; } .eww-styled-select-caret-container { float: right; margin-top: 10px; } .eww-styled-select-selected-item-label { text-align: left; padding-bottom: 2px; margin-bottom: -3px; } .eww-styled-select-dropdown-item { cursor: pointer; } .eww-text-overflow-with-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*Input banner*/ .eww-input-banner { display: flex; position: relative; width: 100%; top: -15px; padding: 10px; background: var(--wtw-base--50); } .eww-input-banner .eww-input-banner-inputscontainer { max-width: calc(var(--input-banner-inputtype-maxinputs, 4) * var(--input-banner-inputtype-maxwidth, 60px)); padding: 0px 10px; box-sizing: content-box; } .eww-horizontal-input { display: flex; line-height: 40px; min-width: var(--input-banner-inputtype-minwidth, 200px); max-width: var(--input-banner-inputtype-maxwidth, 500px); } .eww-horizontal-input .eww-horizontal-inputlabel { padding-right: 8px; flex: 1; line-height: 20px; display: flex; align-items: center; } .eww-horizontal-input.has-danger .eww-horizontal-inputlabel { display: block; line-height: 20px; padding-top: 10px; } .eww-horizontal-input .eww-horizontal-inputlabel > label, .eww-horizontal-input .eww-horizontal-inputlabel > strong, .eww-horizontal-input .eww-horizontal-inputlabel > span { font: var(--wtw-input-text--label-font); font-size: 0.875rem; font-weight: var(--wtw-typography-font-weight--semibold); color: var(--wtw-input-text--color); } .eww-horizontal-input .eww-horizontal-inputtype { flex: 3; } .eww-input-banner-actionscontainer button { margin-right: 8px; } .eww-input-banner + .eww-root { height: calc(100% - var(--input-banner-height, 60px)); } /* Adjust spinner position and size to cover input banner's positioning*/ .eww-input-banner ~ .eww-spinner-background { top: -15px; height: calc(100% + 15px); } /* Input banner positioning for checkbox input type*/ .eww-horizontal-input .eww-horizontal-inputtype .checkbox-container { border-bottom: unset !important; } .eww-horizontal-input .eww-horizontal-inputtype .checkbox-holder { position: relative; top: 5px; } /* Input banner has to make use of eww-panel-body to get Charthelper.js working */ /* Disable eww-panel-body stylings when used in input banner to get certain layouts working */ .eww-input-banner .eww-panel-body { overflow: unset !important; overflow-y: unset !important; overflow-x: unset !important; flex-grow: unset !important; } .wtw-dark-mode .eww-input-banner { background: var(--wtw-darkmode-base--800); } .wtw-dark-mode .eww-input-banner label { --wtw-input-text--color: var(--wtw-darkmode-base--50); } /*Input banner*/ @media (min-width: 992px) { .eww-panel { position: absolute; padding: 5px; } .eww-panel-content { height: 100%; overflow: hidden; display: flex; flex-direction: column; } .eww-panel-buttons-top { flex-grow: 1 !important; width: 100%; height: auto; align-items: center; } .eww-panel-buttons-bottom { flex-grow: 1 !important; align-self: flex-end; width: 100%; display: block !important; height: auto; align-items: center; } .eww-panel-body { overflow: -moz-scrollbars-vertical; /* Mozilla */ overflow-y: auto; /*overflow-x: hidden;*/ /* IE - force scrollbar inclusive of div width */ overflow-x: auto; /* IE - force scrollbar inclusive of div width */ -ms-flex-positive: 1 !important; flex-grow: 2 !important; } /* --- Panel Widths - Start ---*/ .eww-panel-width-1 { width: 8.3333333333%; } .eww-panel-width-1_5 { width: 12.5%; } .eww-panel-width-2 { width: 16.6666666667%; } .eww-panel-width-2_5 { width: 20.8333333333%; } .eww-panel-width-3 { width: 25%; } .eww-panel-width-3_5 { width: 29.1666666667%; } .eww-panel-width-4 { width: 33.3333333333%; } .eww-panel-width-4_5 { width: 37.5%; } .eww-panel-width-5 { width: 41.6666666667%; } .eww-panel-width-5_5 { width: 45.8333333333%; } .eww-panel-width-6 { width: 50%; } .eww-panel-width-6_5 { width: 54.1666666667%; } .eww-panel-width-7 { width: 58.3333333333%; } .eww-panel-width-7_5 { width: 62.5%; } .eww-panel-width-8 { width: 66.6666666667%; } .eww-panel-width-8_5 { width: 70.8333333333%; } .eww-panel-width-9 { width: 75%; } .eww-panel-width-9_5 { width: 79.1666666667%; } .eww-panel-width-10 { width: 83.3333333333%; } .eww-panel-width-10_5 { width: 87.5%; } .eww-panel-width-11 { width: 91.6666666667%; } .eww-panel-width-11_5 { width: 95.8333333333%; } .eww-panel-width-12 { width: 100%; } /* --- Panel Widths - End ---*/ /* --- Panel Heights - Start ---*/ .eww-panel-height-1 { height: 8.3333333333%; } .eww-panel-height-1_5 { height: 12.5%; } .eww-panel-height-2 { height: 16.6666666667%; } .eww-panel-height-2_5 { height: 20.8333333333%; } .eww-panel-height-3 { height: 25%; } .eww-panel-height-3_5 { height: 29.1666666667%; } .eww-panel-height-4 { height: 33.3333333333%; } .eww-panel-height-4_5 { height: 37.5%; } .eww-panel-height-5 { height: 41.6666666667%; } .eww-panel-height-5_5 { height: 45.8333333333%; } .eww-panel-height-6 { height: 50%; } .eww-panel-height-6_5 { height: 54.1666666667%; } .eww-panel-height-7 { height: 58.3333333333%; } .eww-panel-height-7_5 { height: 62.5%; } .eww-panel-height-8 { height: 66.6666666667%; } .eww-panel-height-8_5 { height: 70.8333333333%; } .eww-panel-height-9 { height: 75%; } .eww-panel-height-9_5 { height: 79.1666666667%; } .eww-panel-height-10 { height: 83.3333333333%; } .eww-panel-height-10_5 { height: 87.5%; } .eww-panel-height-11 { height: 91.6666666667%; } .eww-panel-height-11_5 { height: 95.8333333333%; } .eww-panel-height-12 { height: 100%; } /* --- Panel Heights - End ---*/ /* --- Panel Tops - Start ---*/ .eww-panel-top-0 { top: 0%; } .eww-panel-top-0_5 { top: 4.1666666667%; } .eww-panel-top-1 { top: 8.3333333333%; } .eww-panel-top-1_5 { top: 12.5%; } .eww-panel-top-2 { top: 16.6666666667%; } .eww-panel-top-2_5 { top: 20.8333333333%; } .eww-panel-top-3 { top: 25%; } .eww-panel-top-3_5 { top: 29.1666666667%; } .eww-panel-top-4 { top: 33.3333333333%; } .eww-panel-top-4_5 { top: 37.5%; } .eww-panel-top-5 { top: 41.6666666667%; } .eww-panel-top-5_5 { top: 45.8333333333%; } .eww-panel-top-6 { top: 50%; } .eww-panel-top-6_5 { top: 54.1666666667%; } .eww-panel-top-7 { top: 58.3333333333%; } .eww-panel-top-7_5 { top: 62.5%; } .eww-panel-top-8 { top: 66.6666666667%; } .eww-panel-top-8_5 { top: 70.8333333333%; } .eww-panel-top-9 { top: 75%; } .eww-panel-top-9_5 { top: 79.1666666667%; } .eww-panel-top-10 { top: 83.3333333333%; } .eww-panel-top-10_5 { top: 87.5%; } .eww-panel-top-11 { top: 91.6666666667%; } /* --- Panel Tops - End ---*/ /* --- Panel Left - Start ---*/ .eww-panel-left-0 { left: 0%; } .eww-panel-left-0_5 { left: 4.1666666667%; } .eww-panel-left-1 { left: 8.3333333333%; } .eww-panel-left-1_5 { left: 12.5%; } .eww-panel-left-2 { left: 16.6666666667%; } .eww-panel-left-2_5 { left: 20.8333333333%; } .eww-panel-left-3 { left: 25%; } .eww-panel-left-3_5 { left: 29.1666666667%; } .eww-panel-left-4 { left: 33.3333333333%; } .eww-panel-left-4_5 { left: 37.5%; } .eww-panel-left-5 { left: 41.6666666667%; } .eww-panel-left-5_5 { left: 45.8333333333%; } .eww-panel-left-6 { left: 50%; } .eww-panel-left-6_5 { left: 54.1666666667%; } .eww-panel-left-7 { left: 58.3333333333%; } .eww-panel-left-7_5 { left: 62.5%; } .eww-panel-left-8 { left: 66.6666666667%; } .eww-panel-left-8_5 { left: 70.8333333333%; } .eww-panel-left-9 { left: 75%; } .eww-panel-left-9_5 { left: 79.1666666667%; } .eww-panel-left-10 { left: 83.3333333333%; } .eww-panel-left-10_5 { left: 87.5%; } .eww-panel-left-11 { left: 91.6666666667%; } /* --- Panel Left - End ---*/ } @media (max-width: 991px) { .eww-panel { position: relative; padding: 5px; } .eww-input-banner { flex-direction: column; } .eww-input-banner .eww-panel-body > div { margin-bottom: 8px; } .eww-input-banner-actionscontainer { margin-top: 8px; text-align: right; } /* Dynamic heights based on Screen Layout - Panel Height value */ .eww-panel-height-1 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 1)); } .eww-panel-height-1_5 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 1.5)); } .eww-panel-height-2 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 2)); } .eww-panel-height-2_5 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 2.5)); } .eww-panel-height-3 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 3)); } .eww-panel-height-3_5 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 3.5)); } .eww-panel-height-4 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 4)); } .eww-panel-height-4_5 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 4.5)); } .eww-panel-height-5 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 5)); } .eww-panel-height-5_5 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 5.5)); } .eww-panel-height-6 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 6)); } .eww-panel-height-6_5 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 6.5)); } .eww-panel-height-7 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 7)); } .eww-panel-height-7_5 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 7.5)); } .eww-panel-height-8 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 8)); } .eww-panel-height-8_5 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 8.5)); } .eww-panel-height-9 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 9)); } .eww-panel-height-9_5 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 9.5)); } .eww-panel-height-10 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 10)); } .eww-panel-height-10_5 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 10.5)); } .eww-panel-height-11 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 11)); } .eww-panel-height-11_5 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 11.5)); } .eww-panel-height-12 .eww-panel-body:has(svg#wc-svg) { min-height: calc(var(--fixed-mobile-d3-panel-height, 160) + calc(var(--fixed-mobile-d3-panel-increment-height, 40) * 12)); } } @media print { .eww-panel-buttons-bottom { margin-top: 10px; } } @media (min-width: 992px) and (max-width: 1500px) { /* --- Panel Heights - Start ---*/ .eww-panel-height-1 { height: calc(2 / 24 * var(--fixed-height, 600)); } .eww-panel-height-1_5 { height: calc(3 / 24 * var(--fixed-height, 600)); } .eww-panel-height-2 { height: calc(4 / 24 * var(--fixed-height, 600)); } .eww-panel-height-2_5 { height: calc(5 / 24 * var(--fixed-height, 600)); } .eww-panel-height-3 { height: calc(6 / 24 * var(--fixed-height, 600)); } .eww-panel-height-3_5 { height: calc(7 / 24 * var(--fixed-height, 600)); } .eww-panel-height-4 { height: calc(8 / 24 * var(--fixed-height, 600)); } .eww-panel-height-4_5 { height: calc(9 / 24 * var(--fixed-height, 600)); } .eww-panel-height-5 { height: calc(10 / 24 * var(--fixed-height, 600)); } .eww-panel-height-5_5 { height: calc(11 / 24 * var(--fixed-height, 600)); } .eww-panel-height-6 { height: calc(12 / 24 * var(--fixed-height, 600)); } .eww-panel-height-6_5 { height: calc(13 / 24 * var(--fixed-height, 600)); } .eww-panel-height-7 { height: calc(14 / 24 * var(--fixed-height, 600)); } .eww-panel-height-7_5 { height: calc(15 / 24 * var(--fixed-height, 600)); } .eww-panel-height-8 { height: calc(16 / 24 * var(--fixed-height, 600)); } .eww-panel-height-8_5 { height: calc(17 / 24 * var(--fixed-height, 600)); } .eww-panel-height-9 { height: calc(18 / 24 * var(--fixed-height, 600)); } .eww-panel-height-9_5 { height: calc(19 / 24 * var(--fixed-height, 600)); } .eww-panel-height-10 { height: calc(20 / 24 * var(--fixed-height, 600)); } .eww-panel-height-10_5 { height: calc(21 / 24 * var(--fixed-height, 600)); } .eww-panel-height-11 { height: calc(22 / 24 * var(--fixed-height, 600)); } .eww-panel-height-11_5 { height: calc(23 / 24 * var(--fixed-height, 600)); } .eww-panel-height-12 { height: calc(24 / 24 * var(--fixed-height, 600)); } /* --- Panel Heights - End ---*/ /* --- Panel Tops - Start ---*/ .eww-panel-top-0 { top: calc(0 / 24 * var(--fixed-height, 600)); } .eww-panel-top-0_5 { top: calc(1 / 24 * var(--fixed-height, 600)); } .eww-panel-top-1 { top: calc(2 / 24 * var(--fixed-height, 600)); } .eww-panel-top-1_5 { top: calc(3 / 24 * var(--fixed-height, 600)); } .eww-panel-top-2 { top: calc(4 / 24 * var(--fixed-height, 600)); } .eww-panel-top-2_5 { top: calc(5 / 24 * var(--fixed-height, 600)); } .eww-panel-top-3 { top: calc(6 / 24 * var(--fixed-height, 600)); } .eww-panel-top-3_5 { top: calc(7 / 24 * var(--fixed-height, 600)); } .eww-panel-top-4 { top: calc(8 / 24 * var(--fixed-height, 600)); } .eww-panel-top-4_5 { top: calc(9 / 24 * var(--fixed-height, 600)); } .eww-panel-top-5 { top: calc(10 / 24 * var(--fixed-height, 600)); } .eww-panel-top-5_5 { top: calc(11 / 24 * var(--fixed-height, 600)); } .eww-panel-top-6 { top: calc(12 / 24 * var(--fixed-height, 600)); } .eww-panel-top-6_5 { top: calc(13 / 24 * var(--fixed-height, 600)); } .eww-panel-top-7 { top: calc(14 / 24 * var(--fixed-height, 600)); } .eww-panel-top-7_5 { top: calc(15 / 24 * var(--fixed-height, 600)); } .eww-panel-top-8 { top: calc(16 / 24 * var(--fixed-height, 600)); } .eww-panel-top-8_5 { top: calc(17 / 24 * var(--fixed-height, 600)); } .eww-panel-top-9 { top: calc(18 / 24 * var(--fixed-height, 600)); } .eww-panel-top-9_5 { top: calc(19 / 24 * var(--fixed-height, 600)); } .eww-panel-top-10 { top: calc(20 / 24 * var(--fixed-height, 600)); } .eww-panel-top-10_5 { top: calc(21 / 24 * var(--fixed-height, 600)); } .eww-panel-top-11 { top: calc(22 / 24 * var(--fixed-height, 600)); } /* --- Panel Tops - End ---*/ } /* --- Eww panel positions - End ---*/ /* --- General - Start ---*/ div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .excluded { display: none !important; } .print-included { visibility: hidden !important; } .cycle-panel { visibility: hidden; } .cycle-panel-active { visibility: visible; } .small-body-text { font-family: var(--font-family, "Neue Haas Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif); font-size: 0.875rem; } /* Output Panel Styles*/ div.output-bold { font-weight: bold; } div.output-italic { font-style: italic; } div.output-red { color: red; } /* Guidance Wording Styles*/ div.guidance-wording { font-size: 0.8rem; } div.guidance-wording-checkbox { font-size: 0.8rem; border-bottom: solid 2px #cacaca; } .gw-apple { font-family: -apple-system; } .gw-arial { font-family: Arial; } .gw-blink { font-family: BlinkMacSystemFont !important; } .gw-brush-script { font-family: Brush Script MT, Brush Script Std, cursive !important; } .gw-consolas { font-family: Consolas, monaco, monospace !important; } .gw-courier-new { font-family: Courier New, Courier, monospace !important; } .gw-garamond { font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif !important; } .gw-georgia { font-family: Georgia, serif !important; } .gw-helvetica { font-family: Helvetica, Arial, sans-serif !important; } .gw-helvetica-neue { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .gw-liberation-mono { font-family: "Liberation Mono", monospace !important; } .gw-lucida-handwriting { font-family: "Lucida Handwriting", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", cursive !important; } .gw-menlo { font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important; } .gw-monaco { font-family: Monaco, Consolas, "Courier New", monospace !important; } .gw-neue-haas-grotesk { font-family: "Neue Haas Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .gw-papyrus { font-family: Papyrus, fantasy !important; } .gw-roboto { font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .gw-segoe-ui { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important; } .gw-tahoma { font-family: Tahoma, Geneva, Verdana, sans-serif !important; } .gw-times-new-roman { font-family: "Times New Roman", Times, serif !important; } .gw-trebuchet-ms { font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif !important; } .gw-verdana { font-family: Verdana, Geneva, Tahoma, sans-serif !important; } .bold-italic { font-size: 0.8rem; font-style: italic; font-weight: bold; } .bold-normal { font-size: 0.8rem; font-style: normal; font-weight: bold; } .italic { font-size: 0.8rem; font-style: italic; } .normal { font-size: 0.8rem; font-style: normal; } /* Labels */ .webcover-container label { font-size: 0.875rem; } @media (max-width: 991px) { /* For stacked and mobile view of display. Pop out hidden only panels so that they don't create blank spaces*/ .print-included, .cycle-panel { position: absolute; bottom: 0; left: 0; right: 0; z-index: -1000; } } .no-Custom { /* Undoes CSS styles brought Custom CSS*/ --btn-color-A: var(--wtw-ui--500); --btn-color-B: var(--wtw-ui--600); --btn-color-C: var(--wtw-ui--700); --btn-contrast-color-A: var(--wtw-base--0); --btn-contrast-color-B: var(--wtw-base--0); --btn-contrast-color-C: var(--wtw-base--0); --btn-secondary-contrast-color: var(--wtw-ui--700); /* --dropdown-item-active-color: #BFBFBF; */ } /* --- General - End ---*/ /* --- Excel Web Wrapper Chart Button - Primary - Start ---*/ .eww-btn-primary { background-color: var(--btn-color-A, var(--btn-primary-background-color, #009ed1)); border-color: var(--btn-color-A, var(--btn-primary-background-color, #009ed1)); color: var(--btn-contrast-color-A, var(--btn-primary-color, white)); } .eww-btn-primary:hover { background-color: var(--btn-color-B, var(--btn-primary-hover-background-color, #00779e)); border-color: var(--btn-color-B, var(--btn-primary-hover-border-color, #007094)); color: var(--btn-contrast-color-B, var(--btn-primary-hover-color, #fff)); } .eww-btn-primary:focus, .eww-btn-primary.focus { background-color: var(--btn-color-B, var(--btn-primary-focus-background-color, #00779e)); border-color: var(--btn-color-B, var(--btn-primary-focus-border-color, #007094)); color: var(--btn-contrast-color-B, var(--btn-primary-focus-color, #fff)); } .eww-btn-primary:active, .eww-btn-primary.active, .open > .eww-btn-primary.dropdown-toggle { background-color: var(--btn-color-C, var(--btn-primary-active-background-color, #00779e)); background-image: none; border-color: var(--btn-color-C, var(--btn-primary-active-border-color, #007094)); color: var(--btn-contrast-color-C, var(--btn-primary-active-color, #fff)); } .eww-btn-primary:active:hover, .eww-btn-primary:active:focus, .eww-btn-primary:active.focus, .eww-btn-primary.active:hover, .eww-btn-primary.active:focus, .eww-btn-primary.active.focus, .open > .eww-btn-primary.dropdown-toggle:hover, .open > .eww-btn-primary.dropdown-toggle:focus, .open > .eww-btn-primary.dropdown-toggle.focus { background-color: var(--btn-color-C, var(--btn-primary-active-background-color, #005c7a)); border-color: var(--btn-color-C, var(--btn-primary-active-border-color, #003e52)); color: var(--btn-contrast-color-C, var(--btn-primary-active-color, #fff)); } .eww-btn-primary.disabled:focus, .eww-btn-primary.disabled.focus, .eww-btn-primary:disabled:focus, .eww-btn-primary:disabled.focus { background-color: var(--btn-color-A, var(--btn-primary-background-color, #009ed1)); border-color: var(--btn-color-A, var(--btn-primary-border-color, #009ed1)); color: var(--btn-contrast-color-A, var(--btn-primary-color, white)); } .eww-btn-primary.disabled:hover, .eww-btn-primary:disabled:hover { background-color: var(--btn-color-B, var(--btn-primary-background-color, #009ed1)); border-color: var(--btn-color-B, var(--btn-primary-border-color, #009ed1)); color: var(--btn-contrast-color-B, var(--btn-primary-color, white)); } /* --- Excel Web Wrapper Chart Button - Primary - End ---*/ /* --- Button - Secondary - Start ---*/ .btn-secondary { background-color: var(--btn-secondary-background-color, #f2f3f6); border-color: var(--btn-secondary-border-color, #9a9999); color: var(--btn-secondary-color, #767676); } .btn-secondary:hover { background-color: var(--btn-secondary-hover-background-color, #f2f3f6); border-color: var(--btn-secondary-hover-border-color, #009ed1); color: var(--btn-secondary-hover-color, #009ed1); } .btn-secondary:focus, .btn-secondary.focus { background-color: var(--btn-secondary-focus-background-color, #f2f3f6); border-color: var(--btn-secondary-focus-border-color, #009ed1); color: var(--btn-secondary-focus-color, #009ed1); } .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { background-color: var(--btn-secondary-active-background-color, #f2f3f6); background-image: none; border-color: var(--btn-secondary-active-border-color, #009ed1); color: var(--btn-secondary-active-color, #009ed1); } .btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus { background-color: var(--btn-secondary-active-background-color, #f2f3f6); border-color: var(--btn-secondary-active-border-color, #009ed1); color: var(--btn-secondary-active-color, #009ed1); } .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus { background-color: var(--btn-secondary-background-color, #f2f3f6); border-color: var(--btn-secondary-border-color, #9a9999); } .btn-secondary.disabled:hover, .btn-secondary:disabled:hover { background-color: var(--btn-secondary-background-color, #f2f3f6); border-color: var(--btn-secondary-border-color, #9a9999); } .btn-secondary.disabled, .btn-secondary:disabled, .btn-secondary.disabled.focus, .btn-secondary.disabled:focus, .btn-secondary.disabled:hover, .btn-secondary:disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled:hover { color: #767676; } /* --- Button - Secondary - End ---*/ /* --- Excel Web Wrapper Header - Start ---*/ .eww-header { background-color: var(--btn-color-A, #7f35b2) !important; color: var(--btn-contrast-color-A, #fff) !important; font-weight: bold !important; font-style: normal !important; } /* --- Excel Web Wrapper Header - End ---*/ /* --- Excel Web Wrapper Chart Button - Primary - Start ---*/ .eww-btn-primary { background-color: var(--btn-color-A, var(--wtw-ui--500)); border-color: var(--btn-color-A, var(--wtw-ui--500)); color: var(--btn-contrast-color-A, var(--wtw-base--0)); } .eww-btn-primary:hover { background-color: var(--btn-color-B, var(--wtw-ui--600)); border-color: var(--btn-color-B, var(--wtw-ui--600)); color: var(--btn-contrast-color-B, var(--wtw-base--0)); } .eww-btn-primary:focus, .eww-btn-primary.focus { background-color: var(--btn-color-B, var(--wtw-ui--500)); border-color: var(--btn-color-B, var(--wtw-ui--500)); color: var(--btn-contrast-color-B, var(--wtw-base--0)); } .eww-btn-primary:active, .eww-btn-primary.active, .open > .eww-btn-primary.dropdown-toggle { background-color: var(--btn-color-C, var(--wtw-ui--700)); background-image: none; border-color: var(--btn-color-C, var(--wtw-ui--700)); color: var(--btn-contrast-color-C, var(--wtw-base--0)); } .eww-btn-primary:active:hover, .eww-btn-primary:active:focus, .eww-btn-primary:active.focus, .eww-btn-primary.active:hover, .eww-btn-primary.active:focus, .eww-btn-primary.active.focus, .open > .eww-btn-primary.dropdown-toggle:hover, .open > .eww-btn-primary.dropdown-toggle:focus, .open > .eww-btn-primary.dropdown-toggle.focus { background-color: var(--btn-color-C, var(--wtw-ui--700)); border-color: var(--btn-color-C, var(--wtw-ui--700)); color: var(--btn-contrast-color-C, var(--wtw-base--0)); } .eww-btn-primary.disabled:focus, .eww-btn-primary.disabled.focus, .eww-btn-primary:disabled:focus, .eww-btn-primary:disabled.focus { background-color: var(--btn-color-A, var(--wtw-base--100)); border-color: var(--btn-color-A, var(--wtw-base--100)); color: var(--btn-contrast-color-A, var(--wtw-base--700)); } .eww-btn-primary.disabled:hover, .eww-btn-primary:disabled:hover { background-color: var(--btn-color-B, ar(--wtw-base--100)); border-color: var(--btn-color-B, var(--wtw-base--100)); color: var(--btn-contrast-color-B, var(--wtw-base--700)); } /* --- Excel Web Wrapper Chart Button - Primary - End ---*/ /* --- Button - Secondary - Start ---*/ .eww-btn-secondary { background-color: var(--btn-secondary-background-color, var(--wtw-base--0)); border-color: var(--btn-secondary-border-color, var(--wtw-ui--500)); color: var(--btn-secondary-color, var(--wtw-ui--500)); } .eww-btn-secondary:hover { background-color: var(--btn-secondary-background-color, var(--wtw-ui--100)); border-color: var(--btn-secondary-contrast-color, var(--wtw-ui--700)); color: var(--btn-secondary-contrast-color, var(--wtw-ui--700)); } .eww-btn-secondary:focus, .btn-secondary.focus { background-color: var(--btn-secondary-background-color, var(--wtw-base--0)); border-color: var(--btn-secondary-contrast-color, var(--wtw-ui--500)); color: var(--btn-secondary-contrast-color, var(--wtw-ui--500)); } .eww-btn-secondary:active, .eww-btn-secondary.active, .open > .eww-btn-secondary.dropdown-toggle { background-color: var(--btn-secondary-background-color, var(--wtw-ui--200)); background-image: none; border-color: var(--btn-secondary-contrast-color, var(--wtw-ui--700)); color: var(--btn-secondary-contrast-color, var(--wtw-ui--700)); } .eww-btn-secondary:active:hover, .eww-btn-secondary:active:focus, .eww-btn-secondary:active.focus, .eww-btn-secondary.active:hover, .eww-btn-secondary.active:focus, .eww-btn-secondary.active.focus, .open > .eww-btn-secondary.dropdown-toggle:hover, .open > .eww-btn-secondary.dropdown-toggle:focus, .open > .eww-btn-secondary.dropdown-toggle.focus { background-color: var(--btn-secondary-background-color, var(--wtw-ui--200)); border-color: var(--btn-secondary-contrast-color, var(--wtw-ui--700)); color: var(--btn-secondary-contrast-color, var(--wtw-ui--700)); } .eww-btn-secondary.disabled:focus, .eww-btn-secondary.disabled.focus, .eww-btn-secondary:disabled:focus, .eww-btn-secondary:disabled.focus { background-color: var(--btn-secondary-background-color, var(--wtw-base--100)); border-color: var(--btn-secondary-border-color, var(--wtw-base--100)); } .eww-btn-secondary.disabled:hover, .eww-btn-secondary:disabled:hover { background-color: var(--btn-secondary-background-color, var(--wtw-base--100)); border-color: var(--btn-secondary-border-color, var(--wtw-base--100)); } .eww-btn-secondary.disabled, .eww-btn-secondary:disabled, .eww-btn-secondary.disabled.focus, .eww-btn-secondary.disabled:focus, .eww-btn-secondary.disabled:hover, .eww-btn-secondary:disabled.focus, .eww-btn-secondary:disabled:focus, .eww-btn-secondary:disabled:hover { color: var(--btn-secondary-border-color, var(--wtw-base--700)); } /* --- Button - Secondary - End ---*/ /* --- Information Icon - Start ---*/ @media screen { div.information-icon { color: #fff; background-color: var(--information-icon-color, var(--wtw-base--700, #3E424A)); border-color: #000 !important; border: 1px solid; font-size: 0.75rem; margin-bottom: 1rem; opacity: 0; position: absolute; padding: 0.25rem 0.25rem; pointer-events: none; text-align: center; z-index: 2050; } hr.information-icon { padding: 0 !important; margin-top: 0.4rem !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } span.information-icon-title { padding: 0 !important; margin-top: 0.4rem !important; margin-bottom: 0.4rem !important; margin-right: 0.5rem; } span.information-icon-body { padding: 0 !important; margin-top: 0.4rem !important; margin-bottom: 0.4rem !important; margin-right: 0.5rem; float: left !important; position: relative !important; text-align: left !important; } } @media print { button.information-icon { display: none; } } /* --- Information Icon - End ---*/ /* --- Input Panels - Start --- */ .eww-dropdown-menu-container { /*position: fixed;*/ /*Removed to solve issue of Dropdowns not positioning correctly*/ background-color: var(--dropdown-menu-container-background-color, #f2f3f6); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } /* [Spike 178245] Improvements to dropdown formatting -Start */ /* Inline styles for dropdown are generated through bootstrap js for dropdowns*/ /* Overrrule any property that the dropdown may utlize than can cause the unnecessary creation of scrollbars */ .force-no-overflow div.eww-dropdown-menu-container { min-width: unset !important; } .force-no-overflow div.eww-dropdown-menu-limiter { max-height: unset !important; overflow: unset !important; overflow-x: unset !important; overflow-y: unset !important; } /* Improvements to dropdown formatting - End */ /* Chrome, Safari, Edge, Opera */ input.input-no-spinner[type=number]::-webkit-inner-spin-button, input.input-no-spinner[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input.input-no-spinner[type=number] { -moz-appearance: textfield; } /* Form Controls - Start */ .form-control-feedback { display: none; } .has-danger .form-control-feedback { display: block; } .has-warning .form-control-feedback { display: block; } .has-success .form-control-feedback { display: block; } .hide-calendar .ui-datepicker-calendar { display: none; } /* Form Controls - End */ /* --- Input Panels - End --- */ /* --- Map Panels - Start --- */ .subunit-boundary { fill: none; stroke: #777; stroke-dasharray: 2, 2; stroke-linejoin: round; } /* --- Map Panels - End --- */ /* --- Small Cards - Start --- */ .card-title-small { font-size: 1.125rem; font-weight: 400; margin-bottom: 0.2rem; padding-bottom: 0.3rem; padding-top: 0.2rem; min-height: 28px; } .card-block-small { padding-bottom: 0.1rem; padding-top: 0.1rem; } /* --- Small Cards - End --- */ /* --- Tables - Start ---*/ table .form-group { margin-bottom: 0; } .table-legend-icon { width: 20px; height: 20px; display: inline-block; } .table-legend-icon-column { width: 60px; } /* --- Tables - End ---*/ /* --- Tooltip - Start ---*/ div.tooltip { color: var(--wtw-base--500, #717780); background-color: var(--wtw-base--50, #f2f3f6); border-color: var(--wtw-base--500, #717780); border: 1px solid; margin-bottom: 1rem; position: absolute; padding: 0.25rem 0.25rem; font-family: var(--font-family, "Neue Haas Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif); font-size: 0.75rem; pointer-events: none; text-align: left; } .tooltip-title { font-size: 1.1rem; font-weight: 300; margin-right: 0.5rem; } .tooltip-box { height: 12px; width: 24px; vertical-align: middle; } svg.tooltip-box { margin-right: 0.75rem; } svg.tooltip-line { border: none; margin-right: 0.5rem; } svg.tooltip-circle { height: 12px; width: 12px; vertical-align: middle; } /* --- Tooltip - End ---*/ .eww-root { background-color: var(--eww-root-background-color, transparent); } .eww-panel text { font-family: var(--chart-font-family, "Neue Haas Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif); font-size: var(--chart-font-size, 0.75rem); fill: var(--standard-panel-text-color, #979797); } @media screen { /* Panel backgrounds colors - Start */ .standard-panel { background-color: var(--standard-panel-background-color, #f2f3f6); } .gray-panel { background-color: var(--gray-panel-background-color, #f2f3f6); } .card-inverse { background-color: var(--inverted-panel-background-color, var(--wtw-base--700)); } /* Panel backgrounds colors - End */ /* Panel title - Start*/ .standard-panel .card-title { color: var(--standard-panel-title-color, var(--wtw-base--600, #585D66)); } .gray-panel .card-title { color: var(--gray-panel-title-color, var(--wtw-base--600, #585D66)); } .card-inverse .card-title { color: var(--inverted-panel-title-color, #FFF); } /* Panel title - End*/ /* Panel text - Start*/ /* (Used in axis text, titles)*/ .standard-panel text { fill: var(--standard-panel-text-color, #979797); } .gray-panel text { fill: var(--grey-panel-text-color, #979797); } .card-inverse text { fill: var(--inverted-panel-text-color, #e4e4e4); } /* Panel text - End*/ /* Paragraph text - Start*/ /* (Used in Message panel)*/ .standard-panel p { color: var(--standard-panel-paragraph-color, #var --wtw-base--600, #585D66); } .gray-panel p { color: var(--grey-panel-paragraph-color, var(--wtw-base--600, #585D66)); } .card-inverse p { color: var(--inverted-panel-paragraph-color, #e4e4e4); } /* Paragraph text - End*/ /* Inverse Panel component colours - Start */ .card-inverse .eww-panel-body { color: var(--inverted-axis-color, #fff); } .card-inverse .eww-panel-buttons-top { color: var(--inverted-button-color, #fff); } .card-inverse .eww-panel-buttons-bottom { color: var(--inverted-button-color, #fff); } .card-inverse .table td { color: var(--inverted-panel-text-color, #e4e4e4); } .card-inverse .thead-default tr { background-color: var(--inverted-panel-background-color, var(--wtw-base--700)); } .card-inverse .thead-default th { color: var(--inverted-panel-text-color, #e4e4e4); background-color: var(--inverted-panel-background-color, var(--wtw-base--700)); border-top-color: var(--inverted-panel-background-color, var(--wtw-base--700)); border-bottom-color: var(--inverted-panel-background-color, var(--wtw-base--700)); } .card-inverse .has-danger .form-control-feedback, .card-inverse .has-danger .form-control-label, .card-inverse .has-danger .form-check-label, .card-inverse .has-danger .form-check-inline, .card-inverse .has-danger .custom-control { color: var(--inverted-danger-color, #ff4f4f); } .card-inverse .has-danger .form-control { border-color: var(--inverted-danger-color, #ff4f4f); } .card-inverse .has-danger .input-group-addon { color: var(--inverted-danger-color, #ff4f4f); border-color: var(--inverted-danger-color, #ff4f4f); background-color: #ef9a9a; } /* Inverse Panel component colours - Start */ } /* --- Radar Axis - Start ---*/ .bg-software-gray-1-radar-axis { stroke: #f2f3f6 !important; } .card-inverse-radar-axis { stroke: var(--wtw-base--700, #3E424A) !important; } .white-radar-axis { stroke: white !important; } /* --- Radar Axis - End ---*/