/* Minification failed. Returning unminified contents. (177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (270,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (274,28): run-time error CSS1039: Token not allowed after unary operator: '-ctr-bg-color' (275,17): run-time error CSS1039: Token not allowed after unary operator: '-ctr-color' (285,28): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (286,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (290,32): run-time error CSS1039: Token not allowed after unary operator: '-red-hover-color' (294,28): run-time error CSS1039: Token not allowed after unary operator: '-red-hover-color' (295,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (299,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (303,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (304,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (308,32): run-time error CSS1039: Token not allowed after unary operator: '-red-hover-color' (309,21): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (313,28): run-time error CSS1039: Token not allowed after unary operator: '-red-hover-color' (314,17): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (318,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (321,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (326,28): run-time error CSS1039: Token not allowed after unary operator: '-orange-color' (327,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (331,32): run-time error CSS1039: Token not allowed after unary operator: '-orange-hover-color' (335,28): run-time error CSS1039: Token not allowed after unary operator: '-orange-hover-color' (336,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (340,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (341,17): run-time error CSS1039: Token not allowed after unary operator: '-orange-color' (345,32): run-time error CSS1039: Token not allowed after unary operator: '-orange-hover-color' (346,21): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (350,28): run-time error CSS1039: Token not allowed after unary operator: '-orange-hover-color' (351,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (356,28): run-time error CSS1039: Token not allowed after unary operator: '-lightblue-color' (357,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (361,32): run-time error CSS1039: Token not allowed after unary operator: '-lightblue-hover-color' (365,28): run-time error CSS1039: Token not allowed after unary operator: '-lightblue-hover-color' (366,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (370,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (371,17): run-time error CSS1039: Token not allowed after unary operator: '-lightblue-color' (375,32): run-time error CSS1039: Token not allowed after unary operator: '-lightblue-hover-color' (376,21): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (380,28): run-time error CSS1039: Token not allowed after unary operator: '-lightblue-hover-color' (381,17): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (386,28): run-time error CSS1039: Token not allowed after unary operator: '-purple-color' (387,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (391,32): run-time error CSS1039: Token not allowed after unary operator: '-purple-hover-color' (395,28): run-time error CSS1039: Token not allowed after unary operator: '-purple-hover-color' (396,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (400,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (401,17): run-time error CSS1039: Token not allowed after unary operator: '-purple-color' (405,32): run-time error CSS1039: Token not allowed after unary operator: '-purple-hover-color' (406,21): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (410,28): run-time error CSS1039: Token not allowed after unary operator: '-purple-hover-color' (411,17): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (416,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color' (417,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (421,32): run-time error CSS1039: Token not allowed after unary operator: '-green-hover-color' (425,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (426,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color' (431,32): run-time error CSS1039: Token not allowed after unary operator: '-green-hover-color' (432,21): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (436,28): run-time error CSS1039: Token not allowed after unary operator: '-green-hover-color' (437,17): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (442,28): run-time error CSS1039: Token not allowed after unary operator: '-pink-color' (443,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (447,32): run-time error CSS1039: Token not allowed after unary operator: '-pink-hover-color' (451,28): run-time error CSS1039: Token not allowed after unary operator: '-pink-hover-color' (452,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (456,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (460,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey-color' (461,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (465,32): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey-hover-color' (469,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey-hover-color' (470,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (474,28): run-time error CSS1039: Token not allowed after unary operator: '-dirtygrey-color' (475,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (479,32): run-time error CSS1039: Token not allowed after unary operator: '-dirtygrey-hover-color' (483,28): run-time error CSS1039: Token not allowed after unary operator: '-dirtygrey-hover-color' (484,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (489,28): run-time error CSS1039: Token not allowed after unary operator: '-dirtygrey-color' (490,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (494,32): run-time error CSS1039: Token not allowed after unary operator: '-dirtygrey-hover-color' (498,28): run-time error CSS1039: Token not allowed after unary operator: '-dirtygrey-hover-color' (499,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (503,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey-color' (504,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (508,32): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey-hover-color' (512,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey-hover-color' (513,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (517,28): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-color' (518,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (522,32): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-hover-color' (526,28): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-hover-color' (527,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (531,28): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-color' (532,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (536,32): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-hover-color' (540,28): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (541,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (545,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (546,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (550,32): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-hover-color' (551,21): run-time error CSS1039: Token not allowed after unary operator: '-red-hover-color' (555,28): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-hover-color' (556,17): run-time error CSS1039: Token not allowed after unary operator: '-red-hover-color' (561,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (562,17): run-time error CSS1039: Token not allowed after unary operator: '-darkgrey-color' (566,32): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (570,28): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (571,17): run-time error CSS1039: Token not allowed after unary operator: '-darkgrey-color' (575,28): run-time error CSS1039: Token not allowed after unary operator: '-darkorange-color' (576,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (580,32): run-time error CSS1039: Token not allowed after unary operator: '-darkorange-hover-color' (584,28): run-time error CSS1039: Token not allowed after unary operator: '-darkorange-hover-color' (585,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (589,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (590,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (594,32): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (598,28): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (599,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (603,32): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (604,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (608,28): run-time error CSS1039: Token not allowed after unary operator: '-darkgrey-color' (609,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (613,32): run-time error CSS1039: Token not allowed after unary operator: '-darkgrey-hover-color' (617,28): run-time error CSS1039: Token not allowed after unary operator: '-darkgrey-hover-color' (618,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (622,28): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-color' (623,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (627,32): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-hover-color' (631,28): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-hover-color' (632,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (636,28): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-color' (637,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (641,32): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-hover-color' (645,28): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-hover-color' (646,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (652,28): run-time error CSS1039: Token not allowed after unary operator: '-lightbrown-color' (653,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (657,32): run-time error CSS1039: Token not allowed after unary operator: '-lightbrown-hover-color' (661,28): run-time error CSS1039: Token not allowed after unary operator: '-lightbrown-hover-color' (662,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (666,28): run-time error CSS1039: Token not allowed after unary operator: '-lightbrown-color' (667,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (671,32): run-time error CSS1039: Token not allowed after unary operator: '-lightbrown-hover-color' (675,28): run-time error CSS1039: Token not allowed after unary operator: '-lightbrown-hover-color' (676,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (682,28): run-time error CSS1039: Token not allowed after unary operator: '-enq-bg-color' (683,17): run-time error CSS1039: Token not allowed after unary operator: '-enq-color' (686,28): run-time error CSS1039: Token not allowed after unary operator: '-enq-bg-light-color' (687,17): run-time error CSS1039: Token not allowed after unary operator: '-enq-light-color' (691,17): run-time error CSS1039: Token not allowed after unary operator: '-enq-text-color' (694,28): run-time error CSS1039: Token not allowed after unary operator: '-enq-bg-color' (698,28): run-time error CSS1039: Token not allowed after unary operator: '-obk-bg-color' (699,17): run-time error CSS1039: Token not allowed after unary operator: '-obk-color' (703,28): run-time error CSS1039: Token not allowed after unary operator: '-obk-bg-light-color' (704,17): run-time error CSS1039: Token not allowed after unary operator: '-obk-light-color' (710,17): run-time error CSS1039: Token not allowed after unary operator: '-obk-text-color' (714,28): run-time error CSS1039: Token not allowed after unary operator: '-nwb-bg-color' (715,17): run-time error CSS1039: Token not allowed after unary operator: '-nwb-color' (719,28): run-time error CSS1039: Token not allowed after unary operator: '-nwb-bg-color' (723,28): run-time error CSS1039: Token not allowed after unary operator: '-nwb-bg-light-color' (729,17): run-time error CSS1039: Token not allowed after unary operator: '-nwb-text-color' (733,28): run-time error CSS1039: Token not allowed after unary operator: '-ins-bg-color' (734,17): run-time error CSS1039: Token not allowed after unary operator: '-ins-color' (738,17): run-time error CSS1039: Token not allowed after unary operator: '-ins-text-color' (742,28): run-time error CSS1039: Token not allowed after unary operator: '-svc-bg-color' (743,17): run-time error CSS1039: Token not allowed after unary operator: '-svc-color' (747,28): run-time error CSS1039: Token not allowed after unary operator: '-svc-bg-light-color' (752,17): run-time error CSS1039: Token not allowed after unary operator: '-svc-text-color' (756,28): run-time error CSS1039: Token not allowed after unary operator: '-prd-bg-color' (757,17): run-time error CSS1039: Token not allowed after unary operator: '-prd-color' (760,28): run-time error CSS1039: Token not allowed after unary operator: '-prd-bg-light-color' (766,17): run-time error CSS1039: Token not allowed after unary operator: '-prd-text-color' (770,28): run-time error CSS1039: Token not allowed after unary operator: '-rep-bg-color' (771,17): run-time error CSS1039: Token not allowed after unary operator: '-rep-color' (775,17): run-time error CSS1039: Token not allowed after unary operator: '-rep-text-color' (779,28): run-time error CSS1039: Token not allowed after unary operator: '-adm-bg-color' (780,17): run-time error CSS1039: Token not allowed after unary operator: '-adm-color' (783,28): run-time error CSS1039: Token not allowed after unary operator: '-adm-bg-light-color' (784,17): run-time error CSS1039: Token not allowed after unary operator: '-adm-color' (789,17): run-time error CSS1039: Token not allowed after unary operator: '-adm-text-color' (793,28): run-time error CSS1039: Token not allowed after unary operator: '-arc-bg-color' (794,17): run-time error CSS1039: Token not allowed after unary operator: '-arc-color' (798,17): run-time error CSS1039: Token not allowed after unary operator: '-arc-text-color' (802,28): run-time error CSS1039: Token not allowed after unary operator: '-sys-bg-color' (803,17): run-time error CSS1039: Token not allowed after unary operator: '-sys-color' (807,17): run-time error CSS1039: Token not allowed after unary operator: '-sys-text-color' (811,28): run-time error CSS1039: Token not allowed after unary operator: '-hlp-bg-color' (812,17): run-time error CSS1039: Token not allowed after unary operator: '-hlp-color' (816,17): run-time error CSS1039: Token not allowed after unary operator: '-hlp-text-color' (820,28): run-time error CSS1039: Token not allowed after unary operator: '-usr-bg-color' (821,17): run-time error CSS1039: Token not allowed after unary operator: '-usr-color' (825,17): run-time error CSS1039: Token not allowed after unary operator: '-usr-text-color' (829,28): run-time error CSS1039: Token not allowed after unary operator: '-usr-bg-color' (830,17): run-time error CSS1039: Token not allowed after unary operator: '-orange-color' (835,28): run-time error CSS1039: Token not allowed after unary operator: '-enq-bg-color' (839,28): run-time error CSS1039: Token not allowed after unary operator: '-obk-bg-color' (843,28): run-time error CSS1039: Token not allowed after unary operator: '-nwb-bg-color' (847,28): run-time error CSS1039: Token not allowed after unary operator: '-ins-bg-color' (851,28): run-time error CSS1039: Token not allowed after unary operator: '-svc-bg-color' (855,28): run-time error CSS1039: Token not allowed after unary operator: '-prd-bg-color' (859,28): run-time error CSS1039: Token not allowed after unary operator: '-rep-bg-color' (863,28): run-time error CSS1039: Token not allowed after unary operator: '-adm-bg-color' (867,28): run-time error CSS1039: Token not allowed after unary operator: '-arc-bg-color' (871,28): run-time error CSS1039: Token not allowed after unary operator: '-sys-bg-color' (875,28): run-time error CSS1039: Token not allowed after unary operator: '-hlp-bg-color' (879,28): run-time error CSS1039: Token not allowed after unary operator: '-usr-bg-color' (883,28): run-time error CSS1039: Token not allowed after unary operator: '-usr-bg-color' (887,17): run-time error CSS1039: Token not allowed after unary operator: '-ctr-bg-color' (888,28): run-time error CSS1039: Token not allowed after unary operator: '-ctr-color' (889,24): run-time error CSS1039: Token not allowed after unary operator: '-usr-bg-color' (893,32): run-time error CSS1039: Token not allowed after unary operator: '-ctr-bg-color' (897,21): run-time error CSS1039: Token not allowed after unary operator: '-ctr-bg-color' (942,25): run-time error CSS1039: Token not allowed after unary operator: '-page-nav-color' (947,25): run-time error CSS1039: Token not allowed after unary operator: '-page-nav-color' (952,29): run-time error CSS1039: Token not allowed after unary operator: '-page-nav-color' (1088,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (1252,17): run-time error CSS1039: Token not allowed after unary operator: '-nwb-bg-color' (1255,22): run-time error CSS1039: Token not allowed after unary operator: '-nwb-bg-color' (1289,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' */ * { margin: 0; padding: 0; } body { font-family: "Lato", sans-serif; font-size: 14px; height: 100% } .error-border { border: 5px solid red; } body.error-border::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid red; pointer-events: none; box-sizing: border-box; z-index: 9999; } .ctr-fixed-top { position: fixed; top: 0; right: 0; left: 250px; z-index: 1030; } #siteMenu { height: 100%; width: 250px; position: fixed; z-index: 1; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; -ms-overflow-style: none; /*IE 10+*/ scrollbar-width: none; /*Firefox*/ } #siteMenu::-webkit-scrollbar { display: none; /*Safari and Chrome*/ } #siteContent { margin-left: 250px; /* Same as the width of the sidenav */ font-size: 1em; /* Increased text to enable scrolling */ } /*page-wrapper*/ #pageContent { margin-top: 70px; } #helpPageContent { margin-top: 58px; } /*page-nav-wrapper*/ #pageNavigation { padding-top: 6px; margin-bottom: 5px; background-color: #eee; height: 35px; } /*page-content*/ #pageSubContent { padding: 0 5px; } /*side-content*/ #subContentSide { height: calc(100vh - 120px); overflow-x: hidden; overflow-y: scroll; padding-right: 5px; flex: 1; } #helpContentSide { height: calc(100vh - 120px); overflow-x: hidden; overflow-y: scroll; padding-left: 10px; flex: 1; -ms-overflow-style: none; /*IE 10+*/ scrollbar-width: none; /*Firefox*/ } #helpContentSide::-webkit-scrollbar { display: none; /*Safari and Chrome*/ } /*main-content*/ #subContentScroll { height: calc(100vh - 190px); overflow-x: hidden; overflow-y: auto; flex: 4; -ms-overflow-style: none; /*IE 10+*/ scrollbar-width: none; /*Firefox*/ } #subContentScroll::-webkit-scrollbar { display: none; /*Safari and Chrome*/ } #subContentScroll.footer { height: calc(100vh - 230px); } #subContentScroll.splitpage { height: calc(100vh - 120px); overflow-x: hidden; overflow-y: scroll; padding: 0 5px } #helpContentScroll { height: calc(100vh - 220px); overflow-x: hidden; overflow-y: auto; flex: 8; left: 10px; } #dashboard { /*min-height: 200px;*/ } .tableFilterInput { /*background-image: url('/images/searchicon.png');*/ /* Add a search icon to input */ /*background-position: 10px 12px;*/ /* Position the search icon */ /*background-repeat: no-repeat;*/ /* Do not repeat the icon image */ width: 100%; /* Full-width */ font-size: 1.2em; /* Increase font-size */ font-weight: bold; /* Increase font-size */ padding: 12px 20px 12px 10px; /* Add some padding */ /*border: 1px solid #ddd;*/ /* Add a grey border */ /*margin-bottom: 12px;*/ /* Add some space below the input */ /*margin-top: 10px;*/ } .tableLegend { min-height: 26px; margin-bottom: 0; padding: 0; padding-bottom: 0; } .canvasjs-chart-container > canvas:first-of-type { position: relative !important; } .quickHelp { display: none; position: sticky; top: 5%; left: 50%; transform: translate(-50%, -50%); z-index: 999; width: 50%; } .quickHelpModal { display: none; } :root { --ctr-bg-color: #101942; --ctr-color: #e4e4e4; --page-nav-color: #000; /*AREA COLOURS*/ /*New Business*/ --enq-bg-light-color: #1e7552; --enq-light-color: #fff; --enq-bg-color: #155a3e; --enq-text-color: #155a3e; --enq-color: #fff; /*Order Book*/ --obk-bg-light-color: #754b8d; --obk-light-color: #fff; --obk-bg-color: #42185a; --obk-text-color: #42185a; --obk-color: #fff; /*New Build*/ --nwb-bg-color: #ce9741; --nwb-bg-light-color: #ffca74; --nwb-text-color: #ce9741; --nwb-color: #fff; --nwb-light-color: #4d4d4d; /*Installations*/ --ins-bg-color: #bab022; --ins-text-color: #bab022; --ins-color: #fff; /*Service Calls*/ --svc-bg-color: #27425a; --svc-bg-light-color: #425f78; --svc-text-color: #27425a; --svc-color: #fff; /*Product Orders*/ --prd-bg-color: #999; --prd-bg-light-color: #ccc; --prd-text-color: #999; --prd-color: #fff; /*Reports*/ --rep-bg-color: #475dad; --rep-text-color: #475dad; --rep-color: #fff; /*Administration*/ --adm-bg-color: #6f2f15; --adm-bg-light-color: #8a4e37; --adm-text-color: #6f2f15; --adm-color: #fff; /*Archive*/ --arc-bg-color: #000; --arc-text-color: #000; --arc-color: #fff; /*System Admin*/ --sys-bg-color: #de0000; --sys-text-color: #de0000; --sys-color: #fff; /*Help*/ --hlp-bg-color: #4fa24f; --hlp-text-color: #6f2f15; --hlp-color: #fff; /*User*/ --usr-bg-color: #588784; --usr-text-color: #588784; --usr-color: #fff; /*STATE COLOURS*/ --red-color: #d9534f; --red-hover-color: #ed5955; --orange-color: #f8a617; --orange-hover-color: #feba44; --darkorange-color: #ff6a00; --darkorange-hover-color: #ff9d33; --lightblue-color: #85c1d2; --lightblue-hover-color: #93d1e2; --purple-color: #8349c9; --purple-hover-color: #9a59e9; --green-color: #719a65; --green-hover-color: #83b075; --pink-color: #d12676; --pink-hover-color: #d34085; --lightgrey-color: #e2e2e2; --lightgrey-hover-color: #ebebeb; --dirtygrey-color: #b8a9b9; --dirtygrey-hover-color: #d2c0d3; --darkgrey-color: #999; --darkgrey-hover-color: #aaa; --lightyellow-color: #f5ecae; --lightyellow-hover-color: #f5ecae; --white-color: #fff; --white-hover-color: #fafafa; --black-color: #000; --black-hover-color: #2f2f2f; --lightbrown-color: #704432; --lightbrown-hover-color: #76381f; } .red-text { color: var(--red-color); } .ctr { background-color: var(--ctr-bg-color); color: var(--ctr-color); } /*STATE CLASSES*/ /*****OUT OF TARGET*****/ .oot-firstrow { } .oot { background-color: var(--red-color) !important; color: var(--white-color); } .oot:hover { background-color: var(--red-hover-color); } .table-hover > tbody > tr.oot:hover { background-color: var(--red-hover-color); color: var(--white-color); } .table-hover > tbody > tr.oot > td > span.text-danger { color: var(--white-color) !important; } /*****OUT OF TARGET SIMPLE*****/ .oots { background-color: var(--white-color); color: var(--red-color); } .oots:hover { background-color: var(--red-hover-color); color: var(--white-hover-color); } .table-hover > tbody > tr.oots:hover { background-color: var(--red-hover-color); color: var(--white-hover-color); } .table-hover > tbody > tr.oots > td > span.text-danger { color: var(--red-color) !important; } .table-hover > tbody > tr.oots:hover > td > span.text-danger { color: var(--white-color) !important; } /*****WARNING*****/ .war { background-color: var(--orange-color); color: var(--white-color); } .war:hover { background-color: var(--orange-hover-color); } .table-hover > tbody > tr.war:hover { background-color: var(--orange-hover-color); color: var(--white-color); } /*****WARNING SIMPLE*****/ .wars { background-color: var(--white-color); color: var(--orange-color); } .wars:hover { background-color: var(--orange-hover-color); color: var(--white-hover-color); } .table-hover > tbody > tr.wars:hover { background-color: var(--orange-hover-color); color: var(--white-color); } /*****APPOINTMENT*****/ .app { background-color: var(--lightblue-color); color: var(--white-color); } .app:hover { background-color: var(--lightblue-hover-color); } .table-hover > tbody > tr.app:hover { background-color: var(--lightblue-hover-color); color: var(--white-color); } /*****APPOINTMENT SIMPLE*****/ .apps { background-color: var(--white-color); color: var(--lightblue-color); } .apps:hover { background-color: var(--lightblue-hover-color); color: var(--white-hover-color); } .table-hover > tbody > tr.apps:hover { background-color: var(--lightblue-hover-color); color: var(--white-hover-color); } /*****OUT OF TARGET APPOINTMENT*****/ .oota { background-color: var(--purple-color); color: var(--white-color); } .oota:hover { background-color: var(--purple-hover-color); } .table-hover > tbody > tr.oota:hover { background-color: var(--purple-hover-color); color: var(--white-color); } /*****OUT OF TARGET APPOINTMENT SIMPLE*****/ .ootas { background-color: var(--white-color); color: var(--purple-color); } .ootas:hover { background-color: var(--purple-hover-color); color: var(--white-hover-color); } .table-hover > tbody > tr.ootas:hover { background-color: var(--purple-hover-color); color: var(--white-hover-color); } /*****COMPLETED*****/ .cmp { background-color: var(--green-color); color: var(--white-color); } .cmp:hover { background-color: var(--green-hover-color); } /*****COMPLETED SIMPLE*****/ .cmps { background-color: var(--white-color); color: var(--green-color); font-weight: bold; } .cmps:hover { background-color: var(--green-hover-color); color: var(--white-hover-color); } .table-hover > tbody > tr.cmps:hover { background-color: var(--green-hover-color); color: var(--white-hover-color); } /*****URGENT*****/ .urg { background-color: var(--pink-color); color: var(--white-color); } .urg:hover { background-color: var(--pink-hover-color); } .table-hover > tbody > tr.urg:hover { background-color: var(--pink-hover-color); color: var(--white-color); } .table-hover > tbody > tr.urg > td > span.text-danger { color: var(--white-color) !important; } /*****CANCELLED*****/ .cnc { background-color: var(--lightgrey-color); color: var(--red-color); } .cnc:hover { background-color: var(--lightgrey-hover-color); } .table-hover > tbody > tr.cnc:hover { background-color: var(--lightgrey-hover-color); color: var(--red-color); } /*****DELETED*****/ .del { background-color: var(--dirtygrey-color); color: var(--red-color); } .del:hover { background-color: var(--dirtygrey-hover-color); } .table-hover > tbody > tr.del:hover { background-color: var(--dirtygrey-hover-color); color: var(--red-color); } /*****ARCHIVED*****/ .arc { background-color: var(--dirtygrey-color); color: var(--white-color); } .arc:hover { background-color: var(--dirtygrey-hover-color); } .table-hover > tbody > tr.arc:hover { background-color: var(--dirtygrey-hover-color); color: var(--white-color); } /*****PINNED*****/ .pin { background-color: var(--lightgrey-color); color: var(--red-color); } .pin:hover { background-color: var(--lightgrey-hover-color); } .table-hover > tbody > tr.pin:hover { background-color: var(--lightgrey-hover-color); color: var(--red-color); } /*****PROCESSED*****/ .prc { background-color: var(--lightyellow-color); color: var(--black-color); } .prc:hover { background-color: var(--lightyellow-hover-color); } .table-hover > tbody > tr.prc:hover { background-color: var(--lightyellow-hover-color); color: var(--black-color); } /*****ERROR*****/ .err { background-color: var(--lightyellow-color); color: var(--red-color); } .err:hover { background-color: var(--lightyellow-hover-color); } .table-hover > tbody > tr.err:hover { background-color: var(--white-hover-color); color: var(--red-color); } /*****ERROR SIMPLE*****/ .errs { background-color: var(--white-color); color: var(--red-color); } .errs:hover { background-color: var(--lightyellow-hover-color); color: var(--red-hover-color); } .table-hover > tbody > tr.errs:hover { background-color: var(--lightyellow-hover-color); color: var(--red-hover-color); } /*****AUDIT*****/ .aud { background-color: var(--white-color); color: var(--darkgrey-color); } .aud:hover { background-color: var(--white-hover-color); } .table-hover > tbody > tr.aud:hover { background-color: var(--white-hover-color); color: var(--darkgrey-color); } /*****FLAGGED*****/ .flg { background-color: var(--darkorange-color); color: var(--white-color); } .flg:hover { background-color: var(--darkorange-hover-color); } .table-hover > tbody > tr.flg:hover { background-color: var(--darkorange-hover-color); color: var(--white-color); } /*****OTHER*****/ .oth { background-color: var(--white-color); color: var(--black-color); } .oth:hover { background-color: var(--white-hover-color); } legend.oth { background-color: var(--black-color); color: var(--white-color); } legend.oth:hover { background-color: var(--black-color); color: var(--white-color); } /*****SELECTED*****/ .sel { background-color: var(--darkgrey-color); color: var(--white-color); } .sel:hover { background-color: var(--darkgrey-hover-color); } .table-hover > tbody > tr.sel:hover { background-color: var(--darkgrey-hover-color); color: var(--white-color); } /*****HIGHLIGHT*****/ .hig { background-color: var(--lightyellow-color); color: var(--black-color); } .hig:hover { background-color: var(--lightyellow-hover-color); } .table-hover > tbody > tr.hig:hover { background-color: var(--lightyellow-hover-color); color: var(--black-color); } /*****HIGHLIGHT SIMPLE*****/ .higs { background-color: var(--lightyellow-color); color: var(--black-color); } .higs:hover { background-color: var(--lightyellow-hover-color); } .table-hover > tbody > tr.higs:hover { background-color: var(--lightyellow-hover-color); color: var(--black-color); } /*****HIGHLIGHT URGENT*****/ .higu { background-color: var(--lightbrown-color); color: var(--white-color); } .higu:hover { background-color: var(--lightbrown-hover-color); } .table-hover > tbody > tr.higu:hover { background-color: var(--lightbrown-hover-color); color: var(--white-color); } /*****HIGHLIGHT URGENT SIMPLE*****/ .higus { background-color: var(--lightbrown-color); color: var(--white-color); } .higus:hover { background-color: var(--lightbrown-hover-color); } .table-hover > tbody > tr.higus:hover { background-color: var(--lightbrown-hover-color); color: var(--white-color); } /*AREA CLASSES*/ .enq { background-color: var(--enq-bg-color); color: var(--enq-color); } .enq-tb, .enq-tb:hover { background-color: var(--enq-bg-light-color); color: var(--enq-light-color); font-weight: bold; } .enq-text { color: var(--enq-text-color); } hr.enq { border: 2px solid var(--enq-bg-color); } .obk { background-color: var(--obk-bg-color); color: var(--obk-color); } .obk-tb, .obk-tb:hover { background-color: var(--obk-bg-light-color); color: var(--obk-light-color); font-size: 16px; font-weight: bold; } .obk-text { color: var(--obk-text-color); } .nwb { background-color: var(--nwb-bg-color); color: var(--nwb-color); } .nwb-border { border: 1px solid var(--nwb-bg-color); } .nwb-tb, .nwb-tb:hover { background-color: var(--nwb-bg-light-color); color: #fff; font-weight: bold; } .nwb-text { color: var(--nwb-text-color); } .ins { background-color: var(--ins-bg-color); color: var(--ins-color); } .ins-text { color: var(--ins-text-color); } .svc { background-color: var(--svc-bg-color); color: var(--svc-color); } .svc-tb, .svc-tb:hover { background-color: var(--svc-bg-light-color); color: #fff; font-weight: bold; } .svc-text { color: var(--svc-text-color); } .prd { background-color: var(--prd-bg-color); color: var(--prd-color); } .prd-tb, .prd-tb:hover { background-color: var(--prd-bg-light-color); color: #fff; font-size: 16px; font-weight: bold; } .prd-text { color: var(--prd-text-color); } .rep { background-color: var(--rep-bg-color); color: var(--rep-color); } .rep-text { color: var(--rep-text-color); } .adm { background-color: var(--adm-bg-color); color: var(--adm-color); } .adm-tb, .adm-tb:hover { background-color: var(--adm-bg-light-color); color: var(--adm-color); font-size: 16px; font-weight: bold; } .adm-text { color: var(--adm-text-color); } .arc { background-color: var(--arc-bg-color); color: var(--arc-color); } .arc-text { color: var(--arc-text-color); } .sys { background-color: var(--sys-bg-color); color: var(--sys-color); } .sys-text { color: var(--sys-text-color); } .hlp { background-color: var(--hlp-bg-color); color: var(--hlp-color); } .hlp-text { color: var(--hlp-text-color); } .usr { background-color: var(--usr-bg-color); color: var(--usr-color); } .usr-text { color: var(--usr-text-color); } .usri { background-color: var(--usr-bg-color); color: var(--orange-color) !important; } /*SIDE NAVIGATION*/ #siteMenu .dropdown-btn.enq:hover, .dropdown-btn.enq.active { background-color: var(--enq-bg-color); } #siteMenu .dropdown-btn.obk:hover, .dropdown-btn.obk.active { background-color: var(--obk-bg-color); } #siteMenu .dropdown-btn.nwb:hover, .dropdown-btn.nwb.active { background-color: var(--nwb-bg-color); } #siteMenu .dropdown-btn.ins:hover, .dropdown-btn.ins.active { background-color: var(--ins-bg-color); } #siteMenu .dropdown-btn.svc:hover, .dropdown-btn.svc.active { background-color: var(--svc-bg-color); } #siteMenu .dropdown-btn.prd:hover, .dropdown-btn.prd.active { background-color: var(--prd-bg-color); } #siteMenu .dropdown-btn.rep:hover, .dropdown-btn.rep.active { background-color: var(--rep-bg-color); } #siteMenu .dropdown-btn.adm:hover, .dropdown-btn.adm.active { background-color: var(--adm-bg-color); } #siteMenu .dropdown-btn.arc:hover, .dropdown-btn.arc.active { background-color: var(--arc-bg-color); } #siteMenu .dropdown-btn.sys:hover, .dropdown-btn.sys.active { background-color: var(--sys-bg-color); } #siteMenu .dropdown-btn.hlp:hover, .dropdown-btn.hlp.active { background-color: var(--hlp-bg-color); } #siteMenu .dropdown-btn.usr:hover, .dropdown-btn.usr.active { background-color: var(--usr-bg-color); } #siteMenu .dropdown-btn.usri:hover, .dropdown-btn.usri.active { background-color: var(--usr-bg-color); } .alert-app { color: var(--ctr-bg-color); background-color: var(--ctr-color); border-color: var(--usr-bg-color); } .alert-app hr { border-top-color: var(--ctr-bg-color); } .alert-success .alert-link { color: var(--ctr-bg-color); } a, a:hover { color: inherit; } #ctxmenu { display: none; } .headerNavigation { display: flex; flex-direction: row; } .page-header { height: 70px; position: fixed; width: 100%; top: 0; } .dropdown-menu { z-index: 10000!important; } ul .modal-nav { list-style: none; margin: 0; padding: 0 20px; } ul.page-nav { list-style: none; background-color: #eee; margin: 0; padding: 0 20px; } ul.page-nav li { display: inline; } ul.page-nav li + li:before { padding: 8px; color: var(--page-nav-color); content: "-"; } ul.page-nav li a { color: var(--page-nav-color); text-decoration: none; } ul.page-nav li a:hover { color: var(--page-nav-color); text-decoration: underline; } .alert-light.help { border: solid 2px #46a049; color: #2b4b2b; font-weight: bold; } th a, th a:hover, th a:visited { color: white; text-decoration: none; } #btnScrollTop { width: 50px; height: 50px; text-align: center; font-weight: bold; display: none; /* Hidden by default */ position: absolute; /* Fixed/sticky position */ bottom: 50px; /* Place the button at the bottom of the page */ right: 50px; /* Place the button 30px from the right */ z-index: 99; /* Make sure it does not overlap */ border: none; /* Remove borders */ outline: none; /* Remove outline */ background-color: #ddd; /* Set a background color */ opacity: .8; color: white; /* Text color */ cursor: pointer; /* Add a mouse pointer on hover */ border-radius: 50%; /* Rounded corners */ font-size: 2em; /* Increase font size */ } #btnScrollTop:hover { background-color: #000; /* Add a dark-grey background on hover */ } .btn { border: none; /* Remove borders */ /* color: white; Add a text color */ /*padding: 14px 28px; Add some padding */ cursor: pointer; /* Add a pointer cursor on mouse-over */ } .success { background-color: #4CAF50; } /* Green */ .success:hover { background-color: #46a049; } .info { background-color: #2196F3; } /* Blue */ .info:hover { background: #0b7dda; } .warning { background-color: #ff9800; } /* Orange */ .warning:hover { background: #e68a00; } .danger { background-color: #f44336; } /* Red */ .danger:hover { background: #da190b; } .default { background-color: #e7e7e7; color: black; } /* Gray */ .default:hover { background: #ddd; } .dropdown a, .dropdown-menu, .dropdown-menu a { color: inherit; } .dropdown-caret { cursor: pointer; } .input-group > .input-group-prepend { flex: 0 0 30%; } .input-group .input-group-text { width: 100%; } /*.dropdown:hover .dropdown-menu { display: block; margin-top: 0; }*/ /*input[type=search]::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; }*/ input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; height: 10px; width: 10px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=); background-size: 10px 10px; } .no-rows-found { margin-top: 20px; font-size: 2em; color: #ccc; text-align: center; } .badge { margin-left: 5px; cursor: pointer; border: 1px solid #000; } .table-hover > tbody > tr > td div.dropdown-menu a, .table-hover > tbody > tr > td div.dropdown-menu a, .table-hover > tbody > tr div.dropdown-menu a { color: var(--black-color); } .parent-detail { background-color: #f2f2f2; padding: 20px; } /* width */ ::-webkit-scrollbar { width: 8px; } /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ ::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; } .text-bold { font-weight: bold; } th { position: sticky; top: -3px; z-index: 2; } button.dropdown-toggle { z-index:1050; position:absolute; } #forecast { position: sticky; top: 0; z-index: 2; } #forecast ~ table th { position: sticky; top: 35px; z-index: 2; } .form-panel th { position: sticky; top: 40px; z-index: 2; } .form-panel-title { position: sticky; top: 0; z-index: 2; } th.nosticky { position: relative; /* Reset sticky positioning */ top: auto; /* Reset top positioning */ z-index: 1; /* Lower z-index to avoid overlap with sticky elements */ } /*NEED TO PLAY WITH LEGEND STYLES SO THER STICKY IN PAGES AND MODALS .form-panel .tableLegend { background-color: #f2f2f2; } .tableLegend { background-color:#fff; position: sticky; top: 40px; z-index: 1000; }*/ .modal-body { padding-bottom: 0; } a.dropdown-item:active { background-color: #ccc; } .frameDisplay { text-align: center; display: none; } .frameTypeDisplay { text-align: center; } .activeFrameType { font-weight: bold; background-color: #efefef; } #legendText { display: inline-block; margin-left: 2px; padding-top: 2px; font-weight: bold; } .noFrames { font-weight: normal; color: #ccc; } .errorFrames { background-color: #ff0000; color: #ffffff; } /*.redFrames { background-color: #ffd6cc; } .yellowFrames { background-color: #ffffcc; } .goldFrames { background-color: #e6e600; }*/ .greenFrames { background-color: #719a65; color:#fff; } .wipFrames { font-size: 1.5em; } .alertFrames { color: #8f0b27; } .select2-selection__rendered { line-height: 36px !important; } .select2-container .select2-selection--single { height: 38px !important; } .select2-selection__arrow { height: 38px !important; } table thead th { cursor: pointer; } table tbody tr { cursor: pointer; } div.siteNavigationSelected label { color: var(--nwb-bg-color); } div.siteNavigationSelected select { border: 2px var(--nwb-bg-color) solid; } #siteSideNavigation .form-label:hover { -webkit-text-decoration: underline; text-decoration: underline; } .modal-header { padding-top: 0.5rem; padding-bottom: 0.5rem; } .close { outline: none; box-shadow: none; } .dropdown-item { cursor: pointer; font-size:0.8rem; z-index:1050; } .superscript { vertical-align: super; font-size: smaller; font-weight: normal; } #debugContainer { padding: 5px; background-color: #fff; position: absolute; /* Allows dynamic positioning for dragging */ /*top: calc(100% - 240px);*/ /* Initially position near the bottom (example offset) */ /*left:*/ 50%; /* Center horizontally */ transform: translateX(-50%); /* Adjust centering */ z-index: 9999; border: 1px solid #ccc; width:80%; } #debugHeader button { color: #555; } #debugHeader button:hover { color: #000; } .form-panel-title { display: flex; /* Enables flexbox layout */ justify-content: space-between; /* Positions h2 on the left, button on the right */ align-items: center; /* Vertically centers the content */ padding: 5px; /* Adds 5px padding around the div */ background-color: #ddd; border-radius: 3px; } .form-panel-title { margin: 0 0 5px 0; font-weight: bold; font-size:18px; } #content_ { display: flex; flex-direction: column; /* Stack child elements vertically */ max-height: 100%; /* Ensure the parent has a defined height */ } #content_child1 { flex-shrink: 0; /* Prevent resizing for variable height */ /* Let content determine height */ } #content_child2 { flex-grow: 1; overflow-y: auto; /* Enable vertical scrolling if content exceeds height */ -ms-overflow-style: none; /* Hide scrollbar in IE/Edge */ scrollbar-width: none; /* Hide scrollbar in Firefox */ } #child2::-webkit-scrollbar { display: none; /* Hide scrollbar in Chrome/Safari */ } .table thead th { border-top: none !important; border-bottom: none !important; } .form-panel-subtitle { font-size: 14px; font-weight: bold; padding: 5px; /* Adds 5px padding around the div */ background-color: #ddd; border-radius: 3px; } #loadingOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); /* translucent black */ z-index: 9999; display: none; /* hidden by default */ } .loadingText { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #000; font-size: 2em; font-family: Arial, sans-serif; } textarea, select, input, button { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } legend.form-legend { padding-left: 10px; font-size: 2em; margin-bottom: 0; height: 48px; line-height: 48px; } legend.form-legend-sm { padding-left: 10px; font-size: 1.8em; cursor: pointer; margin-bottom: 0; } legend.panel-legend { padding-left: 10px; font-size: 1.5em; font-weight: bold; margin-bottom: 0; } .form-panel { border-radius: 5px; background-color: #f2f2f2; padding: 20px; margin-bottom: 10px; } .form-heading { padding: 5px; background-color: #f0f0f0; margin-top: 20px; } .form-label { color: #2d2d2d; font-weight: bold; margin-bottom: 0; margin-top: 5px; display: block; } /*.dropdown:hover .dropdown-menu { display: block; margin-right: 0; }*/ #form-content { flex: 3; height: calc(100vh - 110px); overflow-y: scroll; padding: 10px; } .container-lg { max-width: 2100px; } #footer { position: fixed; left: 0; bottom: 0; width: 100%; background-color: #aaa; padding: 5px; margin-left: 250px; padding-right: 250px; } input.invalid, select.invalid, textarea.invalid { border-color: #f00; } .form-panel.content { display: none; } .form-panel.invalid { border: solid 1px #f00; } span.invalid { display: block; color: #f00; } input.invalidwarning, select.invalidwarning, textarea.invalidwarning { border-color: #f5ae3f; } .form-panel.invalidwarning { border: solid 1px #f5ae3f; } span.invalidwarning { display: block; color: #f5ae3f; } .audit-label { color: #aaa; font-weight: bold; margin-bottom: 0; font-size: 0.8em; } .audit-text { font-size: 0.8em; color: #ccc; } .checkbox-1x { transform: scale(1.5); -webkit-transform: scale(1.5); } .checkbox-2x { transform: scale(2); -webkit-transform: scale(2); } input[type='text'], input[type='number'], input[type='search'].tableFilterInput, input[type='date'], input[type='datetime-local'], button[type='button'], button[type='submit'], select.form-control, textarea.form-control { font-size: 0.8rem; } button[type='button'].close { font-size: 1.8rem; } h2 { font-size: 1.2rem!important; font-weight: bold; } .formHelp { font-size: 0.7rem; font-weight: bold; color: crimson; /* z-index: 9999; position: fixed; top: 100px; left: 100px;*/ } .pageHelp { font-size: 0.9rem; font-weight: bold; background-color: #f2d358; border: 2px solid crimson; border-radius: 5px; padding: 5px; margin-bottom: 5px; } .pageHelp a { font-size: 0.9rem; font-weight: normal; text-decoration: underline; } /*#siteMenu { background-color: #07047e; }*/ /* Style the sidenav links and the dropdown button */ #siteMenu a, .dropdown-btn { padding: 6px 8px 8px 16px; text-decoration: none; font-size: 1.2em; color: #a1a1a1; display: block; border: none; background: none; width: 100%; text-align: left; cursor: pointer; outline: none; } #siteMenu a:hover, .dropdown-btn:hover { color: #f1f1f1; } #siteMenu .appName { letter-spacing: 4px; font-size: 1.5em; } #siteMenu .contractorName { letter-spacing: 4px; font-size: 1em; } #siteMenu .dropdown-btn:hover { color: #f1f1f1; background-color: green; } /* Add an active class to the active dropdown button */ #siteMenu .active { /* background-color: green;*/ color: white; border-bottom: 2px solid #fff; } /* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */ #siteMenu .dropdown-container { display: none; background-color: #464646; /*padding-left: 8px;*/ } #siteMenu .dropdown-container a { border-bottom: solid 1px #fff; padding-left: 30px; } /* Optional: Style the caret down icon */ #siteMenu .fa-caret-down, .fa-caret-right { float: right; padding-right: 8px; } .addBar { display: flex; color: #fff; font-size: 1.2em; text-align: center; } #siteMenu .brand { border-bottom: 1px solid #f1f1f1; } #siteMenu .brand a { padding: 3px 8px 0 16px; text-decoration: none; font-size: 1.6em; color: #fff; display: block; border: none; background: none; width: 100%; text-align: left; cursor: pointer; outline: none; } #siteMenu .dropdown-separator { height: 1px; background-color: #333; margin: 4px 0; } /* Some media queries for responsiveness */ @media screen and (max-height: 450px) { #siteMenu { padding-top: 15px; } #siteMenu a { font-size: 1.2em; } }