/* Minification failed. Returning unminified contents. (3,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (60,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (62,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (65,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (66,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (67,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (68,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (69,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (70,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (71,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (72,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (73,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (74,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (75,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (76,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (77,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (78,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (79,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (80,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (81,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (82,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (83,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (84,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (85,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (86,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (87,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (88,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (89,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (90,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (91,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (92,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (93,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (94,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (95,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (96,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (97,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (98,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (99,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (100,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (101,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (102,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (103,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (104,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (105,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (106,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (107,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (108,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (109,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (110,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (111,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (112,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (113,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (117,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (118,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (119,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (120,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (121,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (122,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (123,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (124,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (125,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (126,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (127,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (128,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (129,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (130,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (131,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (132,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (133,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (134,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (135,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (136,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (137,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (138,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (139,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (140,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (141,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (142,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (143,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (144,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (145,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (146,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (147,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (148,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (149,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (150,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (151,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (152,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (153,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (154,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (155,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (156,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (157,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (158,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (159,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (160,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (161,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (162,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (163,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (164,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (165,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (166,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (167,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (168,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (169,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (170,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (171,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (175,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (176,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (202,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (203,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (204,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (205,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (211,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (212,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (213,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (214,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (216,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (217,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (218,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (219,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (221,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (222,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (223,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (224,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (226,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (227,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (228,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (229,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (231,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (232,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (233,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (234,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (236,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (237,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (238,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (239,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (241,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (242,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (243,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (244,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (246,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (247,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (248,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (249,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (251,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (252,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (253,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (254,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (256,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (257,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (258,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (259,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (261,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (262,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (263,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (264,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (266,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (267,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (268,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (269,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (271,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (272,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (273,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (274,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (276,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (277,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (278,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (279,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (281,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (282,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (283,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (284,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (286,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (287,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (288,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (289,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (293,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (294,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (295,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (296,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (297,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (299,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (300,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (301,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (302,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (304,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (305,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (306,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (307,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (309,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (310,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (311,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (312,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (314,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (315,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (316,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (317,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (321,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (322,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (324,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (325,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (327,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (328,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (332,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (333,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (334,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (335,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (337,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (339,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (341,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (343,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (347,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (348,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (349,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (351,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (352,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (353,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (355,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (356,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (357,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (359,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (360,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (361,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (365,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (366,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (367,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (369,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (370,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (371,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (373,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (374,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (375,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (377,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (378,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (379,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (384,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (387,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (390,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (393,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (399,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (400,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (401,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (402,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (403,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (404,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (405,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (406,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (407,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (408,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (409,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (410,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (411,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (412,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (413,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (414,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (415,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (416,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (417,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (418,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (419,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (420,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (421,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (422,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (423,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (424,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (425,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (426,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (427,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (730,30): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-10' (775,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-button-neutral-default-color-text' (779,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-button-neutral-default-color-text' (780,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-10' (808,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (819,22): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-gray-10' (826,22): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-gray-10' (906,33): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lighter' (917,32): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-10' (925,17): run-time error CSS1039: Token not allowed after unary operator: '-hcm-button-neutral-default-color-text' (928,18): run-time error CSS1039: Token not allowed after unary operator: '-hcm-button-neutral-default-color-text' (929,29): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-10' (952,26): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-gray-10' (958,26): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-gray-10' (1165,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1193,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black' (1194,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1198,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black' (1225,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1226,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med' (1227,21): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med' (1234,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1235,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med_dark' (1236,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med_dark' (1258,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1259,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-med_light' (1260,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-med_light' (1263,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1267,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1282,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1300,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1322,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med' (1323,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-transparent' (1324,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-transparent' (1338,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med' (1339,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-transparent' (1343,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-dark' (1344,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-transparent' (1351,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-med' (1352,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-transparent' (1356,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1359,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1360,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med_dark' (1361,21): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med' (1364,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-lightest' (1365,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med_dark' (1366,21): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med_dark' (1369,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1370,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-med_light' (1371,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-med_light' (1374,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med_dark' (1375,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1376,21): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med' (1380,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med_dark' (1381,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-lightest' (1382,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med_dark' (1386,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-dark' (1387,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-lighter' (1388,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-dark' (1391,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-med' (1392,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lightest' (1393,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-med_light' (1615,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med' (1616,21): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med' (1617,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1620,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1627,21): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med' (1628,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1631,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med_dark' (1632,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1633,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med' (1638,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med_dark' (1639,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-lightest' (1640,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med' (1645,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-dark' (1646,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-lighter' (1647,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med_dark' (1664,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-med' (1665,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lightest' (1666,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-med_light' (1669,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black' (1672,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black' (1673,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1680,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white' (1693,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black' (1823,29): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-theme' (2300,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lightest' (2306,29): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-theme' (2521,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lightest' (2524,29): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-theme' (2740,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-med' (3018,28): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-theme' (3080,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med' (3093,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med' */ /* Primitive Tokens */ :host, :root { --hcm-color-basic-white: #FFFFFF; --hcm-color-basic-black: #000000; --hcm-color-basic-transparent: transparent; --hcm-color-basic-white-transparent: rgba(255, 255, 255, 0.25); --hcm-color-basic-slate-transparent: rgba(32, 31, 35, 0.25); --hcm-color-basic-paper: #FAFAFA; --hcm-color-basic-brand: #E50082; --hcm-color-gray-5: #F3F3F3; --hcm-color-gray-10: #E0E0E0; --hcm-color-gray-15: #CCCCCC; --hcm-color-gray-20: #B9B9B9; --hcm-color-gray-25: #A6A6A6; --hcm-color-gray-30: #939393; --hcm-color-gray-40: #818181; --hcm-color-gray-50: #6F6F6F; --hcm-color-gray-60: #5E5E5E; --hcm-color-gray-70: #4E4E4E; --hcm-color-gray-80: #3E3E3E; --hcm-color-gray-90: #2E2E2E; --hcm-color-gray-100: #1F1F1F; --hcm-color-slate-5: #F2F4F6; --hcm-color-slate-10: #DEE0E4; --hcm-color-slate-15: #C9CCD4; --hcm-color-slate-20: #B6B8C4; --hcm-color-slate-25: #A3A5B4; --hcm-color-slate-30: #9192A3; --hcm-color-slate-40: #807F94; --hcm-color-slate-50: #6F6D81; --hcm-color-slate-60: #5F5C6D; --hcm-color-slate-70: #4D4C5A; --hcm-color-slate-80: #3E3C47; --hcm-color-slate-90: #2F2D34; --hcm-color-slate-100: #201F23; --hcm-color-cyan-5: #EDF5FC; --hcm-color-cyan-10: #C9E3F6; --hcm-color-cyan-20: #7BC1E7; --hcm-color-cyan-30: #00A2D6; --hcm-color-cyan-40: #008EB9; --hcm-color-cyan-50: #007B9D; --hcm-color-cyan-60: #006787; --hcm-color-cyan-70: #00556D; --hcm-color-cyan-80: #054354; --hcm-color-cyan-90: #0D323D; --hcm-color-blue-5: #ECF4FF; --hcm-color-blue-10: #C6DFFE; --hcm-color-blue-20: #96C4FD; --hcm-color-blue-30: #64A9FB; --hcm-color-blue-40: #2F8BFA; --hcm-color-blue-50: #006CED; --hcm-color-blue-60: #005ECF; --hcm-color-blue-70: #0051B1; --hcm-color-blue-80: #003D87; --hcm-color-blue-90: #002B5E; --hcm-color-green-5: #EEF5EE; --hcm-color-green-10: #CCE3CE; --hcm-color-green-20: #9ECCA9; --hcm-color-green-30: #6EB588; --hcm-color-green-40: #599875; --hcm-color-green-50: #487D62; --hcm-color-green-60: #3D6C57; --hcm-color-green-70: #335D4C; --hcm-color-green-80: #27463B; --hcm-color-green-90: #1D302A; --hcm-color-teal-5: #E8F6F0; --hcm-color-teal-10: #C7E7D8; --hcm-color-teal-20: #74C8B2; --hcm-color-teal-30: #00A998; --hcm-color-teal-40: #00978E; --hcm-color-teal-50: #00827B; --hcm-color-teal-60: #006E6D; --hcm-color-teal-70: #005A5E; --hcm-color-teal-80: #00474D; --hcm-color-teal-90: #13343A; --hcm-color-orange-5: #FEF8E7; --hcm-color-orange-10: #FFE4C3; --hcm-color-orange-15: #FFC69E; --hcm-color-orange-20: #FF9E7A; --hcm-color-orange-25: #FF7C57; --hcm-color-orange-30: #F76344; --hcm-color-orange-40: #DA5740; --hcm-color-orange-50: #BC4B3B; --hcm-color-orange-60: #9F3F36; --hcm-color-red-5: #FFF0F0; --hcm-color-red-10: #FFD6D4; --hcm-color-red-15: #FFBBB8; --hcm-color-red-20: #FF9F9B; --hcm-color-red-25: #FE807D; --hcm-color-red-30: #F95F5F; --hcm-color-red-40: #F03A44; --hcm-color-red-50: #CE363A; --hcm-color-red-60: #AC3230; --hcm-color-magenta-5: #FFF0F1; --hcm-color-magenta-10: #FFD6DA; --hcm-color-magenta-20: #FE9DAE; --hcm-color-magenta-30: #F65D89; --hcm-color-magenta-40: #EF3279; --hcm-color-magenta-50: #CD2E6B; --hcm-color-magenta-60: #AD2B56; --hcm-color-magenta-70: #8D2749; --hcm-color-magenta-80: #6E223B; --hcm-color-magenta-90: #501C2E; --hcm-color-violet-5: #F2F3FF; --hcm-color-violet-10: #DDDDFE; --hcm-color-violet-20: #BDAFF7; --hcm-color-violet-30: #A682DB; --hcm-color-violet-40: #9870BC; --hcm-color-violet-50: #895F9E; --hcm-color-violet-60: #775082; --hcm-color-violet-70: #62426A; --hcm-color-violet-80: #4F3451; --hcm-color-violet-90: #302B40; } /* Alias Tokens */ :root, :host { --hcm-color-neutral-5: var(--hcm-color-gray-5); --hcm-color-neutral-10: var(--hcm-color-gray-10); --hcm-color-neutral-15: var(--hcm-color-gray-15); --hcm-color-neutral-20: var(--hcm-color-gray-20); --hcm-color-neutral-40: var(--hcm-color-gray-40); --hcm-color-neutral-50: var(--hcm-color-gray-50); --hcm-color-neutral-60: var(--hcm-color-gray-60); --hcm-color-neutral-70: var(--hcm-color-gray-70); --hcm-color-neutral-80: var(--hcm-color-gray-80); --hcm-color-neutral-90: var(--hcm-color-gray-90); --hcm-color-neutral-100: var(--hcm-color-gray-100); --hcm-color-neutral-alt-5: var(--hcm-color-slate-5); --hcm-color-neutral-alt-10: var(--hcm-color-slate-10); --hcm-color-neutral-alt-20: var(--hcm-color-slate-20); --hcm-color-neutral-alt-40: var(--hcm-color-slate-40); --hcm-color-neutral-alt-50: var(--hcm-color-slate-50); --hcm-color-neutral-alt-60: var(--hcm-color-slate-60); --hcm-color-neutral-alt-70: var(--hcm-color-slate-70); --hcm-color-neutral-alt-80: var(--hcm-color-slate-80); --hcm-color-neutral-alt-90: var(--hcm-color-slate-90); --hcm-color-action-5: var(--hcm-color-cyan-5); --hcm-color-action-10: var(--hcm-color-cyan-10); --hcm-color-action-40: var(--hcm-color-cyan-40); --hcm-color-action-50: var(--hcm-color-cyan-50); --hcm-color-action-60: var(--hcm-color-cyan-60); --hcm-color-action-70: var(--hcm-color-cyan-70); --hcm-color-action-80: var(--hcm-color-cyan-80); --hcm-color-warning-5: var(--hcm-color-orange-5); --hcm-color-warning-10: var(--hcm-color-orange-10); --hcm-color-warning-15: var(--hcm-color-orange-15); --hcm-color-warning-25: var(--hcm-color-orange-25); --hcm-color-warning-30: var(--hcm-color-orange-30); --hcm-color-warning-50: var(--hcm-color-orange-50); --hcm-color-warning-60: var(--hcm-color-orange-60); --hcm-color-success-5: var(--hcm-color-teal-5); --hcm-color-success-10: var(--hcm-color-teal-10); --hcm-color-success-40: var(--hcm-color-teal-40); --hcm-color-success-50: var(--hcm-color-teal-50); --hcm-color-success-60: var(--hcm-color-teal-60); --hcm-color-success-70: var(--hcm-color-teal-70); --hcm-color-success-80: var(--hcm-color-teal-80); --hcm-color-error-5: var(--hcm-color-red-5); --hcm-color-error-10: var(--hcm-color-red-10); --hcm-color-error-15: var(--hcm-color-red-15); --hcm-color-error-30: var(--hcm-color-red-30); --hcm-color-error-40: var(--hcm-color-red-40); --hcm-color-error-50: var(--hcm-color-red-50); --hcm-color-error-60: var(--hcm-color-red-60); --hcm-color-info-5: var(--hcm-color-blue-5); --hcm-color-info-10: var(--hcm-color-blue-10); --hcm-color-info-40: var(--hcm-color-blue-40); --hcm-color-info-50: var(--hcm-color-blue-50); --hcm-color-info-60: var(--hcm-color-blue-60); --hcm-color-info-70: var(--hcm-color-blue-70); --hcm-color-info-80: var(--hcm-color-blue-80); } /* Typography Tokens */ :root, :host { --hcm-font-family-heading: 'Roboto', 'Segoe UI', Arial, 'Noto Sans', Helvetica, sans-serif; --hcm-font-family-body: 'Roboto', 'Segoe UI', Arial, 'Noto Sans', Helvetica, sans-serif; /* Phase 2 --hcm-font-size-heading-xs: 18px; --hcm-font-size-heading-s: 20px; --hcm-font-size-heading-m: 24px; --hcm-font-size-heading-l: 28px; --hcm-font-size-heading-xl: 32px; --hcm-font-size-heading-xxl: 36px; --hcm-font-size-body-xs: 11px; --hcm-font-size-body-s: 12px; --hcm-font-size-body: 14px; --hcm-font-size-body-l: 16px; --hcm-font-line-height-16: 16px; --hcm-font-line-height-18: 18px; --hcm-font-line-height-20: 20px; --hcm-font-line-height-24: 24px; --hcm-font-line-height-28: 28px; --hcm-font-line-height-32: 32px; --hcm-font-line-height-36: 36px; --hcm-font-line-height-40: 40px; --hcm-font-line-height-44: 44px; --hcm-font-weight-regular: 400; --hcm-font-weight-medium: 500; --hcm-font-weight-bold: 700; */ --hcm-font-color-heading: var(--hcm-color-neutral-100); --hcm-font-color-body: var(--hcm-color-neutral-70); --hcm-font-color-disabled: var(--hcm-color-neutral-40); --hcm-font-color-link: var(--hcm-color-action-50); } /* Semantic Tokens */ :root, :host { /* #region Buttons */ /* Primary / Default */ --hcm-button-primary-default-color-text: var(--hcm-color-basic-white); --hcm-button-primary-default-color-icon: var(--hcm-color-basic-white); --hcm-button-primary-default-color-bg: var(--hcm-color-action-50); --hcm-button-primary-default-color-border: var(--hcm-color-action-50); /* Primary / Hover */ --hcm-button-primary-hover-color-text: var(--hcm-color-basic-white); --hcm-button-primary-hover-color-icon: var(--hcm-color-basic-white); --hcm-button-primary-hover-color-bg: var(--hcm-color-action-60); --hcm-button-primary-hover-color-border: var(--hcm-color-action-60); /* Primary / Active */ --hcm-button-primary-active-color-text: var(--hcm-color-basic-white); --hcm-button-primary-active-color-icon: var(--hcm-color-basic-white); --hcm-button-primary-active-color-bg: var(--hcm-color-action-70); --hcm-button-primary-active-color-border: var(--hcm-color-action-70); /* Primary / Disabled */ --hcm-button-primary-disabled-color-text: var(--hcm-color-basic-white); --hcm-button-primary-disabled-color-icon: var(--hcm-color-basic-white); --hcm-button-primary-disabled-color-bg: var(--hcm-color-neutral-20); --hcm-button-primary-disabled-color-border: var(--hcm-color-neutral-20); /* Secondary / Default */ --hcm-button-secondary-default-color-text: var(--hcm-color-action-60); --hcm-button-secondary-default-color-icon: var(--hcm-color-action-40); --hcm-button-secondary-default-color-bg: var(--hcm-color-basic-transparent); --hcm-button-secondary-default-color-border: var(--hcm-color-action-40); /* Secondary / Hover */ --hcm-button-secondary-hover-color-text: var(--hcm-color-action-60); --hcm-button-secondary-hover-color-icon: var(--hcm-color-action-50); --hcm-button-secondary-hover-color-bg: var(--hcm-color-action-5); --hcm-button-secondary-hover-color-border: var(--hcm-color-action-50); /* Secondary / Active */ --hcm-button-secondary-active-color-text: var(--hcm-color-action-70); --hcm-button-secondary-active-color-icon: var(--hcm-color-action-60); --hcm-button-secondary-active-color-bg: var(--hcm-color-action-10); --hcm-button-secondary-active-color-border: var(--hcm-color-action-60); /* Secondary / Disabled */ --hcm-button-secondary-disabled-color-text: var(--hcm-color-neutral-40); --hcm-button-secondary-disabled-color-icon: var(--hcm-color-neutral-20); --hcm-button-secondary-disabled-color-bg: var(--hcm-color-neutral-5); --hcm-button-secondary-disabled-color-border: var(--hcm-color-neutral-20); /* Neutral / Default */ --hcm-button-neutral-default-color-text: var(--hcm-color-neutral-60); --hcm-button-neutral-default-color-icon: var(--hcm-color-neutral-60); --hcm-button-neutral-default-color-bg: var(--hcm-color-basic-transparent); --hcm-button-neutral-default-color-border: var(--hcm-color-neutral-40); /* Neutral / Hover */ --hcm-button-neutral-hover-color-text: var(--hcm-color-neutral-60); --hcm-button-neutral-hover-color-icon: var(--hcm-color-neutral-60); --hcm-button-neutral-hover-color-bg: var(--hcm-color-neutral-alt-5); --hcm-button-neutral-hover-color-border: var(--hcm-color-neutral-40); /* Neutral / Active */ --hcm-button-neutral-active-color-text: var(--hcm-color-neutral-70); --hcm-button-neutral-active-color-icon: var(--hcm-color-neutral-60); --hcm-button-neutral-active-color-bg: var(--hcm-color-neutral-alt-10); --hcm-button-neutral-active-color-border: var(--hcm-color-neutral-40); /* Neutral / Disabled */ --hcm-button-neutral-disabled-color-text: var(--hcm-color-neutral-40); --hcm-button-neutral-disabled-color-icon: var(--hcm-color-neutral-20); --hcm-button-neutral-disabled-color-bg: var(--hcm-color-neutral-5); --hcm-button-neutral-disabled-color-border: var(--hcm-color-neutral-20); /* Minimal / Default */ --hcm-button-minimal-default-color-text: var(--hcm-color-action-60); --hcm-button-minimal-default-color-icon: var(--hcm-color-action-40); --hcm-button-minimal-default-color-bg: var(--hcm-color-basic-transparent); --hcm-button-minimal-default-color-border: var(--hcm-color-basic-transparent); /* Minimal / Hover */ --hcm-button-minimal-hover-color-text: var(--hcm-color-action-60); --hcm-button-minimal-hover-color-icon: var(--hcm-color-action-50); --hcm-button-minimal-hover-color-bg: var(--hcm-color-basic-transparent); --hcm-button-minimal-hover-color-border: var(--hcm-color-action-40); /* Minimal / Active */ --hcm-button-minimal-active-color-text: var(--hcm-color-action-70); --hcm-button-minimal-active-color-icon: var(--hcm-color-action-50); --hcm-button-minimal-active-color-bg: var(--hcm-color-action-5); --hcm-button-minimal-active-color-border: var(--hcm-color-action-50); /* Minimal / Disabled */ --hcm-button-minimal-disabled-color-text: var(--hcm-color-neutral-40); --hcm-button-minimal-disabled-color-icon: var(--hcm-color-neutral-20); --hcm-button-minimal-disabled-color-bg: var(--hcm-color-basic-transparent); --hcm-button-minimal-disabled-color-border: var(--hcm-color-basic-transparent); /* #endregion Buttons */ /* #region Chips */ /* Default */ --hcm-chip-default-color-bg: var(--hcm-color-neutral-5); --hcm-chip-default-color-text: var(--hcm-color-neutral-60); --hcm-chip-default-color-icon: var(--hcm-color-neutral-60); --hcm-chip-default-color-badge-bg: var(--hcm-color-neutral-70); --hcm-chip-default-color-badge-text: var(--hcm-color-basic-white); /* Success */ --hcm-chip-success-color-bg: var(--hcm-color-success-10); --hcm-chip-success-color-text: var(--hcm-color-success-60); --hcm-chip-success-color-badge-bg: var(--hcm-color-success-50); --hcm-chip-success-color-badge-text: var(--hcm-color-basic-white); /* Warning */ --hcm-chip-warning-color-bg: var(--hcm-color-warning-10); --hcm-chip-warning-color-text: var(--hcm-color-warning-60); --hcm-chip-warning-color-badge-bg: var(--hcm-color-warning-50); --hcm-chip-warning-color-badge-text: var(--hcm-color-basic-white); /* Error */ --hcm-chip-error-color-bg: var(--hcm-color-error-10); --hcm-chip-error-color-text: var(--hcm-color-error-60); --hcm-chip-error-color-badge-bg: var(--hcm-color-error-50); --hcm-chip-error-color-badge-text: var(--hcm-color-basic-white); /* Info */ --hcm-chip-info-color-bg: var(--hcm-color-info-10); --hcm-chip-info-color-text: var(--hcm-color-info-60); --hcm-chip-info-color-badge-bg: var(--hcm-color-info-50); --hcm-chip-info-color-badge-text: var(--hcm-color-basic-white); /* #endregion Chips */ /* #region Form Field */ /* Base */ --hcm-form-field-base-color-label-text: var(--hcm-color-neutral-90); --hcm-form-field-base-color-helper-text: var(--hcm-color-neutral-60); /* Error */ --hcm-form-field-error-color-icon: var(--hcm-color-error-50); --hcm-form-field-error-color-helper-text: var(--hcm-color-error-60); /* Success */ --hcm-form-field-success-color-icon: var(--hcm-color-success-50); --hcm-form-field-success-color-helper-text: var(--hcm-color-success-60); /* #endregion Form Field */ /* #region Input */ /* Base */ --hcm-input-base-color-text: var(--hcm-color-neutral-70); --hcm-input-base-color-placeholder-text: var(--hcm-color-neutral-40); --hcm-input-base-color-bg: var(--hcm-color-basic-white); --hcm-input-base-color-icon: var(--hcm-color-neutral-alt-40); /* Default */ --hcm-input-default-color-border: var(--hcm-color-neutral-alt-20); /* Active */ --hcm-input-active-color-border: var(--hcm-color-action-40); /* Error */ --hcm-input-error-color-border: var(--hcm-color-error-50); /* Success */ --hcm-input-success-color-border: var(--hcm-color-success-50); /* #endregion Input */ /* #region Menu */ /* Base */ --hcm-menu-base-color-bg: var(--hcm-color-basic-white); --hcm-menu-base-color-group-label: var(--hcm-color-neutral-60); --hcm-menu-base-color-border: var(--hcm-color-neutral-10); /* Option / Default */ --hcm-menu-option-default-color-bg: var(--hcm-color-basic-white); --hcm-menu-option-default-color-text: var(--hcm-color-neutral-80); --hcm-menu-option-default-color-icon: var(--hcm-color-neutral-80); /* Option / Hover */ --hcm-menu-option-hover-color-bg: var(--hcm-color-neutral-alt-5); --hcm-menu-option-hover-color-text: var(--hcm-color-neutral-80); --hcm-menu-option-hover-color-icon: var(--hcm-color-neutral-80); /* Option / Selected */ --hcm-menu-option-selected-color-bg: var(--hcm-color-neutral-alt-10); --hcm-menu-option-selected-color-text: var(--hcm-color-neutral-80); --hcm-menu-option-selected-color-icon: var(--hcm-color-neutral-80); /* #endregion Menu */ /* #region Tag */ /* Danger */ --hcm-tag-danger-color-text: var(--hcm-color-error-60); --hcm-tag-danger-color-bg: var(--hcm-color-error-10); --hcm-tag-danger-color-icon: var(--hcm-color-error-50); /* Warning */ --hcm-tag-warning-color-text: var(--hcm-color-warning-60); --hcm-tag-warning-color-bg: var(--hcm-color-warning-10); --hcm-tag-warning-color-icon: var(--hcm-color-warning-50); /* Success */ --hcm-tag-success-color-text: var(--hcm-color-success-70); --hcm-tag-success-color-bg: var(--hcm-color-success-10); --hcm-tag-success-color-icon: var(--hcm-color-success-50); /* Info */ --hcm-tag-info-color-text: var(--hcm-color-info-70); --hcm-tag-info-color-bg: var(--hcm-color-info-10); --hcm-tag-info-color-icon: var(--hcm-color-info-50); /* #endregion Tag */ } /*Themes*/ :host, :root { --hcm-color-theme: #E50082; } [data-hcm-theme=cerulean] { --hcm-color-theme: #357A99; } [data-hcm-theme=warm-red] { --hcm-color-theme: #F15956; } [data-hcm-theme=test] { --hcm-color-theme: #00ABBA; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ :root, :host { --hcm-color-paper: var(--hcm-color-basic-paper); --hcm-color-white: var(--hcm-color-basic-white); --hcm-color-black: var(--hcm-color-basic-black); --hcm-color-neutral-lightest: var(--hcm-color-neutral-5); --hcm-color-neutral-lighter: var(--hcm-color-neutral-10); --hcm-color-neutral-light: var(--hcm-color-neutral-20); --hcm-color-neutral-med_light: var(--hcm-color-neutral-40); --hcm-color-neutral-med: var(--hcm-color-neutral-50); --hcm-color-neutral-med_dark: var(--hcm-color-neutral-60); --hcm-color-neutral-dark: var(--hcm-color-neutral-70); --hcm-color-neutral-darker: var(--hcm-color-neutral-80); --hcm-color-neutral-darkest: var(--hcm-color-neutral-90); --hcm-color-neutral_alt-lightest: var(--hcm-color-neutral-alt-5); --hcm-color-neutral_alt-lighter: var(--hcm-color-neutral-alt-10); --hcm-color-neutral_alt-light: var(--hcm-color-neutral-alt-20); --hcm-color-neutral_alt-med_light: var(--hcm-color-neutral-alt-40); --hcm-color-neutral_alt-med: var(--hcm-color-neutral-alt-50); --hcm-color-neutral_alt-med_dark: var(--hcm-color-neutral-alt-60); --hcm-color-neutral_alt-dark: var(--hcm-color-neutral-alt-70); --hcm-color-neutral_alt-darker: var(--hcm-color-neutral-alt-80); --hcm-color-neutral_alt-darkest: var(--hcm-color-neutral-alt-90); --hcm-color-action-lightest: var(--hcm-color-action-5); --hcm-color-action-lighter: var(--hcm-color-action-10); --hcm-color-action-med_light: var(--hcm-color-action-40); --hcm-color-action-med: var(--hcm-color-action-50); --hcm-color-action-med_dark: var(--hcm-color-action-60); --hcm-color-action-dark: var(--hcm-color-action-70); --hcm-color-text-link: var(--hcm-font-color-link); --hcm-color-icon-subtle: var(--hcm-input-base-color-icon); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local(""), url("font/roboto-v29-latin-regular.woff2") format("woff2"), url("font/roboto-v29-latin-regular.woff") format("woff"); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local(""), url("font/roboto-v29-latin-italic.woff2") format("woff2"), url("font/roboto-v29-latin-italic.woff") format("woff"); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local(""), url("font/roboto-v29-latin-500.woff2") format("woff2"), url("font/roboto-v29-latin-500.woff") format("woff"); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local(""), url("font/roboto-v29-latin-700.woff2") format("woff2"), url("font/roboto-v29-latin-700.woff") format("woff"); } @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; src: local(""), url("font/roboto-mono-v13-latin-regular.woff2") format("woff2"), url("font/roboto-mono-v13-latin-regular.woff") format("woff"); } html { font-size: 10px; /* Simplifies calculations for REM sizing */ } html, button, input, select, textarea { font-family: 'Roboto', Arial, Helvetica, sans-serif; } body { font-size: 16px; /* Set to browser default so existing EM sizing works */ font-style: normal; cursor: auto; background-color: White; color: #222222; margin-left: 0px; } h1 { font-size: 20px; margin: 0.67em 0; } h2 { font-size: 18px; margin: 0.83em 0; } h3 { font-size: 16px; margin: 1em 0; } h4 { font-size: 14px; margin: 1.33em 0; } h5 { font-size: 12px; margin: 1.67em 0; } h6 { font-size: 11px; margin: 2.33em 0; } section em, section em > * { font-weight: bold; font-style: normal; } section b, section b > * { font-weight: bold; font-style: normal; color: #58585b; } section + section { margin-top: 2em; } table { border-collapse: collapse; border-spacing: 0px; } tr, td { vertical-align: top; } table, th, td { border-width: 1px; border-color: #C3C3C5; } td { padding: 0px; } th { vertical-align: bottom; } a, a:link, a:visited, a:active, a:focus, a:hover { text-decoration: none; } p { margin-top: 3px; margin-bottom: 2px; } input, select, img, span { vertical-align: middle; } input[type="radio"] { vertical-align: text-bottom; margin: 3px 3px 3px 4px; } input[type="checkbox"] { vertical-align: bottom; margin: 3px 3px 3px 4px; } input, select, textarea { font-size: 100%; color: #292929; } button { margin: 0; } input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { height: 20px; padding: 2px 6px 2px 6px; border-radius: 2px; } select { height: 20px; padding: 1px 3px 2px 2px; border-radius: 2px; background-color: #ffffff; } select.tall { height: auto; } select[multiple] { height: auto; } textarea { overflow: auto; border-radius: 2px; padding: 2px 6px 2px 6px; } @-moz-document url-prefix() { select { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { select { padding-right: 1px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } select[multiple] { border-radius: 2px; } input[type="radio"], input[type="checkbox"] { vertical-align: middle; } } input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea { box-sizing: border-box; margin: 0; border: 1px solid #bbb; } input[type="color"]:focus, input[type="color"]:active, input[type="date"]:focus, input[type="date"]:active, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="month"]:focus, input[type="month"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="range"]:focus, input[type="range"]:active, input[type="tel"]:focus, input[type="tel"]:active, input[type="text"]:focus, input[type="text"]:active, input[type="time"]:focus, input[type="time"]:active, input[type="url"]:focus, input[type="url"]:active, input[type="week"]:focus, input[type="week"]:active, select:focus, select:active, textarea:focus, textarea:active { border-color: #66afe9; outline: none; } input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="range"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, select:disabled, textarea:disabled { background-color: #E5E5E5; } select:focus::-ms-value { color: black; background: none; } select[multiple] { box-sizing: initial; -moz-box-sizing: initial; -webkit-box-sizing: initial; box-shadow: initial; border-radius: initial; margin: initial; padding: initial; } fieldset label.full textarea.validated { width: 95%; } .keep-together { margin-bottom: 0; } .split-container-v > div, .split-container-h > div { overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .split-container-v.allow-overflow > div, .split-container-h.allow-overflow > div { overflow: visible; } .split-panel-1-v { float: left; } div[id$='TimeEntryCheckView_DetailSplitContainerPanel1'].split-panel-1-h { min-height: 100px; } .modalPopup { border: 1px solid black; background-color: #F3F3F3; padding: 5px; } .modalBackground { background-color: Gray; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; filter: alpha(opacity=70); z-index: 999; } .hidden { visibility: hidden; } input.error, select.error, textarea.error { background-color: lemonchiffon; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ /* Client Info Panel */ .systemHeader { background-color: #EBECEE; overflow: hidden; } .clientInformation { float: right; line-height: 12px; border-left: solid 1px var(--hcm-color-neutral-10); /*Client Search button*/ } .clientInformation .alert { color: #bd362f; } .clientInformation .clientNavigation { display: inline-block; padding-top: 6px; padding-right: 4px; } .clientInformation .btn { font-size: 14px; } .clientInformationDetails { display: inline-block; vertical-align: top; max-width: 230px; padding: 0px 5px; } .clientInformationDetails > ul { margin: 0px; padding: 2px 5px 8px 5px; list-style: none; } /****************************************************************************** Employee Header ******************************************************************************/ .employeeHeader { font-size: 11px; overflow: hidden; } .employeeHeader a, .systemHeader a { color: #222222; } .content-header-container .btn:active, .content-header-container .btn.active, .content-header-container .btn:focus, .content-header-container .btn.focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .employeeNavigation { padding-top: 1px; padding-bottom: 1px; padding-right: 12px; padding-left: 4px; float: left; } .employeeHeader .btn { color: var(--hcm-button-neutral-default-color-text); background-color: transparent; } .employeeHeader .btn:hover { color: var(--hcm-button-neutral-default-color-text); background-color: var(--hcm-color-neutral-10); } .employeeNavigator { float: left; display: inline-block; padding-top: 5px; padding-right: 10px; } .employeeNavigator > .employeePosition { font-weight: bold; font-size: 14px; line-height: 28px; padding: 4px 10px; } .employeeNavigator > .btn { font-size: 18px; height: 35px; border: none; padding: 8px 10px; } .employeeNavigator > .btn, .employeeNavigator > .employeePosition { position: relative; float: left; } .employeeSearch { display: none; position: absolute; top: 0px; left: 0px; padding: 8px 0; background-color: var(--hcm-color-basic-white); width: 340px; margin: 0 6px; z-index: 10; } .employeeSearch .btn-xs { padding-right: 2px; margin-right: 3px; margin-top: 4px; } .employeeSearch select { float: left; border-radius: 4px; border-color: var(--hcm-color-gray-10); height: 29px; padding: 6px; } .employeeSearch input { margin-left: 3px; width: 95%; border-radius: 4px; border-color: var(--hcm-color-gray-10); height: auto; padding: 7px; } .employeeSearch div:not(.employee-header-search-container) { overflow: hidden; } .employeeSearch div.employee-header-search-container div.lookup-listcontainer { overflow-y: auto; } .employeeSearch .employee-header-search-input { width: 193px; } .employeeHeader h1 { margin-bottom: 0px; margin-top: 0px; } .employeeHeader em { font-weight: bold; font-style: normal; } .employeeName { padding-top: 2px; display: inline-block; } .employeeName ul { margin: 0px; padding: 0px 5px 0px 0px; list-style: none; display: inline-block; } /*Employee Details Section*/ .employeeDetails { line-height: 12px; padding-top: 2px; } .employeeDetails ul { margin: 0px; padding: 0px; list-style: none; } .employeeDetails li, .clientInformationDetails li { padding-top: 7px; padding-right: 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* OLD EMPLOYEE LIST - Still needed for OE Transactions / Workflow Transactions / Workflow History */ .employeeHeader.employeeHeaderLegacy { height: 48px; background-color: #EBECEE; } .employeeHeader div.employeeInfo { margin: 2px 0 2px 0; } .employeeHeader div.employeeInfo div.employeeDataLabel { text-align: left; display: inline; font-size: 10px; font-weight: bold; margin: 3px 2px 0 1px; padding: 0px; vertical-align: top; } .employeeHeader div.employeeInfo div.employeeData { text-align: left; display: inline; font-size: 10px; font-weight: normal; margin: 3px 1px 0 2px; padding: 0px; vertical-align: bottom; } /* END OLD EMPLOYEE LIST */ /* New (knockout) client list */ .content-header-container { margin: 0px; padding: 0px; } .content-header-container:not(.auto-fill-container) { border-bottom: solid 1px var(--hcm-color-neutral-lighter); } .content-header-container .header-bar { overflow: hidden; display: flex; flex-direction: row; min-height: 48px; align-items: center; padding: 0px 12px; } .content-header-container .header-bar .client-search-container { flex: 0 0 auto; line-height: 12px; border-left: solid 1px var(--hcm-color-neutral-10); padding: 4px 0px 4px 12px; } .content-header-container .header-bar .client-search-container .btn { padding-left: 6px; padding-right: 6px; border: none; height: 40px; font-size: 14px; color: var(--hcm-button-neutral-default-color-text); background-color: transparent; } .content-header-container .header-bar .client-search-container .btn:hover { color: var(--hcm-button-neutral-default-color-text); background-color: var(--hcm-color-neutral-10); } .content-header-container .header-bar .client-search-container .btn i { margin-right: 3px; } .content-header-container .header-bar .client-search-container .btn .alert { color: #bd362f; } .content-header-container .header-bar .header-details { flex: 1 1 auto; overflow: hidden; display: flex; } .content-header-container .header-bar .header-details .header-details-section { flex: 1 1 auto; min-width: 0px; margin-top: 6px; margin-bottom: 6px; } .content-header-container .header-bar .header-details .header-details-section:not(:last-child) { margin-right: 24px; } .content-header-container .header-bar .header-details .header-details-section .form-field-with-button { display: flex; flex-direction: row; } .content-header-container .header-bar .header-details .header-details-section .form-field-with-button > input { border-radius: 4px 0 0 4px; flex: 1 1 auto; min-width: 0; border-color: var(--hcm-color-gray-10); border-right: none; height: auto; padding: 7px; } .content-header-container .header-bar .header-details .header-details-section .form-field-with-button > .dx-texteditor.dx-editor-outlined { border-radius: 4px 0 0 4px; border-color: var(--hcm-color-gray-10); border-right: none; flex: 1 1 auto; } .content-header-container .header-bar .header-details .header-details-section .form-field-with-button > .dx-texteditor.dx-editor-outlined input { height: auto; padding: 6px; } .content-header-container .header-bar .header-details .header-details-section .form-field-with-button button { border-radius: 0 4px 4px 0; flex: 0 0 auto; padding: 7px; height: auto; } .content-header-container .header-bar .header-details.legal-header { font-size: 14px; max-height: 48px; } .content-header-container .header-bar .header-details.legal-header .header-details-section { flex: 1 1 0px; min-height: 36px; line-height: 36px; white-space: nowrap; max-width: max-content; display: flex; } .content-header-container .header-bar .header-details.legal-header .header-details-section:not(:last-child) { margin-right: 18px; } .content-header-container .header-bar .header-details.legal-header .header-details-section:last-child { margin-right: 6px; } .content-header-container .header-bar .header-details.legal-header .header-details-section :not(:last-child) { margin-right: 3px; } .content-header-container .header-bar .header-details.legal-header .header-details-section .select-container { display: inline-block; } .content-header-container .header-bar .header-details.legal-header .header-details-section .select-container select { font-size: 11px; font-weight: bold; color: #555555; width: 100%; } .content-header-container .header-bar .header-details.legal-header .header-details-section .select-container select.inactive { color: red; } .content-header-container .header-bar .header-details.legal-header .header-details-section .select-container select option { color: black; } .content-header-container .header-bar .header-details.legal-header .header-details-section .select-container select option.inactive { color: red; } .content-header-container .header-bar .header-details.legal-header .header-details-section span { vertical-align: unset; } .content-header-container .header-bar .header-details.legal-header .header-detail-value { font-weight: bold; color: #555555; text-overflow: ellipsis; overflow: hidden; } .content-header-container .header-bar .header-details.legal-header .critical-notes-button { color: #555555; cursor: pointer; border: none; background-color: transparent; font-weight: bold; font-size: 14px; white-space: nowrap; } .content-header-container .grid-container { margin: 12px; } .content-header-container .grid-container .grid-header { font-weight: 500; margin-bottom: 12px; vertical-align: middle; font-size: 22px; color: #0a0a0a; } .content-header-container #ClientListGrid tr.dx-data-row { cursor: pointer; } #employeeListGrid tr.dx-data-row, #employeeSearchGrid tr.dx-data-row { cursor: pointer; } div.employeeListSearchResults { position: absolute; height: 200px; margin-top: 4px; padding: 3px 6px; border: 1px solid black; background-color: white; overflow-x: auto; overflow-y: auto; z-index: 1000; } div.employeeListSearchResults div.searchResult { padding: 2px; } div.employeeListSearchResults div.searchResult:not(.noResults):hover { background-color: #0078D7; color: white; cursor: pointer; } div.employeeListSearchResults div.noResults { font-style: italic; } div.employeeListFilterPanel { margin-left: 12px; margin-bottom: 12px; } div.employeeListFilterPanel.no-indent { margin-left: 0px; } div.employeeListFilterPanel select.inactive { color: red; } div.employeeListFilterPanel select option { color: black; } div.employeeListFilterPanel select option.inactive { color: red; } div.employeeListFilterPanel table.employeeListFilterTable { width: 100%; } div.employeeListFilterPanel table.employeeListFilterTable th, div.employeeListFilterPanel table.employeeListFilterTable td { text-align: left; white-space: nowrap; padding: 0px 3px; } div.employeeListFilterPanel div.employeeListFilterWarningMessage { margin-bottom: 12px; font-weight: bold; } /* AjaxToolkit AutoComplete flyout */ .autocomplete_completionListElement { margin: 0px !important; background-color: window; color: windowtext; border: buttonshadow; border-width: 1px; border-style: solid; cursor: 'default'; overflow: auto; height: 200px; text-align: left; list-style-type: none; padding-left: 0; } .autocomplete_completionListElementWide { width: 300px !important; } .autocomplete_completionListElement .autocomplete_highlightedListItem, .autocomplete_completionListElement li.hover { background-color: Highlight; color: HighlightText; padding: 1px; } .autocomplete_completionListElement .autocomplete_listItem { background-color: window; color: windowtext; padding: 1px; } .bootstrap-timepicker-widget.dropdown-menu.open { position: fixed; } .modal-body small { font-size: 10px; display: block; } .modal-body small span.focus { font-weight: bold; font-style: italic; vertical-align: baseline; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ /* From Bootstrap v3.0.2 - Buttons - Dropdowns */ .btn { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; font-size: 12px; font-weight: 500; line-height: 1em; height: 2.5em; border: 1px solid transparent; border-radius: 4px; padding: 0 12px; margin-bottom: 0; white-space: nowrap; cursor: pointer; user-select: none; background-image: none; transition: 0.2s ease 0s; } .btn:focus { outline: thin dotted #7687a7; outline: 4px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #7687a7; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; } .btn-tab.active, .btn-tab:hover { color: #7687a7; background-color: var(--hcm-color-basic-white); border-color: #cccccc; } .btn-lg { font-size: 16px; height: 32px; padding: 0 12px; border-radius: 8px; } .btn-sm, .btn-xs { font-size: 12px; border-radius: 4px; } .btn-sm { height: 2em; padding: 0 6px; } .btn-xs { height: 20px; padding: 0 5px; } .btn-wide { padding: 0 3em; } .btn-fullwidth { width: 100%; } .btn-default { color: var(--hcm-color-basic-black); background-color: var(--hcm-color-basic-white); border-color: #bbb; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .btn-tab, .btn-tab.active:hover { color: var(--hcm-color-basic-black); background-color: #f4f6f9; border-color: #636363; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .btn-tab { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #bbb; border-color: #cacaca; color: #636363; } .btn-primary { color: var(--hcm-color-basic-white); background-color: var(--hcm-color-action-med); border-color: var(--hcm-color-action-med); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: var(--hcm-color-basic-white); background-color: var(--hcm-color-action-med_dark); border: 1px solid var(--hcm-color-action-med_dark); } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { color: var(--hcm-color-basic-white); background-color: var(--hcm-color-neutral-med_light); border: 1px solid var(--hcm-color-neutral-med_light); } .btn-listoption { background-color: var(--hcm-color-basic-white); color: #489fa4; border-color: #489fa4; } .btn-listoption.selected { color: var(--hcm-color-basic-white); background-color: #489fa4; border-color: #489fa4; } .btn-listoption:hover, .btn-listoption:focus, .btn-listoption:active, .btn-listoption.active { background-color: #e6fbfc; color: #489fa4; border-color: #489fa4; } .btn-listoption:hover.selected, .btn-listoption:focus.selected, .btn-listoption:active.selected, .btn-listoption.active.selected { color: var(--hcm-color-basic-white); background-color: #20c0c9; } .btn-listoption.disabled, .btn-listoption[disabled], fieldset[disabled] .btn-listoption, .btn-listoption.disabled:hover, .btn-listoption[disabled]:hover, fieldset[disabled] .btn-listoption:hover, .btn-listoption.disabled:focus, .btn-listoption[disabled]:focus, fieldset[disabled] .btn-listoption:focus, .btn-listoption.disabled:active, .btn-listoption[disabled]:active, fieldset[disabled] .btn-listoption:active, .btn-listoption.disabled.active, .btn-listoption[disabled].active, fieldset[disabled] .btn-listoption.active { background-color: var(--hcm-color-basic-white); color: #999999; } .btn-listoption.disabled.selected, .btn-listoption[disabled].selected, fieldset[disabled] .btn-listoption.selected, .btn-listoption.disabled:hover.selected, .btn-listoption[disabled]:hover.selected, fieldset[disabled] .btn-listoption:hover.selected, .btn-listoption.disabled:focus.selected, .btn-listoption[disabled]:focus.selected, fieldset[disabled] .btn-listoption:focus.selected, .btn-listoption.disabled:active.selected, .btn-listoption[disabled]:active.selected, fieldset[disabled] .btn-listoption:active.selected, .btn-listoption.disabled.active.selected, .btn-listoption[disabled].active.selected, fieldset[disabled] .btn-listoption.active.selected { background-color: #cacaca; border-color: #bbb; color: #636363; } .btn-link { color: var(--hcm-color-action-med); background-color: var(--hcm-color-basic-transparent); border: var(--hcm-color-basic-transparent); font-weight: 400; cursor: pointer; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link:hover, .btn-link:focus { color: var(--hcm-color-action-med); background-color: var(--hcm-color-basic-transparent); text-decoration: underline; } .btn-link:active { color: var(--hcm-color-action-dark); background-color: var(--hcm-color-basic-transparent); text-decoration: underline; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: var(--hcm-color-neutral-med); background-color: var(--hcm-color-basic-transparent); text-decoration: none; } .btn-outline .btn-primary, .btn-outline .btn-secondary { background-color: var(--hcm-color-basic-white); } .btn-outline.btn-primary { background-color: var(--hcm-color-basic-white); color: var(--hcm-color-action-med_dark); border-color: var(--hcm-color-action-med); } .btn-outline.btn-primary:hover, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:active, .btn-outline.btn-primary.active { background-color: var(--hcm-color-action-lightest); color: var(--hcm-color-action-med_dark); border-color: var(--hcm-color-action-med_dark); } .btn-outline.btn-primary.disabled, .btn-outline.btn-primary[disabled], fieldset[disabled] .btn-outline.btn-primary, .btn-outline.btn-primary.disabled:hover, .btn-outline.btn-primary[disabled]:hover, fieldset[disabled] .btn-outline.btn-primary:hover, .btn-outline.btn-primary.disabled:focus, .btn-outline.btn-primary[disabled]:focus, fieldset[disabled] .btn-outline.btn-primary:focus, .btn-outline.btn-primary.disabled:active, .btn-outline.btn-primary[disabled]:active, fieldset[disabled] .btn-outline.btn-primary:active, .btn-outline.btn-primary.disabled.active, .btn-outline.btn-primary[disabled].active, fieldset[disabled] .btn-outline.btn-primary.active { color: var(--hcm-color-basic-white); background-color: var(--hcm-color-neutral-med_light); border: 1px solid var(--hcm-color-neutral-med_light); } .btn-outline.btn-secondary { color: var(--hcm-color-action-med_dark); background-color: var(--hcm-color-basic-white); border-color: var(--hcm-color-action-med); } .btn-outline.btn-secondary:hover, .btn-outline.btn-secondary:focus { color: var(--hcm-color-action-med_dark); background-color: var(--hcm-color-action-lightest); border: 1px solid var(--hcm-color-action-med_dark); } .btn-outline.btn-secondary:active, .btn-outline.btn-secondary.active { color: var(--hcm-color-action-dark); background-color: var(--hcm-color-action-lighter); border: 1px solid var(--hcm-color-action-dark); } .btn-outline.btn-secondary.disabled, .btn-outline.btn-secondary[disabled], fieldset[disabled] .btn-outline.btn-secondary, .btn-outline.btn-secondary.disabled:hover, .btn-outline.btn-secondary[disabled]:hover, fieldset[disabled] .btn-outline.btn-secondary:hover, .btn-outline.btn-secondary.disabled:focus, .btn-outline.btn-secondary[disabled]:focus, fieldset[disabled] .btn-outline.btn-secondary:focus, .btn-outline.btn-secondary.disabled:active, .btn-outline.btn-secondary[disabled]:active, fieldset[disabled] .btn-outline.btn-secondary:active, .btn-outline.btn-secondary.disabled.active, .btn-outline.btn-secondary[disabled].active, fieldset[disabled] .btn-outline.btn-secondary.active { color: var(--hcm-color-neutral-med); background-color: var(--hcm-color-neutral-lightest); border: 1px solid var(--hcm-color-neutral-med_light); } .btn > .span[class^="pad"] { display: inline-block; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: none; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; } .btn-toolbar:after { clear: both; } .btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn-group { float: left; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group-xs > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; padding: 1px 5px; } .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child > .btn:last-child, .btn-group-vertical > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified .btn { float: none; display: table-cell; width: 1%; } [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { display: none; } .btn-primary-2 { background-color: var(--hcm-color-action-med); border-color: var(--hcm-color-action-med); color: var(--hcm-color-basic-white); } .btn-primary-2 .caret { border-top-color: var(--hcm-color-basic-white); } .btn-primary-2:hover, .btn-primary-2:focus, .btn-primary-2:active, .btn-primary-2.active, .open .dropdown-toggle.btn-primary-2 { border-color: var(--hcm-color-action-med); color: var(--hcm-color-basic-white); } .btn-secondary { color: var(--hcm-color-action-med_dark); background-color: var(--hcm-color-basic-white); border: 1px solid var(--hcm-color-action-med); } .btn-secondary:hover, .btn-secondary:focus, .open .dropdown-toggle.btn-secondary { color: var(--hcm-color-action-med_dark); background-color: var(--hcm-color-action-lightest); border: 1px solid var(--hcm-color-action-med); } .btn-secondary:active, .btn-secondary.active, .open .dropdown-toggle.btn-secondary { color: var(--hcm-color-action-dark); background-color: var(--hcm-color-action-lighter); border: 1px solid var(--hcm-color-action-med_dark); } .btn-secondary.disabled, .btn-secondary[disabled], fieldset[disabled] .btn-secondary, .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus, .btn-secondary.disabled:active, .btn-secondary[disabled]:active, fieldset[disabled] .btn-secondary:active, .btn-secondary.disabled.active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary.active { color: var(--hcm-color-neutral-med); background-color: var(--hcm-color-neutral-lightest); border: 1px solid var(--hcm-color-neutral-med_light); } .btn-toolbar { background-color: var(--hcm-color-basic-black); } .btn-toolbar .btn { background-color: var(--hcm-color-basic-black); color: var(--hcm-color-basic-white); border: none; } .btn-toolbar .btn:hover, .btn-toolbar .btn:focus, .btn-toolbar .btn:active { background-color: #595959; color: var(--hcm-color-basic-white); border: none; } .btn-toolbar .btn.disabled, .btn-toolbar .btn[disabled], .btn-toolbar .btn.disabled:hover, .btn-toolbar .btn[disabled]:hover, .btn-toolbar .btn.disabled:focus, .btn-toolbar .btn[disabled]:focus, .btn-toolbar .btn.disabled:active, .btn-toolbar .btn[disabled]:active, .btn-toolbar .btn.disabled.active, .btn-toolbar .btn[disabled].active { background-color: var(--hcm-color-basic-black); color: #ccc; border: none; } div.btn-toolbar > div.btn-group > .btn, div.btn-toolbar > div.btn-group .hcm-dropdown-trigger { border-radius: 0; border: none; padding: 8px 8px; } .btn-toolbar > .btn-group.pullRight { float: right; } .btn > i { margin-right: 3px; } .btn-icononly > i { margin-right: 0; } .btn.fa-lg { line-height: 2.5em; } .btn-square { border-radius: 0 !important; } .btn-noborder { border-color: transparent !important; background-color: transparent !important; } .btn-noborder i { margin-right: 0; } .btn-noborder.disabled, .btn-noborder[disabled], .btn-noborder fieldset[disabled] .btn-noborder { background-color: transparent !important; } .btn.btn-flyover, fieldset input[type="button"].btn.btn-flyover { margin: 3px 6px; font-weight: 700; width: 3em; } .btn.action-button { padding: 0px; height: 16px; margin: 3px 0px; } .btn.action-button:hover, .btn.action-button:focus { text-decoration: none; } .btn.action-button:focus { outline: none; } .btn.action-button:not(:last-child) { margin-right: 6px; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ /* From Bootstrap v3.0.2 - Nav - Navbar */ .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #999999; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #428bca; } .nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret { border-top-color: #2a6496; border-bottom-color: #2a6496; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { box-sizing: border-box; } .nav-tabs > li { float: left; margin-right: 2px; } .nav-tabs > li > a { line-height: 1.428571429; color: #555; background-color: #ffffff; } .nav-tabs > li.active { border-top: 4px solid var(--hcm-color-theme); } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; cursor: default; font-weight: bold; } .nav-tabs > li.active > a { padding-top: 6px; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: #428bca; } .nav-pills > li.active > a .caret, .nav-pills > li.active > a:hover .caret, .nav-pills > li.active > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .tab-content > .tab-pane { display: none; padding: 12px; } .tab-content > .active { display: block; } .nav .caret { border-top-color: #428bca; border-bottom-color: #428bca; } .nav a:hover .caret { border-top-color: #2a6496; border-bottom-color: #2a6496; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar:before, .navbar:after { content: " "; display: table; } .navbar:after { clear: both; } .navbar:before, .navbar:after { content: " "; display: table; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } .navbar-header:before, .navbar-header:after { content: " "; display: table; } .navbar-header:after { clear: both; } .navbar-header:before, .navbar-header:after { content: " "; display: table; } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { max-height: 340px; overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: auto; } .navbar-collapse .navbar-nav.navbar-left:first-child { margin-left: -15px; } .navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: -15px; } .navbar-collapse .navbar-text:last-child { margin-right: 0; } } .container > .navbar-header, .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media (min-width: 768px) { .navbar > .container .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { float: none; margin-left: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right { left: auto; right: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-text { float: left; margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { margin-left: 15px; margin-right: 15px; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777777; } .navbar-default .navbar-nav > li > a { color: #777777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #dddddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #dddddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #cccccc; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555555; } .navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret { border-top-color: #555555; border-bottom-color: #555555; } .navbar-default .navbar-nav > .dropdown > a .caret { border-top-color: #777777; border-bottom-color: #777777; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #cccccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777777; } .navbar-default .navbar-link:hover { color: #333333; } .navbar-inverse { background-color: #222222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #999999; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: transparent; } .navbar-inverse .navbar-text { color: #999999; } .navbar-inverse .navbar-nav > li > a { color: #999999; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #ffffff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #080808; color: #ffffff; } .navbar-inverse .navbar-nav > .dropdown > a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .navbar-nav > .dropdown > a .caret { border-top-color: #999999; border-bottom-color: #999999; } .navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #999999; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #999999; } .navbar-inverse .navbar-link:hover { color: #ffffff; } hcm-tabset::part(tabheadercontainer) { margin: 3px; } hcm-tabset::part(tabheader) { padding: 10px 15px 10px 15px; } hcm-tabset::part(tabheader):hover { background-color: var(--hcm-color-neutral-lightest); } hcm-tabset::part(tabheader):focus { background-color: #eeeeee; } hcm-tabset::part(tabheaderactive) { border-top: 5px solid var(--hcm-color-theme); padding-top: 5px; font-weight: bold; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ /* From Bootstrap v3.0.2 - Modal */ .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; overflow: auto; overflow-y: scroll; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog { position: relative; z-index: 1050; width: auto; padding: 10px; margin-right: auto; margin-left: auto; top: 250px; } .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color: #000000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { min-height: 16.428571429px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .modal-header .close:hover, .modal-header .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } .modal-header button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-header-primary { color: #fff; padding: 9px 15px; border-bottom: 1px solid #eee; background-color: #4F91CD; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .modal-title { margin: 0; line-height: 1.428571429; } .modal-body { position: relative; padding: 20px; font-size: 12pt; } .modal-footer { padding: 19px 20px 20px; margin-top: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { display: table; content: " "; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } @media screen and (min-width: 768px) { .modal-dialog { width: 600px; padding-top: 30px; padding-bottom: 30px; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } .alert-modal-body { text-align: justify; } .alert-modal-footer .btn:not(:first-child) { margin-left: 3px; } hcm-modal [slot="footer"] .btn:not(:last-child) { margin-right: 6px; } hcm-modal.no-min-width::part(dialog) { min-width: unset; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ /* Ajax Control Toolkit Tabs */ div.ajax__tab_xp .ajax__tab_body { padding: 0; border: none; background-color: Transparent; font-family: 'Roboto', sans-serif; font-size: inherit; } div.formContainer div.ajax__tab_xp.ajax__tab_container { margin: 0; } div.formContainer div.ajax__tab_xp .ajax__tab_body { margin: 0; } div.ajax__tab_xp .ajax__tab_header { background: #FFFFFF; margin: 0 12px; } div.editorContainer div.ajax__tab_xp .ajax__tab_header { margin: 0px; } div.ajax__tab_xp .ajax__tab_header { font-family: 'Roboto', sans-serif; font-size: inherit; } div.ajax__tab_xp .ajax__tab_inner, div.ajax__tab_xp .ajax__tab_outer, div.ajax__tab_xp .ajax__tab_tab { background-image: none !important; font-size: 12px; padding: 0; height: auto; } div.ajax__tab_xp .ajax__tab_tab { padding: 10px; } div.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab { background-color: var(--hcm-color-neutral-lightest); } div.ajax__tab_xp .ajax__tab_active .ajax__tab_tab { border-top: 5px solid var(--hcm-color-theme); font-weight: bold; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ /* Treeview styles */ .treeViewContainer { overflow: auto; margin: 0 12px 12px 12px; border: 1px solid #EEF0EF; padding: 6px; } .laborGroupTreeViewPopup { position: fixed; z-index: 10002; left: 740px; top: 96px; height: 600px; width: 600px; } .dx-treeview-node-container:first-child > li > div:first-child { background-color: #ebecee; font-weight: bold; text-align: left; } .dx-treeview-node-container:first-child > li > div:first-child:hover { background-color: #ebecee; font-weight: bold; } .dx-treeview-node-container:first-child > li > ul > li .dx-treeview-node-is-leaf:first-child { background-color: #ebecee; font-weight: bold; } .dx-treeview-node-container:first-child > li > ul > li .dx-treeview-item:hover { background-color: #ebecee; font-weight: bold; } .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-selected > .dx-treeview-item { background-color: #ffe4a3 !important; } .laborGroupItemSelectedItem > div { background-color: #ffe4a3 !important; } .laborGroupItemSelectedItem > div span { color: black !important; } .treeViewModalContent .treeView-container { max-height: 350px; overflow: auto; text-align: left; } .noneOption { position: absolute; top: 10px; left: 40%; font-size: 12px; color: -webkit-link; } .activeLaborGroupName { color: blue; font-size: 12px; font-weight: bold; margin: 10px; text-align: left; } .treeViewParentCheckboxOptionModal div { background-color: #EBECEE; color: white; padding: 4px 4px 4px 4px; cursor: pointer; min-width: 77px; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ div.electronic-consent-agreement { text-align: justify; } div.electronic-consent-agreement p { margin-top: 12px; margin-bottom: 12px; } div.electronic-consent-agreement .url { text-decoration: underline; } div.electronic-consent-agreement ol.agreement-section { padding-left: 12px; } div.electronic-consent-agreement ol.agreement-section > li { padding-left: 18px; } div.electronic-consent-agreement ol.agreement-section > li::marker { font-size: 14px; font-weight: bold; } div.electronic-consent-agreement div.acceptance-form { padding-left: 30px; } div.electronic-consent-agreement div.acceptance-form label { display: flex; flex-direction: row; align-items: flex-start; } div.electronic-consent-agreement div.acceptance-form label:not(:last-child) { margin-bottom: 6px; } div.electronic-consent-agreement div.acceptance-form label input { margin-top: 2px; flex: 0 0 15px; } div.electronic-consent-agreement div.acceptance-form label span { margin-left: 12px; flex: 1 1 0; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 0 dotted; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider, hcm-dropdown > ul.hcm-dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a, hcm-dropdown > ul.hcm-dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, hcm-dropdown > ul.hcm-dropdown-menu > li > a:hover, hcm-dropdown > ul.hcm-dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, hcm-dropdown > ul.hcm-dropdown-menu > .active > a, hcm-dropdown > ul.hcm-dropdown-menu > .active > a:hover, hcm-dropdown > ul.hcm-dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #428bca; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus, hcm-dropdown > ul.hcm-dropdown-menu > .disabled > a, hcm-dropdown > ul.hcm-dropdown-menu > .disabled > a:hover, hcm-dropdown > ul.hcm-dropdown-menu > .disabled > a:focus { color: #999999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus, hcm-dropdown > ul.hcm-dropdown-menu > .disabled > a:hover, hcm-dropdown > ul.hcm-dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: var(--hcm-color-neutral-med); } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0 dotted; border-bottom: 4px solid #000000; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } } .btn-default .caret { border-top-color: #7687a7; } .btn-primary .caret, .btn-secondary .caret { border-top-color: #fff; margin-left: 3px; } .dropup .btn-default .caret { border-bottom-color: #7687a7; } .dropup .btn-primary .caret { border-bottom-color: #fff; } .dropdown-item { display: block; padding: 0px 12px; height: 16px; margin: 3px 0px; width: 100%; text-align: left; } .dropdown-item:hover { background-color: #E7F0F9; text-decoration: none; } .dropdown-item:focus { text-decoration: none; outline: none; } .dropdown-item i.dropdown-item-icon { width: 12px; } .dropdown-trigger { padding: 0px; height: 16px; margin: 3px 0px; } .dropdown-trigger:hover, .dropdown-trigger:focus { text-decoration: none; } .dropdown-trigger:focus { outline: none; } hcm-dropdown .dropdown-item { padding: 0px 0px; } hcm-dropdown > ul.hcm-dropdown-menu { list-style-type: none; padding-inline-start: 0px; margin-block-start: 0px; margin-block-end: 0px; } .dx-datagrid-rowsview .dx-row > td.actionCell { overflow: visible; } .dx-datagrid-rowsview .dx-row > td.actionCell .dropdown { display: inline; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: 0px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > .dropdown-submenu-trigger:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #89898a; margin-top: 2px; margin-right: -6px; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ .table-view .table-view-header { text-align: left; } .table-view .table-view-column { min-width: 100px; padding: 0px 6px; line-height: 22px; } .table-view .table-view-column.center { text-align: center; } .table-view .table-view-column .validationMessage { line-height: 12px; } .table-view .table-view-column .prevent-wrap { width: 100px; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } .table-view .table-view-column span.prevent-wrap { display: block; } .table-view .table-view-column input:not(.dx-texteditor-input), .table-view .table-view-column span.dx-textbox, .table-view .table-view-column select { width: 100px; } .table-view .table-view-column input:not(.dx-texteditor-input).calendar, .table-view .table-view-column span.dx-textbox.calendar, .table-view .table-view-column select.calendar { width: 84px; } .table-view .table-view-column label { white-space: nowrap; } .table-view .table-view-column.action-column { text-align: center; } .table-view .table-view-column.wide { min-width: 200px; } .table-view .table-view-column.wide .prevent-wrap { width: 200px; } .table-view .table-view-column.wide input:not(.dx-texteditor-input), .table-view .table-view-column.wide span.dx-textbox, .table-view .table-view-column.wide select { width: 200px; } .table-view .table-view-column.wide input:not(.dx-texteditor-input).calendar, .table-view .table-view-column.wide span.dx-textbox.calendar, .table-view .table-view-column.wide select.calendar { width: 184px; } .table-view .table-view-column.widest { min-width: 300px; } .table-view .table-view-column.widest .prevent-wrap { width: 300px; } .table-view .table-view-column.widest input:not(.dx-texteditor-input), .table-view .table-view-column.widest span.dx-textbox, .table-view .table-view-column.widest select { width: 300px; } .table-view .table-view-column.widest input:not(.dx-texteditor-input).calendar, .table-view .table-view-column.widest span.dx-textbox.calendar, .table-view .table-view-column.widest select.calendar { width: 284px; } .table-view .table-view-column.small { min-width: 50px; } .table-view .table-view-column.small .prevent-wrap { width: 50px; } .table-view .table-view-column.small input:not(.dx-texteditor-input), .table-view .table-view-column.small span.dx-textbox, .table-view .table-view-column.small select { width: 50px; } .table-view .table-view-column.small input:not(.dx-texteditor-input).calendar, .table-view .table-view-column.small span.dx-textbox.calendar, .table-view .table-view-column.small select.calendar { width: 34px; } [draggable="true"] { transform: translate(0, 0); z-index: 0; } .empty-table-view { margin-bottom: 12px; font-style: italic; } .table-view-add-new-container { margin-top: 6px; margin-left: 6px; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ /* Components and styles for views with with high information density */ .dataview-heading { padding: 0 0 6px 0; color: #01316c; font-weight: bold; font-size: 16px; } .dataview-table { width: 100%; margin-bottom: 18px; } .dataview-table tbody { border-bottom: 1px solid #cacaca; border-top: 1px solid #cacaca; } .dataview-table .dataview-table-caption { caption-side: top; text-align: left; padding-bottom: 6px; color: #01316c; font-weight: bold; font-size: 16px; } .dataview-table tr { border-bottom: 1px dotted #cacaca; } .dataview-table th, .dataview-table td { font-size: 11px; padding: 3px; } .dataview-table tr:last-child { border-bottom: 0; } .dataview-table th { text-align: left; vertical-align: top; color: #636363; } .dataview-table .col-numeric, .dataview-table .col-numeric td { text-align: right; padding-right: 6px; } .dataview-table .col-shaded { background-color: #f5f5f5; } .dataview-table thead th { background-color: #fff !important; } .dataview-table--numericdata td, .dataview-table--numericdata thead th { text-align: right; padding-right: 6px; } .dataview-table--noborders tbody { border: 0; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ .card-container { display: flex; flex-wrap: wrap; } .card-container .card { flex: 0 0 150px; padding: 12px; margin: 12px; box-shadow: 0px 0px 12px #cacaca; text-align: center; height: 175px; display: flex; flex-direction: column; justify-content: center; cursor: pointer; flex-flow: column; } .card-container .card.field-card { flex: 1; flex-flow: row wrap; flex-basis: 45%; text-align: left; padding-top: 12px; cursor: default; justify-content: flex-start; overflow: auto; min-width: 600px; position: relative; } .card-container .card.auto-size-card { height: auto; min-width: auto; } .card-container .card.tall-card { height: 200px; } .card-container .card.taller-card { height: 275px; } .card-container .card.pink-border { border-left: 4px solid; border-left-color: #e28cb7; } .card-container .card.theme-border { border-left: 4px solid; border-left-color: var(--hcm-color-theme); } .card-container .card:hover:not(.field-card) { background-color: #f4f6f9; } .card-container .card.selected { background-color: #E7F0F9; } .card-container .card.selected:hover { background-color: #E7F0F9; } .card-container .card.disabled { cursor: default; opacity: 0.5; background-color: #e0e0e0; box-shadow: none; } .card-container .card .card-icon { padding-bottom: 24px; font-size: 1.25em; } .card-container .card .card-title { font-weight: bold; } .card-container .card .card-text { text-align: center; } .card-container .card legend { padding-top: 0; padding-bottom: 12px; font-size: 14px; } .card-container .card .info-icon { position: absolute; top: 18px; right: 12px; } .card-container .card .full-width { width: 100% !important; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ .alert-container { margin-top: 18px; margin-left: 12px; } .alert-container .alert { display: inline-block; background-color: #f4f6f9; padding: 12px; box-shadow: 0px 0px 12px #cacaca; cursor: pointer; } .alert-container .alert .fal.fa-exclamation-triangle { color: #e4292a; margin-right: 12px; vertical-align: middle; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ .focus-view-grid.single-line .dx-data-row .dx-datagrid-group-opened::before { margin-top: 0; } .focus-view-grid.single-line .dx-data-row .dx-datagrid-group-closed::before { margin-top: 0; } .focus-view-grid .dx-data-row .dx-datagrid-group-opened::before { transform: rotate(90deg); content: "\f054"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin-left: 8px; color: var(--hcm-color-action-med); display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-top: 12px; } .focus-view-grid .dx-data-row .dx-datagrid-group-closed::before { content: "\f054"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin-left: 8px; color: var(--hcm-color-action-med); display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-top: 12px; } .focus-view-grid .dx-master-detail-row .details-container h3.card-header { margin: 0; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card { display: flex; flex-direction: column; box-shadow: 0px 3px 10px #aaaaaa; border-radius: 6px; padding: 6px 12px 6px 12px; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section { padding: 12px 0px 12px 12px; margin-right: 12px; display: flex; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section:not(:last-child) { margin-bottom: 12px; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section:not(:last-child):not(.no-separator) { border-bottom: 1px solid #e0e0e0; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-header { flex: 0 0 200px; font-weight: bold; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .header-item { color: #89898a; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-columns { display: flex; flex-direction: row; flex-wrap: wrap; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-columns .section-column { flex: 1 1 auto; display: flex; flex-direction: column; flex-wrap: wrap; margin: 0px 12px 6px 12px; min-width: 100px; max-width: 200px; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-columns .section-column.wide { max-width: 250px; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-columns .section-column.wider { max-width: 300px; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-columns .section-column.widest { max-width: 400px; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-columns .section-column .section-data-row.inactive { color: red; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-columns .section-column .value-item { text-overflow: ellipsis; overflow: hidden; max-width: inherit; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-columns .section-column .value-item * { text-overflow: ellipsis; overflow: hidden; max-width: inherit; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-columns .section-column .value-item-wrap { white-space: normal; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-rows { display: flex; flex-direction: column; flex: auto; min-width: 0px; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-rows .section-row { display: flex; flex-direction: row; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-rows .section-row * { text-overflow: ellipsis; overflow: hidden; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-rows .section-row .value-item, .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-rows .section-row .header-item { margin: 0px 12px 6px 12px; flex: 1; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-rows .section-row .value-item.inactive, .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-rows .section-row .header-item.inactive { color: red; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-rows .section-row .value-item.wide, .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-rows .section-row .header-item.wide { flex: 1.5; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-rows .section-row .value-item.wider, .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-rows .section-row .header-item.wider { flex: 2; } .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-rows .section-row .value-item.widest, .focus-view-grid .dx-master-detail-row .details-container div.detail-card .card-section .section-rows .section-row .header-item.widest { flex: 2.5; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ .card-column-dashboard { display: flex; flex-direction: row; flex-wrap: nowrap; max-width: 1000px; } .card-column-dashboard .dashboard-column { padding: 12px; } .card-column-dashboard .dashboard-column .column-header { margin: 0; color: #01316c; } .card-column-dashboard .dashboard-column ul { list-style: none; padding: 0; } .card-column-dashboard .dashboard-column ul .btn-card { border: none; background-color: #ffffff; padding: 12px; box-shadow: 0px 0px 12px #cacaca; text-align: center; height: 75px; min-width: 200px; width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; cursor: pointer; font-size: 16px; margin-bottom: 12px; } .card-column-dashboard .dashboard-column ul .btn-card:hover { background-color: #f4f6f9; } .card-column-dashboard .dashboard-column ul .btn-card.btn-icon-card .icon { margin-right: 12px; color: #01316c; } .card-column-dashboard .dashboard-column ul .btn-card.details-card { padding: 6px 12px 6px 6px; } .card-column-dashboard .dashboard-column ul .btn-card.details-card div.details { display: flex; flex-flow: column; padding-top: 6px; height: 100%; width: 100%; border-left: 5px solid; padding-left: 12px; text-align: left; } .card-column-dashboard .dashboard-column ul .btn-card.details-card div.details.green-border { border-left-color: #39B54A; } .card-column-dashboard .dashboard-column ul .btn-card.details-card div.details.yellow-border { border-left-color: #fccc1b; } .card-column-dashboard .dashboard-column ul .btn-card.details-card div.details.blue-border { border-left-color: #1870c9; } .card-column-dashboard .dashboard-column ul .btn-card.details-card div.details.red-border { border-left-color: #e4292a; } .card-column-dashboard .dashboard-column ul .btn-card.details-card div.details.orange-border { border-left-color: #e89138; } .card-column-dashboard .dashboard-column ul .btn-card.details-card div.details .header { align-self: flex-start; } .card-column-dashboard .dashboard-column ul .btn-card.details-card div.details .align-right { align-self: flex-end; } .card-column-dashboard .dashboard-column ul .btn-card.details-card div.details .detail { font-size: 12px; } .card-column-dashboard .dashboard-column ul .btn-card.details-card div.details .date-text { font-weight: bold; } .card-column-dashboard .dashboard-column ul .btn-card.details-card div.details .red-text { color: #e4292a; } .card-column-dashboard .dashboard-column ul .btn-card.details-card div.details .orange-text { color: #e89138; } .card-column-dashboard .dashboard-column ul .btn-card.details-card div.details .green-text { color: #39B54A; } .card-column-dashboard .dashboard-column ul .btn-card.details-card div.details .fixed-width-text { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 300px; } .card-column-dashboard .dashboard-column ul .btn-card.fixed-width-card { width: 325px; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ div.bulk-update-tooltip div.tooltip-header { width: 220px; margin: 0 -17px; font-size: 16px; font-weight: 700; padding-bottom: 12px; border-bottom: 1px solid #cacaca; } div.bulk-update-tooltip div.radio-options { text-align: left; padding: 12px 0; } div.bulk-update-tooltip div.radio-options .radio-option { display: flex; align-items: center; font-size: 12px; } div.bulk-update-tooltip div.radio-options p.textbox-container { padding-left: 18px; } div.bulk-update-tooltip .btn { width: 135px; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ .filter-parameters-tooltip div.tooltip-header { margin: 0 -17px; font-size: 16px; font-weight: 700; padding-bottom: 12px; border-bottom: 1px solid #cacaca; } .filter-parameters-tooltip div.tooltip-details { font-size: 12px; color: #292929; text-align: left; display: flex; margin-right: -17px; } .filter-parameters-tooltip div.tooltip-details .additional-info-container { flex: 0 0 350px; } .filter-parameters-tooltip div.tooltip-details .additional-info-container .additional-info-details-container .section-header { font-weight: 700; margin-top: 6px; margin-bottom: 6px; color: #01316c; } .filter-parameters-tooltip div.tooltip-details .additional-info-container .additional-info-details-container .section-details-container { margin-left: 6px; } .filter-parameters-tooltip div.tooltip-details .additional-info-container .additional-info-details-container .section-details-container .detail-label { display: inline-block; width: 100px; vertical-align: top; margin-right: 3px; } .filter-parameters-tooltip div.tooltip-details .additional-info-container .additional-info-details-container .section-details-container .detail-value { display: inline-block; font-weight: 700; width: 217px; vertical-align: top; } .filter-parameters-tooltip div.tooltip-details .additional-info-container .additional-info-details-container .section-details-container .detail-value p { text-overflow: ellipsis; overflow: hidden; } .filter-parameters-tooltip div.tooltip-details .additional-info-container .additional-info-details-container .section-details-container .detail-value p.pay-group { font-weight: 400; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ .active-inactive-switch .dx-switch-handle { height: 24px; } .active-inactive-switch .dx-switch-container { border: 1px solid #cacaca; width: 100px; cursor: pointer; height: 28px; } .active-inactive-switch .dx-field-item-content { height: 25px; } .active-inactive-switch .dx-switch-on, .active-inactive-switch .dx-switch-off { font-size: 14px; font-weight: normal; color: #292929; text-align: center; transition: margin 100ms; height: 20px; margin-top: 6px; margin-bottom: 6px; } .active-inactive-switch[aria-pressed=true] .dx-switch-handle::before { background-color: #39B54A; } .active-inactive-switch[aria-pressed=true].dx-state-focused .dx-switch-handle::before { background-color: #39B54A; } .active-inactive-switch[aria-pressed=true].dx-state-hover .dx-switch-handle::before { background-color: #39B54A; } .active-inactive-switch[aria-pressed=false] .dx-switch-handle::before { background-color: #cacaca; } .active-inactive-switch[aria-pressed=false].dx-state-focused .dx-switch-handle::before { background-color: #cacaca; } .active-inactive-switch[aria-pressed=false].dx-state-hover .dx-switch-handle::before { background-color: #cacaca; } .grid-stack { border: 1px dashed black; border-radius: 3px; } .grid-stack.grid-stack-static { border: none; } .grid-stack .grid-stack-item-content { border-radius: 3px; padding: 12px; box-shadow: 0px 0px 12px #cacaca; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ #MyAccountModal::part(dialogbody) { max-height: unset; } #MyAccountModal::part(dialog) { max-height: calc(100% - 100px); min-height: 0px; width: 412px; min-width: unset; max-width: unset; display: flex; flex-direction: column; } #MyAccountSaveResultsModal::part(dialog) { min-width: unset; max-width: unset; width: 385px; } #MyAccountSaveResultsModal .status-result:not(:first-child) { margin-top: 12px; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ #UserPreferencesModal::part(dialogbody) { max-height: unset; } #UserPreferencesModal::part(dialog) { max-height: calc(100% - 100px); min-height: 0px; width: 412px; min-width: unset; max-width: unset; display: flex; flex-direction: column; } #UserPreferencesSaveResultsModal::part(dialog) { min-width: unset; max-width: unset; width: 385px; } #UserPreferencesSaveResultsModal .status-result:not(:first-child) { margin-top: 12px; } /* IMPORTANT: Refer to our Style Guide for guidance on colors */ hcm-dropdown.lookup-dropdown::part(dropdown) { padding: 0px; } .lookup-listcontainer { padding: 12px; text-align: left; max-height: 200px; overflow-y: auto; } .lookup-listcontainer .lookup-item { padding: 2px 0px; } .lookup-listcontainer .lookup-item:hover, .lookup-listcontainer .lookup-item.selected { background-color: #0f23b6; color: #ffffff; } .lookup-listcontainer .lookup-error { font-style: italic; } .datepicker-container { display: none; position: absolute; z-index: 1000; top: 0px; left: 0px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); } .datepicker-container.open { display: block; } .datepicker-container .dx-calendar { min-width: unset; } .datepicker-container .dx-calendar.dx-calendar-with-footer { min-height: 210px; } .datepicker-container .dx-calendar.dx-calendar-with-footer .dx-calendar-body { top: 30px; bottom: 20px; } .datepicker-container .dx-calendar.dx-calendar-with-footer .dx-calendar-footer { height: 20px; } .datepicker-container .dx-calendar .dx-calendar-caption-button { font-size: 12px; } .datepicker-container .dx-calendar .dx-calendar-cell { width: unset; }