/* Minification failed. Returning unminified contents. (2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,16): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width' (60,16): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-collapsed-width' (81,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width' (90,23): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width' (115,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-collapsed-width' (149,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width' (339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (408,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (419,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (443,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (447,28): run-time error CSS1039: Token not allowed after unary operator: '-ctr-bg-color' (448,17): run-time error CSS1039: Token not allowed after unary operator: '-ctr-color' (458,28): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (459,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (463,32): run-time error CSS1039: Token not allowed after unary operator: '-red-hover-color' (467,28): run-time error CSS1039: Token not allowed after unary operator: '-red-hover-color' (468,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (472,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (476,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (477,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (481,32): run-time error CSS1039: Token not allowed after unary operator: '-red-hover-color' (482,21): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (486,28): run-time error CSS1039: Token not allowed after unary operator: '-red-hover-color' (487,17): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (491,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (494,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (499,28): run-time error CSS1039: Token not allowed after unary operator: '-orange-color' (500,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (504,32): run-time error CSS1039: Token not allowed after unary operator: '-orange-hover-color' (508,28): run-time error CSS1039: Token not allowed after unary operator: '-orange-hover-color' (509,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (513,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (514,17): run-time error CSS1039: Token not allowed after unary operator: '-orange-color' (518,32): run-time error CSS1039: Token not allowed after unary operator: '-orange-hover-color' (519,21): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (523,28): run-time error CSS1039: Token not allowed after unary operator: '-orange-hover-color' (524,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (529,28): run-time error CSS1039: Token not allowed after unary operator: '-lightblue-color' (530,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (534,32): run-time error CSS1039: Token not allowed after unary operator: '-lightblue-hover-color' (538,28): run-time error CSS1039: Token not allowed after unary operator: '-lightblue-hover-color' (539,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (543,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (544,17): run-time error CSS1039: Token not allowed after unary operator: '-lightblue-color' (548,32): run-time error CSS1039: Token not allowed after unary operator: '-lightblue-hover-color' (549,21): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (553,28): run-time error CSS1039: Token not allowed after unary operator: '-lightblue-hover-color' (554,17): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (559,28): run-time error CSS1039: Token not allowed after unary operator: '-purple-color' (560,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (564,32): run-time error CSS1039: Token not allowed after unary operator: '-purple-hover-color' (568,28): run-time error CSS1039: Token not allowed after unary operator: '-purple-hover-color' (569,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (573,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (574,17): run-time error CSS1039: Token not allowed after unary operator: '-purple-color' (578,32): run-time error CSS1039: Token not allowed after unary operator: '-purple-hover-color' (579,21): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (583,28): run-time error CSS1039: Token not allowed after unary operator: '-purple-hover-color' (584,17): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (589,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color' (590,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (594,32): run-time error CSS1039: Token not allowed after unary operator: '-green-hover-color' (598,28): run-time error CSS1039: Token not allowed after unary operator: '-green-hover-color' (599,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (603,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (604,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color' (609,32): run-time error CSS1039: Token not allowed after unary operator: '-green-hover-color' (610,21): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (614,28): run-time error CSS1039: Token not allowed after unary operator: '-green-hover-color' (615,17): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (620,28): run-time error CSS1039: Token not allowed after unary operator: '-pink-color' (621,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (625,32): run-time error CSS1039: Token not allowed after unary operator: '-pink-hover-color' (629,28): run-time error CSS1039: Token not allowed after unary operator: '-pink-hover-color' (630,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (634,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (638,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey-color' (639,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (643,32): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey-hover-color' (647,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey-hover-color' (648,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (652,28): run-time error CSS1039: Token not allowed after unary operator: '-dirtygrey-color' (653,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (657,32): run-time error CSS1039: Token not allowed after unary operator: '-dirtygrey-hover-color' (661,28): run-time error CSS1039: Token not allowed after unary operator: '-dirtygrey-hover-color' (662,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (667,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey-color' (668,17): run-time error CSS1039: Token not allowed after unary operator: '-darkgrey-color' (672,32): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey-hover-color' (676,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey-hover-color' (677,17): run-time error CSS1039: Token not allowed after unary operator: '-darkgrey-color' (681,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey-color' (682,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (686,32): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey-hover-color' (690,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey-hover-color' (691,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (695,28): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-color' (696,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (700,32): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-hover-color' (704,28): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-hover-color' (705,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (709,28): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-color' (710,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (714,32): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-hover-color' (718,28): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (719,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (723,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (724,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (728,32): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-hover-color' (729,21): run-time error CSS1039: Token not allowed after unary operator: '-red-hover-color' (733,28): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-hover-color' (734,17): run-time error CSS1039: Token not allowed after unary operator: '-red-hover-color' (739,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (740,17): run-time error CSS1039: Token not allowed after unary operator: '-darkgrey-color' (744,32): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (748,28): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (749,17): run-time error CSS1039: Token not allowed after unary operator: '-darkgrey-color' (753,28): run-time error CSS1039: Token not allowed after unary operator: '-darkorange-color' (754,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (758,32): run-time error CSS1039: Token not allowed after unary operator: '-darkorange-hover-color' (762,28): run-time error CSS1039: Token not allowed after unary operator: '-darkorange-hover-color' (763,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (767,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (768,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (772,32): run-time error CSS1039: Token not allowed after unary operator: '-white-hover-color' (776,28): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (777,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (781,32): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (782,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (799,28): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-color' (800,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (804,32): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-hover-color' (808,28): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-hover-color' (809,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (813,28): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-color' (814,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (818,32): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-hover-color' (822,28): run-time error CSS1039: Token not allowed after unary operator: '-lightyellow-hover-color' (823,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (829,28): run-time error CSS1039: Token not allowed after unary operator: '-lightbrown-color' (830,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (834,32): run-time error CSS1039: Token not allowed after unary operator: '-lightbrown-hover-color' (838,28): run-time error CSS1039: Token not allowed after unary operator: '-lightbrown-hover-color' (839,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (843,28): run-time error CSS1039: Token not allowed after unary operator: '-lightbrown-color' (844,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (848,32): run-time error CSS1039: Token not allowed after unary operator: '-lightbrown-hover-color' (852,28): run-time error CSS1039: Token not allowed after unary operator: '-lightbrown-hover-color' (853,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (859,28): run-time error CSS1039: Token not allowed after unary operator: '-shp-bg-color' (860,17): run-time error CSS1039: Token not allowed after unary operator: '-shp-color' (864,28): run-time error CSS1039: Token not allowed after unary operator: '-shp-bg-light-color' (865,17): run-time error CSS1039: Token not allowed after unary operator: '-shp-light-color' (870,17): run-time error CSS1039: Token not allowed after unary operator: '-shp-text-color' (874,28): run-time error CSS1039: Token not allowed after unary operator: '-shp-bg-color' (878,28): run-time error CSS1039: Token not allowed after unary operator: '-enq-bg-color' (879,17): run-time error CSS1039: Token not allowed after unary operator: '-enq-color' (882,28): run-time error CSS1039: Token not allowed after unary operator: '-enq-bg-light-color' (883,17): run-time error CSS1039: Token not allowed after unary operator: '-enq-light-color' (887,17): run-time error CSS1039: Token not allowed after unary operator: '-enq-text-color' (890,28): run-time error CSS1039: Token not allowed after unary operator: '-enq-bg-color' (894,28): run-time error CSS1039: Token not allowed after unary operator: '-obk-bg-color' (895,17): run-time error CSS1039: Token not allowed after unary operator: '-obk-color' (899,28): run-time error CSS1039: Token not allowed after unary operator: '-obk-bg-light-color' (900,17): run-time error CSS1039: Token not allowed after unary operator: '-obk-light-color' (906,17): run-time error CSS1039: Token not allowed after unary operator: '-obk-text-color' (910,28): run-time error CSS1039: Token not allowed after unary operator: '-nwb-bg-color' (911,17): run-time error CSS1039: Token not allowed after unary operator: '-nwb-color' (915,28): run-time error CSS1039: Token not allowed after unary operator: '-nwb-bg-color' (919,28): run-time error CSS1039: Token not allowed after unary operator: '-nwb-bg-light-color' (925,17): run-time error CSS1039: Token not allowed after unary operator: '-nwb-text-color' (929,28): run-time error CSS1039: Token not allowed after unary operator: '-ins-bg-color' (930,17): run-time error CSS1039: Token not allowed after unary operator: '-ins-color' (934,17): run-time error CSS1039: Token not allowed after unary operator: '-ins-text-color' (938,28): run-time error CSS1039: Token not allowed after unary operator: '-svc-bg-color' (939,17): run-time error CSS1039: Token not allowed after unary operator: '-svc-color' (943,28): run-time error CSS1039: Token not allowed after unary operator: '-svc-bg-light-color' (948,17): run-time error CSS1039: Token not allowed after unary operator: '-svc-text-color' (952,28): run-time error CSS1039: Token not allowed after unary operator: '-prd-bg-color' (953,17): run-time error CSS1039: Token not allowed after unary operator: '-prd-color' (956,28): run-time error CSS1039: Token not allowed after unary operator: '-prd-bg-light-color' (962,17): run-time error CSS1039: Token not allowed after unary operator: '-prd-text-color' (966,28): run-time error CSS1039: Token not allowed after unary operator: '-rep-bg-color' (967,17): run-time error CSS1039: Token not allowed after unary operator: '-rep-color' (971,17): run-time error CSS1039: Token not allowed after unary operator: '-rep-text-color' (975,28): run-time error CSS1039: Token not allowed after unary operator: '-ctr-bg-color' (976,17): run-time error CSS1039: Token not allowed after unary operator: '-ctr-color' (980,32): run-time error CSS1039: Token not allowed after unary operator: '-ctr-bg-light-color' (981,21): run-time error CSS1039: Token not allowed after unary operator: '-ctr-color' (987,28): run-time error CSS1039: Token not allowed after unary operator: '-adm-bg-color' (988,17): run-time error CSS1039: Token not allowed after unary operator: '-adm-color' (991,28): run-time error CSS1039: Token not allowed after unary operator: '-adm-bg-light-color' (992,17): run-time error CSS1039: Token not allowed after unary operator: '-adm-color' (997,17): run-time error CSS1039: Token not allowed after unary operator: '-adm-text-color' (1001,28): run-time error CSS1039: Token not allowed after unary operator: '-arc-bg-color' (1002,17): run-time error CSS1039: Token not allowed after unary operator: '-arc-color' (1006,17): run-time error CSS1039: Token not allowed after unary operator: '-arc-text-color' (1010,28): run-time error CSS1039: Token not allowed after unary operator: '-sys-bg-color' (1011,17): run-time error CSS1039: Token not allowed after unary operator: '-sys-color' (1015,17): run-time error CSS1039: Token not allowed after unary operator: '-sys-text-color' (1019,28): run-time error CSS1039: Token not allowed after unary operator: '-hlp-bg-color' (1020,17): run-time error CSS1039: Token not allowed after unary operator: '-hlp-color' (1024,17): run-time error CSS1039: Token not allowed after unary operator: '-hlp-text-color' (1028,28): run-time error CSS1039: Token not allowed after unary operator: '-usr-bg-color' (1029,17): run-time error CSS1039: Token not allowed after unary operator: '-usr-color' (1033,17): run-time error CSS1039: Token not allowed after unary operator: '-usr-text-color' (1037,28): run-time error CSS1039: Token not allowed after unary operator: '-usr-bg-color' (1038,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (1044,28): run-time error CSS1039: Token not allowed after unary operator: '-shp-bg-color' (1048,28): run-time error CSS1039: Token not allowed after unary operator: '-enq-bg-color' (1052,28): run-time error CSS1039: Token not allowed after unary operator: '-obk-bg-color' (1056,28): run-time error CSS1039: Token not allowed after unary operator: '-nwb-bg-color' (1060,28): run-time error CSS1039: Token not allowed after unary operator: '-ins-bg-color' (1064,28): run-time error CSS1039: Token not allowed after unary operator: '-svc-bg-color' (1068,28): run-time error CSS1039: Token not allowed after unary operator: '-prd-bg-color' (1072,28): run-time error CSS1039: Token not allowed after unary operator: '-rep-bg-color' (1076,28): run-time error CSS1039: Token not allowed after unary operator: '-adm-bg-color' (1080,28): run-time error CSS1039: Token not allowed after unary operator: '-arc-bg-color' (1084,28): run-time error CSS1039: Token not allowed after unary operator: '-sys-bg-color' (1088,28): run-time error CSS1039: Token not allowed after unary operator: '-hlp-bg-color' (1092,28): run-time error CSS1039: Token not allowed after unary operator: '-usr-bg-color' (1096,28): run-time error CSS1039: Token not allowed after unary operator: '-usr-bg-color' (1100,17): run-time error CSS1039: Token not allowed after unary operator: '-ctr-bg-color' (1101,28): run-time error CSS1039: Token not allowed after unary operator: '-ctr-color' (1102,24): run-time error CSS1039: Token not allowed after unary operator: '-usr-bg-color' (1106,32): run-time error CSS1039: Token not allowed after unary operator: '-ctr-bg-color' (1110,21): run-time error CSS1039: Token not allowed after unary operator: '-ctr-bg-color' (1159,25): run-time error CSS1039: Token not allowed after unary operator: '-page-nav-color' (1164,25): run-time error CSS1039: Token not allowed after unary operator: '-page-nav-color' (1169,29): run-time error CSS1039: Token not allowed after unary operator: '-page-nav-color' (1305,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (1469,17): run-time error CSS1039: Token not allowed after unary operator: '-nwb-bg-color' (1472,22): run-time error CSS1039: Token not allowed after unary operator: '-nwb-bg-color' (1506,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (1697,23): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width' (1698,25): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width' (1702,23): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-collapsed-width' (1703,25): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-collapsed-width' */ :root { --sidebar-width: 250px; --sidebar-collapsed-width: 2px; } * { margin: 0; padding: 0; } body { font-family: "Lato", sans-serif; font-size: 14px; height: 100%; overflow: auto; } .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; } .warning-border { border: 5px solid orange; } body.warning-border::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid orange; pointer-events: none; box-sizing: border-box; z-index: 9999; } .ctr-fixed-top { position: fixed; top: 0; right: 0; left: var(--sidebar-width); /*transition: left 0.2s ease;*/ z-index: 1030; } .collapsed .ctr-fixed-top { left: var(--sidebar-collapsed-width); } .fullscreen-tip { margin-bottom: auto; width: 100%; padding: 0.50rem; text-align: center; font-size: 0.9rem; color: #666; background-color: #efefef; height: 42px; border-top: 1px #aaa solid; } /* Expanded (not collapsed): fixed sidebar that pushes content */ body:not(.collapsed) #siteMenu { position: fixed; top: 0; left: 0; height: 100%; width: var(--sidebar-width); z-index: 1000; background-color: #fff; border-right: 1px solid #ccc; display: flex; flex-direction: column; } body:not(.collapsed) #siteContent { margin-left: var(--sidebar-width); transition: margin-left 0.3s ease; } /* Top sections are fixed-height; options fill and scroll */ #brand { flex: 0 0 auto; } #quickLinks { flex: 0 0 auto; } #siteMenuOptions { flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; } /* Collapsed: narrow strip, overlays content, expands on hover */ body.collapsed #siteMenu { position: fixed; top: 0; left: 0; height: 100%; width: var(--sidebar-collapsed-width); z-index: 1050; background-color: #fff; border-right: 1px solid #000; display: flex; flex-direction: column; transition: width 0.3s ease; } body.collapsed #siteContent { margin-left: 0; /* content doesn't move */ } /* Hide brand + quick links in collapsed mode; show on hover */ body.collapsed #brand, body.collapsed #quickLinks { opacity: 0; visibility: hidden; transition: opacity 0.2s ease; } body.collapsed #siteMenu:hover #brand, body.collapsed #siteMenu:hover #quickLinks { opacity: 1; visibility: visible; } /* Options remain scrollable; reveal fully on hover */ body.collapsed #siteMenuOptions { overflow-y: auto; } /* If you want the whole menu to expand over content on hover */ body.collapsed #siteMenu:hover { width: var(--sidebar-width); } /* Optional: fade in the inner content block if you have a wrapper */ #siteMenuContent { display: contents; /* allows inner sections to participate in flex */ } body.collapsed #siteMenuContent { opacity: 0; visibility: hidden; transition: opacity 0.2s ease; } body.collapsed #siteMenu:hover #siteMenuContent { opacity: 1; visibility: visible; } #siteMenu .brand { border-bottom: 1px solid #ccc; min-height: 71px; } #siteMenu .appName { letter-spacing: 4px; font-size: 2.5em; line-height: 1; } #siteMenu .contractorName { font-size: 0.8em; } #siteMenu .addBar { display: flex; color: #fff; font-size: 1.2em; text-align: center; border-bottom: solid 1px #ccc; padding: 4px; } #siteMenu .addBar a { color: #fff; } #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: #ccc; margin: 2px 0; } /*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-light-color: #3c6c04; --ctr-bg-color: #498205; --ctr-color: #e4e4e4; --page-nav-color: #000; /*AREA COLOURS*/ /*SharePoint*/ --shp-bg-light-color: #a062c3; --shp-light-color: #fff; --shp-bg-color: #704887; --shp-text-color: #155a3e; --shp-color: #fff; /*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: #aaa; --arc-text-color: #666; --arc-color: #666; /*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: #498205; --usr-text-color: #498205; --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; --lightorange-color: #d9b47a; --lightorange-hover-color: #e1a74b; --lightgreen-color: #8fac88; --lightgreen-hover-color: #a0ad9c; } .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); } .table-hover > tbody > tr.cmp:hover { background-color: var(--green-hover-color); color: var(--white-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(--lightgrey-color); color: var(--darkgrey-color); } .arc:hover { background-color: var(--lightgrey-hover-color); } .table-hover > tbody > tr.arc:hover { background-color: var(--lightgrey-hover-color); color: var(--darkgrey-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 { box-shadow: inset 0 0 20px rgba(0,0,0,0.6); } /* .sel:hover { background-color: var(--lightgreen-hover-color); }*/ /*.table-hover > tbody > tr.sel:hover { background-color: var(--lightorange-hover-color); color: var(--black-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*/ .shp { background-color: var(--shp-bg-color); color: var(--shp-color); } .shp-tb, .shp-tb:hover { background-color: var(--shp-bg-light-color); color: var(--shp-light-color); font-weight: bold; } .shp-text { color: var(--shp-text-color); } hr.shp { border: 2px solid var(--shp-bg-color); } .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); } .ctr-tb, .ctr-tb:hover { background-color: var(--ctr-bg-color); color: var(--ctr-color); font-weight: bold; } .ctr-tb:hover { background-color: var(--ctr-bg-light-color); color: var(--ctr-color); font-weight: bold; } .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(--black-color) !important; font-weight: bold; } /*SIDE NAVIGATION*/ #siteMenu .dropdown-btn.shp:hover, .dropdown-btn.shp.active { background-color: var(--shp-bg-color); } #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); } .filter-higlight, .filter-higlight:focus { background-color: #ffc2c2; } 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-right: 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; margin-top: 20px; color:#666; } .subtitle-top { margin-top: 0; } #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; } .debug-widget-container { position: relative; } .debug-widget { position: absolute; /* sits on top, does not affect flow */ top: 0; /* adjust as needed */ right: 0; /* adjust as needed */ z-index: 999999; /* ensures it floats above other content */ pointer-events: auto; /* allows hover/click */ } .pin-icon.pinned i { color: red; /* or whatever visual cue you want */ transform: rotate(45deg); } @media print { .no-print { display: none !important; } } 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-panel-last { margin-bottom: 50px; } .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: var(--sidebar-width); padding-right: var(--sidebar-width); } .collapsed #footer { margin-left: var(--sidebar-collapsed-width); padding-right: var(--sidebar-collapsed-width); } 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; } h2.invalid { 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: #498205; /* z-index: 9999; position: fixed; top: 100px; left: 100px;*/ } .pageHelp { font-size: 0.9rem; font-weight: bold; background-color: #15641c; border: 2px solid crimson; border-radius: 5px; padding: 5px; margin-bottom: 5px; color: #fff; } .pageHelp a { font-size: 0.9rem; font-weight: normal; text-decoration: underline; } .text-val-success { color: #28a745 !important; } .text-val-warning { color: #ffc107 !important; } .text-val-danger { color: #dc3545 !important; } /* Scrollbar behavior (visible by default; hidden if desired) */ #siteMenuOptions { -ms-overflow-style: none; /*IE 10+*/ scrollbar-width: none; /*Firefox*/ } #siteMenuOptions::-webkit-scrollbar { width: 0; /* Safari/Chrome */ } /* Style the sidenav links and the dropdown button */ #siteMenuOptions a, .dropdown-btn { padding: 6px 8px 8px 16px; text-decoration: none; font-size: 1.2em; color: #333; display: block; border: none; background: none; width: 100%; text-align: left; cursor: pointer; outline: none; } #siteMenuOptions a:hover, .dropdown-btn:hover { color: #000; } #siteMenuOptions .dropdown-btn:hover { color: #f1f1f1; background-color: green; } /* Add an active class to the active dropdown button */ #siteMenuOptions .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 */ #siteMenuOptions .dropdown-container { display: none; background-color: #ccc; /*padding-left: 8px;*/ } #siteMenuOptions .dropdown-container a { border-bottom: solid 1px #fff; padding-left: 30px; } /* Optional: Style the caret down icon */ #siteMenuOptions .fa-caret-down, .fa-caret-right { float: right; padding-right: 8px; }