/* Minification failed. Returning unminified contents. (530,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (4030,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (4061,17): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker' (6686,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong' (9492,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (9497,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (11652,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (11654,17): run-time error CSS1039: Token not allowed after unary operator: '-bg' (11660,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weaker' (11666,22): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-weaker' (11672,22): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker' (11678,22): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker' (11685,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker' (11691,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong' (11761,17): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (11763,22): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker' (11765,24): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker' (11774,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker' (11775,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker' (11782,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker' (11787,17): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (11789,22): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-weaker' (11791,24): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-weaker' (11800,22): run-time error CSS1039: Token not allowed after unary operator: '-warn-text' (11802,24): run-time error CSS1039: Token not allowed after unary operator: '-warn-text' (11808,29): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-weaker' (11813,17): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (11815,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weak' (11821,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-text' (11823,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-text' (11835,29): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weak' (11840,17): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (11842,22): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker' (11844,24): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker' (11853,22): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weak' (11855,24): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weak' (11861,29): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker' (11867,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong' (11869,28): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (11871,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong' (11876,28): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic-weak' (11878,21): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic-weak' (11883,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic-weak' (11885,21): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic-weak' (11890,28): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker' (11892,21): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker' (11897,28): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker' (11902,24): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker' (11904,17): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker' (11909,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak' (11911,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak' (11916,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger' (11918,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger' (13460,25): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (13469,28): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weak' (13471,17): run-time error CSS1039: Token not allowed after unary operator: '-info-bg-weak' (13476,17): run-time error CSS1039: Token not allowed after unary operator: '-bg' (13482,17): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (13486,17): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (13503,27): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (13509,29): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weak' (13532,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger' (13536,30): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger' (13540,28): run-time error CSS1039: Token not allowed after unary operator: '-info-text-strong' (13544,29): run-time error CSS1039: Token not allowed after unary operator: '-info-text-strong' (13973,28): run-time error CSS1030: Expected identifier, found '.' (13973,60): run-time error CSS1031: Expected selector, found ')' (13973,60): run-time error CSS1025: Expected comma or open brace, found ')' (13976,28): run-time error CSS1030: Expected identifier, found '.' (13976,60): run-time error CSS1031: Expected selector, found ')' (13976,60): run-time error CSS1025: Expected comma or open brace, found ')' (14108,28): run-time error CSS1039: Token not allowed after unary operator: '-bg' (14112,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (14120,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong' (14121,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger' (14131,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong' (14133,17): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (14270,28): run-time error CSS1039: Token not allowed after unary operator: '-bg' (14275,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (17211,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (17486,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17487,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17488,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17489,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17490,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17502,19): run-time error CSS1039: Token not allowed after unary operator: '-aspect-ratio-safe-width' (17505,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow' (17518,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (17544,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-weak' (17559,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (17561,19): run-time error CSS1039: Token not allowed after unary operator: '-aspect-ratio-safe-width' (17573,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow' (17599,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-weak' (17626,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (17653,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow' (17681,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-strong' (17685,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-weak' (17784,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg' (17786,24): run-time error CSS1039: Token not allowed after unary operator: '-danger' (18862,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18866,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (19017,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19018,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19020,77): run-time error CSS1030: Expected identifier, found '.' (19020,106): run-time error CSS1031: Expected selector, found ')' (19020,106): run-time error CSS1025: Expected comma or open brace, found ')' (19026,77): run-time error CSS1030: Expected identifier, found '.' (19026,106): run-time error CSS1031: Expected selector, found ')' (19026,106): run-time error CSS1025: Expected comma or open brace, found ')' (19029,77): run-time error CSS1030: Expected identifier, found '.' (19029,106): run-time error CSS1031: Expected selector, found ')' (19029,106): run-time error CSS1025: Expected comma or open brace, found ')' (19035,77): run-time error CSS1030: Expected identifier, found '.' (19035,106): run-time error CSS1031: Expected selector, found ')' (19035,106): run-time error CSS1025: Expected comma or open brace, found ')' (19052,77): run-time error CSS1030: Expected identifier, found '.' (19052,106): run-time error CSS1031: Expected selector, found ')' (19052,106): run-time error CSS1025: Expected comma or open brace, found ')' (19055,77): run-time error CSS1030: Expected identifier, found '.' (19055,106): run-time error CSS1031: Expected selector, found ')' (19055,106): run-time error CSS1025: Expected comma or open brace, found ')' (19058,77): run-time error CSS1030: Expected identifier, found '.' (19058,106): run-time error CSS1031: Expected selector, found ')' (19058,106): run-time error CSS1025: Expected comma or open brace, found ')' (19061,77): run-time error CSS1030: Expected identifier, found '.' (19061,106): run-time error CSS1031: Expected selector, found ')' (19061,106): run-time error CSS1025: Expected comma or open brace, found ')' (19064,77): run-time error CSS1030: Expected identifier, found '.' (19064,106): run-time error CSS1031: Expected selector, found ')' (19064,106): run-time error CSS1025: Expected comma or open brace, found ')' (19068,77): run-time error CSS1030: Expected identifier, found '.' (19068,106): run-time error CSS1031: Expected selector, found ')' (19068,106): run-time error CSS1025: Expected comma or open brace, found ')' (19072,77): run-time error CSS1030: Expected identifier, found '.' (19072,106): run-time error CSS1031: Expected selector, found ')' (19072,106): run-time error CSS1025: Expected comma or open brace, found ')' (19083,77): run-time error CSS1030: Expected identifier, found '.' (19083,106): run-time error CSS1031: Expected selector, found ')' (19083,106): run-time error CSS1025: Expected comma or open brace, found ')' (19086,77): run-time error CSS1030: Expected identifier, found '.' (19086,106): run-time error CSS1031: Expected selector, found ')' (19086,106): run-time error CSS1025: Expected comma or open brace, found ')' (19094,26): run-time error CSS1039: Token not allowed after unary operator: '-border-color' (19095,37): run-time error CSS1039: Token not allowed after unary operator: '-bg' (19095,47): run-time error CSS1063: Expected calculation unit, found 'l' (19095,47): run-time error CSS1064: Expected calculation product, found 'l' (19095,47): run-time error CSS1065: Expected calculation sum, found 'l' (19095,47): run-time error CSS1034: (19095,47): run-time error CSS1042: Expected function, found 'l' (19095,49): run-time error CSS1019: Unexpected token, found '*' (19095,49): run-time error CSS1042: Expected function, found '*' (19095,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19101,20): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow' (19106,37): run-time error CSS1039: Token not allowed after unary operator: '-bg' (19106,47): run-time error CSS1063: Expected calculation unit, found 'l' (19106,47): run-time error CSS1064: Expected calculation product, found 'l' (19106,47): run-time error CSS1065: Expected calculation sum, found 'l' (19106,47): run-time error CSS1034: (19106,47): run-time error CSS1042: Expected function, found 'l' (19106,49): run-time error CSS1019: Unexpected token, found '*' (19106,49): run-time error CSS1042: Expected function, found '*' (19106,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19109,39): run-time error CSS1063: Expected calculation unit, found 'l' (19109,39): run-time error CSS1064: Expected calculation product, found 'l' (19109,39): run-time error CSS1065: Expected calculation sum, found 'l' (19109,39): run-time error CSS1034: (19109,39): run-time error CSS1042: Expected function, found 'l' (19109,41): run-time error CSS1019: Unexpected token, found '*' (19109,41): run-time error CSS1042: Expected function, found '*' (19109,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19151,39): run-time error CSS1063: Expected calculation unit, found 'l' (19151,39): run-time error CSS1064: Expected calculation product, found 'l' (19151,39): run-time error CSS1065: Expected calculation sum, found 'l' (19151,39): run-time error CSS1034: (19151,39): run-time error CSS1042: Expected function, found 'l' (19151,41): run-time error CSS1019: Unexpected token, found '*' (19151,41): run-time error CSS1042: Expected function, found '*' (19151,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19156,39): run-time error CSS1063: Expected calculation unit, found 'l' (19156,39): run-time error CSS1064: Expected calculation product, found 'l' (19156,39): run-time error CSS1065: Expected calculation sum, found 'l' (19156,39): run-time error CSS1034: (19156,39): run-time error CSS1042: Expected function, found 'l' (19156,41): run-time error CSS1019: Unexpected token, found '*' (19156,41): run-time error CSS1042: Expected function, found '*' (19156,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19174,39): run-time error CSS1063: Expected calculation unit, found 'l' (19174,39): run-time error CSS1064: Expected calculation product, found 'l' (19174,39): run-time error CSS1065: Expected calculation sum, found 'l' (19174,39): run-time error CSS1034: (19174,39): run-time error CSS1042: Expected function, found 'l' (19174,41): run-time error CSS1019: Unexpected token, found '*' (19174,41): run-time error CSS1042: Expected function, found '*' (19174,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19180,39): run-time error CSS1063: Expected calculation unit, found 'l' (19180,39): run-time error CSS1064: Expected calculation product, found 'l' (19180,39): run-time error CSS1065: Expected calculation sum, found 'l' (19180,39): run-time error CSS1034: (19180,39): run-time error CSS1042: Expected function, found 'l' (19180,41): run-time error CSS1019: Unexpected token, found '*' (19180,41): run-time error CSS1042: Expected function, found '*' (19180,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19209,39): run-time error CSS1063: Expected calculation unit, found 'l' (19209,39): run-time error CSS1064: Expected calculation product, found 'l' (19209,39): run-time error CSS1065: Expected calculation sum, found 'l' (19209,39): run-time error CSS1034: (19209,39): run-time error CSS1042: Expected function, found 'l' (19209,41): run-time error CSS1019: Unexpected token, found '*' (19209,41): run-time error CSS1042: Expected function, found '*' (19209,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (23696,17): run-time error CSS1030: Expected identifier, found '.' (23696,53): run-time error CSS1031: Expected selector, found ')' (23696,53): run-time error CSS1025: Expected comma or open brace, found ')' (23700,17): run-time error CSS1030: Expected identifier, found '.' (23700,53): run-time error CSS1031: Expected selector, found ')' (23700,53): run-time error CSS1025: Expected comma or open brace, found ')' (24439,63): run-time error CSS1030: Expected identifier, found '.' (24439,87): run-time error CSS1031: Expected selector, found ')' (24439,87): run-time error CSS1025: Expected comma or open brace, found ')' (24443,63): run-time error CSS1030: Expected identifier, found '.' (24443,87): run-time error CSS1031: Expected selector, found ')' (24443,87): run-time error CSS1025: Expected comma or open brace, found ')' (24460,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24461,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24465,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24466,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24470,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24471,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24475,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24476,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24480,70): run-time error CSS1030: Expected identifier, found ',' (24480,88): run-time error CSS1031: Expected selector, found ')' (24480,88): run-time error CSS1025: Expected comma or open brace, found ')' (24486,70): run-time error CSS1030: Expected identifier, found ',' (24486,88): run-time error CSS1031: Expected selector, found ')' (24486,88): run-time error CSS1025: Expected comma or open brace, found ')' (24653,32): run-time error CSS1039: Token not allowed after unary operator: '-bg' (24658,36): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (25426,41): run-time error CSS1063: Expected calculation unit, found 'l' (25426,41): run-time error CSS1064: Expected calculation product, found 'l' (25426,41): run-time error CSS1065: Expected calculation sum, found 'l' (25426,41): run-time error CSS1034: (25426,41): run-time error CSS1042: Expected function, found 'l' (25426,43): run-time error CSS1019: Unexpected token, found '*' (25426,43): run-time error CSS1042: Expected function, found '*' (25426,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25434,41): run-time error CSS1063: Expected calculation unit, found 'l' (25434,41): run-time error CSS1064: Expected calculation product, found 'l' (25434,41): run-time error CSS1065: Expected calculation sum, found 'l' (25434,41): run-time error CSS1034: (25434,41): run-time error CSS1042: Expected function, found 'l' (25434,43): run-time error CSS1019: Unexpected token, found '*' (25434,43): run-time error CSS1042: Expected function, found '*' (25434,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25599,1): run-time error CSS1030: Expected identifier, found ' ' (25599,1): run-time error CSS1019: Unexpected token, found ' ' (26434,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26435,8): run-time error CSS1035: Expected colon, found '{' (28589,1): run-time error CSS1019: Unexpected token, found '@keyframes' (28590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (29842,62): run-time error CSS1030: Expected identifier, found '.' (29842,82): run-time error CSS1031: Expected selector, found ')' (29842,82): run-time error CSS1025: Expected comma or open brace, found ')' (29906,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong' (29912,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong' (29921,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (29947,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (29964,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg' (29973,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (29987,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (30005,34): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong' (30016,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (30032,72): run-time error CSS1030: Expected identifier, found '.' (30032,83): run-time error CSS1031: Expected selector, found ')' (30032,83): run-time error CSS1025: Expected comma or open brace, found ')' (30449,25): run-time error CSS1030: Expected identifier, found ',' (30449,35): run-time error CSS1031: Expected selector, found ')' (30449,35): run-time error CSS1025: Expected comma or open brace, found ')' (30456,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak' (30457,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (30485,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic' (30494,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic' (30495,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (30601,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong' (30602,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (30605,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (30621,78): run-time error CSS1030: Expected identifier, found ',' (30621,90): run-time error CSS1031: Expected selector, found ')' (30621,90): run-time error CSS1025: Expected comma or open brace, found ')' (30652,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong' (30662,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong' (30663,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (30673,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong' (30675,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic' (30681,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong' (30682,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (30702,20): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (30727,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (30730,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (30944,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong' (30945,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (30971,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (30972,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (30976,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (30977,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (30981,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (31034,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (31046,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (31048,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (31069,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (31080,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (31106,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (31112,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic' (31121,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (31125,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (31150,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (31156,19): run-time error CSS1030: Expected identifier, found '.' (31156,37): run-time error CSS1031: Expected selector, found ')' (31156,37): run-time error CSS1025: Expected comma or open brace, found ')' (31166,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text' (31167,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow' (31168,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text' (31171,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (31178,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-stronger' (31179,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (31180,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-stronger' (31184,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong' (31190,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-strong' (31193,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker' (31194,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (31195,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak' (31200,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak' (31204,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong' (31207,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31208,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31209,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31213,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31214,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31215,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31216,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31217,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31218,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31219,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31220,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31221,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31222,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31223,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31224,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31225,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31226,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31227,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31228,16): run-time error CSS1039: Token not allowed after unary operator: '-space-inside-s' (31232,19): run-time error CSS1039: Token not allowed after unary operator: '-sml' (31235,19): run-time error CSS1039: Token not allowed after unary operator: '-lrg' (31238,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31239,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31255,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg' (31262,22): run-time error CSS1039: Token not allowed after unary operator: '-space-inside' (31271,17): run-time error CSS1039: Token not allowed after unary operator: '-space-inside' (31279,17): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline' (31279,48): run-time error CSS1039: Token not allowed after unary operator: '-accent-graphic' (31282,18): run-time error CSS1039: Token not allowed after unary operator: '-space-inside-s' (31283,21): run-time error CSS1039: Token not allowed after unary operator: '-space-inside' (31287,19): run-time error CSS1039: Token not allowed after unary operator: '-med' (31295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31296,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31297,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31298,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31301,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31302,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31303,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31304,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31307,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31308,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31309,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31310,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31313,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31314,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31315,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31316,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31319,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31320,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31321,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31322,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31325,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31326,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31327,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31328,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31331,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31332,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31333,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31334,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31337,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31338,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31339,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31340,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31352,26): run-time error CSS1039: Token not allowed after unary operator: '-line' (31353,26): run-time error CSS1039: Token not allowed after unary operator: '-off' (31354,20): run-time error CSS1039: Token not allowed after unary operator: '-hole-shadow' (31354,61): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger' (31357,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31361,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (31363,20): run-time error CSS1039: Token not allowed after unary operator: '-ball-highlights' (31363,56): run-time error CSS1039: Token not allowed after unary operator: '-edge-color' (31363,75): run-time error CSS1039: Token not allowed after unary operator: '-ball-shade' (31363,94): run-time error CSS1039: Token not allowed after unary operator: '-ball-shadow-left' (31371,26): run-time error CSS1039: Token not allowed after unary operator: '-on-bg' (31372,20): run-time error CSS1039: Token not allowed after unary operator: '-hole-shadow' (31376,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31377,30): run-time error CSS1039: Token not allowed after unary operator: '-edge-color' (31377,49): run-time error CSS1039: Token not allowed after unary operator: '-ball-shade' (31377,68): run-time error CSS1039: Token not allowed after unary operator: '-ball-shadow-right' (31378,26): run-time error CSS1039: Token not allowed after unary operator: '-on-fg' (31381,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong' (31393,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31398,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31399,26): run-time error CSS1039: Token not allowed after unary operator: '-color' (31401,22): run-time error CSS1039: Token not allowed after unary operator: '-edge-color' (31411,22): run-time error CSS1039: Token not allowed after unary operator: '-edge-color' (31412,20): run-time error CSS1039: Token not allowed after unary operator: '-hole-shadow' (31415,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31416,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31417,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31418,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31419,16): run-time error CSS1039: Token not allowed after unary operator: '-table-height' (31427,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31428,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31429,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31430,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31431,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31432,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31433,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31434,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31435,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31436,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31437,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31439,21): run-time error CSS1039: Token not allowed after unary operator: '-line-height' (31440,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (31443,16): run-time error CSS1039: Token not allowed after unary operator: '-outer-border' (31445,17): run-time error CSS1039: Token not allowed after unary operator: '-table-padding' (31446,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-height' (31448,27): run-time error CSS1039: Token not allowed after unary operator: '-table-padding' (31449,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-color' (31450,23): run-time error CSS1039: Token not allowed after unary operator: '-table-corner-radius' (31452,71): run-time error CSS1030: Expected identifier, found '*' (31452,86): run-time error CSS1031: Expected selector, found ')' (31452,86): run-time error CSS1025: Expected comma or open brace, found ')' (31461,15): run-time error CSS1039: Token not allowed after unary operator: '-item-padding-h' (31463,23): run-time error CSS1039: Token not allowed after unary operator: '-table-padding' (31464,27): run-time error CSS1039: Token not allowed after unary operator: '-table-padding' (31465,24): run-time error CSS1039: Token not allowed after unary operator: '-row-border-thickness' (31478,21): run-time error CSS1039: Token not allowed after unary operator: '-row-border-thickness' (31479,25): run-time error CSS1039: Token not allowed after unary operator: '-border-blur' (31480,16): run-time error CSS1039: Token not allowed after unary operator: '-row-border-thickness' (31504,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong' (31508,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong' (31510,111): run-time error CSS1030: Expected identifier, found ',' (31510,121): run-time error CSS1031: Expected selector, found ')' (31510,121): run-time error CSS1025: Expected comma or open brace, found ')' (31513,111): run-time error CSS1030: Expected identifier, found ',' (31513,121): run-time error CSS1031: Expected selector, found ')' (31513,121): run-time error CSS1025: Expected comma or open brace, found ')' (31527,111): run-time error CSS1030: Expected identifier, found ',' (31527,121): run-time error CSS1031: Expected selector, found ')' (31527,121): run-time error CSS1025: Expected comma or open brace, found ')' (31531,111): run-time error CSS1030: Expected identifier, found ',' (31531,121): run-time error CSS1031: Expected selector, found ')' (31531,121): run-time error CSS1025: Expected comma or open brace, found ')' (31534,111): run-time error CSS1030: Expected identifier, found ',' (31534,121): run-time error CSS1031: Expected selector, found ')' (31534,121): run-time error CSS1025: Expected comma or open brace, found ')' (31537,111): run-time error CSS1030: Expected identifier, found ',' (31537,121): run-time error CSS1031: Expected selector, found ')' (31537,121): run-time error CSS1025: Expected comma or open brace, found ')' (31545,111): run-time error CSS1030: Expected identifier, found ',' (31545,121): run-time error CSS1031: Expected selector, found ')' (31545,121): run-time error CSS1025: Expected comma or open brace, found ')' (31555,111): run-time error CSS1030: Expected identifier, found ',' (31555,121): run-time error CSS1031: Expected selector, found ')' (31555,121): run-time error CSS1025: Expected comma or open brace, found ')' (31558,111): run-time error CSS1030: Expected identifier, found ',' (31558,121): run-time error CSS1031: Expected selector, found ')' (31558,121): run-time error CSS1025: Expected comma or open brace, found ')' (31567,111): run-time error CSS1030: Expected identifier, found ',' (31567,121): run-time error CSS1031: Expected selector, found ')' (31567,121): run-time error CSS1025: Expected comma or open brace, found ')' (31570,111): run-time error CSS1030: Expected identifier, found ',' (31570,121): run-time error CSS1031: Expected selector, found ')' (31570,121): run-time error CSS1025: Expected comma or open brace, found ')' (31575,111): run-time error CSS1030: Expected identifier, found ',' (31575,121): run-time error CSS1031: Expected selector, found ')' (31575,121): run-time error CSS1025: Expected comma or open brace, found ')' (31584,111): run-time error CSS1030: Expected identifier, found ',' (31584,121): run-time error CSS1031: Expected selector, found ')' (31584,121): run-time error CSS1025: Expected comma or open brace, found ')' (31591,111): run-time error CSS1030: Expected identifier, found ',' (31591,121): run-time error CSS1031: Expected selector, found ')' (31591,121): run-time error CSS1025: Expected comma or open brace, found ')' (31596,111): run-time error CSS1030: Expected identifier, found ',' (31596,121): run-time error CSS1031: Expected selector, found ')' (31596,121): run-time error CSS1025: Expected comma or open brace, found ')' (31604,111): run-time error CSS1030: Expected identifier, found ',' (31604,121): run-time error CSS1031: Expected selector, found ')' (31604,121): run-time error CSS1025: Expected comma or open brace, found ')' (31619,111): run-time error CSS1030: Expected identifier, found ',' (31619,121): run-time error CSS1031: Expected selector, found ')' (31619,121): run-time error CSS1025: Expected comma or open brace, found ')' (31632,111): run-time error CSS1030: Expected identifier, found ',' (31632,121): run-time error CSS1031: Expected selector, found ')' (31632,121): run-time error CSS1025: Expected comma or open brace, found ')' (31645,111): run-time error CSS1030: Expected identifier, found ',' (31645,121): run-time error CSS1031: Expected selector, found ')' (31645,121): run-time error CSS1025: Expected comma or open brace, found ')' (31648,111): run-time error CSS1030: Expected identifier, found ',' (31648,121): run-time error CSS1031: Expected selector, found ')' (31648,121): run-time error CSS1025: Expected comma or open brace, found ')' (31659,111): run-time error CSS1030: Expected identifier, found ',' (31659,121): run-time error CSS1031: Expected selector, found ')' (31659,121): run-time error CSS1025: Expected comma or open brace, found ')' (31662,111): run-time error CSS1030: Expected identifier, found ',' (31662,121): run-time error CSS1031: Expected selector, found ')' (31662,121): run-time error CSS1025: Expected comma or open brace, found ')' (31666,111): run-time error CSS1030: Expected identifier, found ',' (31666,121): run-time error CSS1031: Expected selector, found ')' (31666,121): run-time error CSS1025: Expected comma or open brace, found ')' (31669,111): run-time error CSS1030: Expected identifier, found ',' (31669,121): run-time error CSS1031: Expected selector, found ')' (31669,121): run-time error CSS1025: Expected comma or open brace, found ')' (31673,111): run-time error CSS1030: Expected identifier, found ',' (31673,121): run-time error CSS1031: Expected selector, found ')' (31673,121): run-time error CSS1025: Expected comma or open brace, found ')' (31676,111): run-time error CSS1030: Expected identifier, found ',' (31676,121): run-time error CSS1031: Expected selector, found ')' (31676,121): run-time error CSS1025: Expected comma or open brace, found ')' (31682,111): run-time error CSS1030: Expected identifier, found ',' (31682,121): run-time error CSS1031: Expected selector, found ')' (31682,121): run-time error CSS1025: Expected comma or open brace, found ')' (31687,111): run-time error CSS1030: Expected identifier, found ',' (31687,121): run-time error CSS1031: Expected selector, found ')' (31687,121): run-time error CSS1025: Expected comma or open brace, found ')' (31690,111): run-time error CSS1030: Expected identifier, found ',' (31690,121): run-time error CSS1031: Expected selector, found ')' (31690,121): run-time error CSS1025: Expected comma or open brace, found ')' (31697,111): run-time error CSS1030: Expected identifier, found ',' (31697,121): run-time error CSS1031: Expected selector, found ')' (31697,121): run-time error CSS1025: Expected comma or open brace, found ')' (31701,111): run-time error CSS1030: Expected identifier, found ',' (31701,121): run-time error CSS1031: Expected selector, found ')' (31701,121): run-time error CSS1025: Expected comma or open brace, found ')' (31710,111): run-time error CSS1030: Expected identifier, found ',' (31710,121): run-time error CSS1031: Expected selector, found ')' (31710,121): run-time error CSS1025: Expected comma or open brace, found ')' (31716,111): run-time error CSS1030: Expected identifier, found ',' (31716,121): run-time error CSS1031: Expected selector, found ')' (31716,121): run-time error CSS1025: Expected comma or open brace, found ')' (31721,111): run-time error CSS1030: Expected identifier, found ',' (31721,121): run-time error CSS1031: Expected selector, found ')' (31721,121): run-time error CSS1025: Expected comma or open brace, found ')' (31724,111): run-time error CSS1030: Expected identifier, found ',' (31724,121): run-time error CSS1031: Expected selector, found ')' (31724,121): run-time error CSS1025: Expected comma or open brace, found ')' (31733,111): run-time error CSS1030: Expected identifier, found ',' (31733,121): run-time error CSS1031: Expected selector, found ')' (31733,121): run-time error CSS1025: Expected comma or open brace, found ')' (31736,111): run-time error CSS1030: Expected identifier, found ',' (31736,121): run-time error CSS1031: Expected selector, found ')' (31736,121): run-time error CSS1025: Expected comma or open brace, found ')' (31741,111): run-time error CSS1030: Expected identifier, found ',' (31741,121): run-time error CSS1031: Expected selector, found ')' (31741,121): run-time error CSS1025: Expected comma or open brace, found ')' (31752,111): run-time error CSS1030: Expected identifier, found ',' (31752,121): run-time error CSS1031: Expected selector, found ')' (31752,121): run-time error CSS1025: Expected comma or open brace, found ')' (31761,111): run-time error CSS1030: Expected identifier, found ',' (31761,121): run-time error CSS1031: Expected selector, found ')' (31761,121): run-time error CSS1025: Expected comma or open brace, found ')' (31772,111): run-time error CSS1030: Expected identifier, found ',' (31772,121): run-time error CSS1031: Expected selector, found ')' (31772,121): run-time error CSS1025: Expected comma or open brace, found ')' (31778,111): run-time error CSS1030: Expected identifier, found ',' (31778,121): run-time error CSS1031: Expected selector, found ')' (31778,121): run-time error CSS1025: Expected comma or open brace, found ')' (31783,113): run-time error CSS1030: Expected identifier, found ',' (31783,123): run-time error CSS1031: Expected selector, found ')' (31783,123): run-time error CSS1025: Expected comma or open brace, found ')' (31786,113): run-time error CSS1030: Expected identifier, found ',' (31786,123): run-time error CSS1031: Expected selector, found ')' (31786,123): run-time error CSS1025: Expected comma or open brace, found ')' (31790,111): run-time error CSS1030: Expected identifier, found ',' (31790,121): run-time error CSS1031: Expected selector, found ')' (31790,121): run-time error CSS1025: Expected comma or open brace, found ')' (31801,111): run-time error CSS1030: Expected identifier, found ',' (31801,121): run-time error CSS1031: Expected selector, found ')' (31801,121): run-time error CSS1025: Expected comma or open brace, found ')' (31808,111): run-time error CSS1030: Expected identifier, found ',' (31808,121): run-time error CSS1031: Expected selector, found ')' (31808,121): run-time error CSS1025: Expected comma or open brace, found ')' (31813,111): run-time error CSS1030: Expected identifier, found ',' (31813,121): run-time error CSS1031: Expected selector, found ')' (31813,121): run-time error CSS1025: Expected comma or open brace, found ')' (31817,111): run-time error CSS1030: Expected identifier, found ',' (31817,121): run-time error CSS1031: Expected selector, found ')' (31817,121): run-time error CSS1025: Expected comma or open brace, found ')' (31822,111): run-time error CSS1030: Expected identifier, found ',' (31822,121): run-time error CSS1031: Expected selector, found ')' (31822,121): run-time error CSS1025: Expected comma or open brace, found ')' (31831,20): run-time error CSS1039: Token not allowed after unary operator: '-heading-height' (31847,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (31858,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong' (31868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31931,9): run-time error CSS1035: Expected colon, found '.' (31937,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31938,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31940,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31967,102): run-time error CSS1030: Expected identifier, found ',' (31967,118): run-time error CSS1031: Expected selector, found ')' (31967,118): run-time error CSS1025: Expected comma or open brace, found ')' (31972,102): run-time error CSS1030: Expected identifier, found ',' (31972,118): run-time error CSS1031: Expected selector, found ')' (31972,118): run-time error CSS1025: Expected comma or open brace, found ')' (31975,102): run-time error CSS1030: Expected identifier, found ',' (31975,118): run-time error CSS1031: Expected selector, found ')' (31975,118): run-time error CSS1025: Expected comma or open brace, found ')' (31994,22): run-time error CSS1039: Token not allowed after unary operator: '-group-heading-height' (32016,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32022,20): run-time error CSS1039: Token not allowed after unary operator: '-v-spacing' (32029,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (32030,14): run-time error CSS1039: Token not allowed after unary operator: '-fa-font-solid' (32039,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weak' (32042,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (32043,14): run-time error CSS1039: Token not allowed after unary operator: '-fa-font-solid' (32045,22): run-time error CSS1039: Token not allowed after unary operator: '-v-spacing' (32053,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (32058,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32061,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (32079,44): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (32079,70): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (32080,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak' (32083,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong' (32086,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (32089,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger' (32094,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong' (32109,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong' (32116,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (32120,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (32128,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong' (32143,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic' (32147,69): run-time error CSS1039: Token not allowed after unary operator: '-inverse' (32153,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (32163,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (32170,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong' (32187,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (32198,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32206,42): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (32206,68): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (32209,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-stronger' (32212,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (32226,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong' (32235,17): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline' (32252,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong' (32258,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (32265,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (32273,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (32281,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (32285,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32300,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (32345,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong' (32350,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (32354,40): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (32360,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (32377,34): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (32384,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (32387,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32388,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32402,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32403,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (32406,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (32407,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong' (32410,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (32415,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32422,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong' (32428,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong' (32431,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (32440,1): run-time error CSS1019: Unexpected token, found '@keyframes' (32441,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (32462,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (32470,26): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic-strong' (32471,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32477,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic-strong' (32478,31): run-time error CSS1039: Token not allowed after unary operator: '-danger-text' (32481,26): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic-weak' (32482,31): run-time error CSS1039: Token not allowed after unary operator: '-warn-text' (32485,26): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic' (32486,31): run-time error CSS1039: Token not allowed after unary operator: '-success-text' (32489,26): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic' (32490,31): run-time error CSS1039: Token not allowed after unary operator: '-info-text' (32493,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic' (32494,31): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (32497,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (32516,1): run-time error CSS1019: Unexpected token, found '@keyframes' (32517,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (32542,1): run-time error CSS1019: Unexpected token, found '@keyframes' (32543,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (32589,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (32591,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic' (32594,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg' (32595,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32597,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger' (32600,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32601,22): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32602,20): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong' (32603,31): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (32606,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (32607,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32610,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (32612,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic' (32615,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (32616,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32617,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger' (32618,23): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic' (32621,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32622,22): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32623,20): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong' (32624,31): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (32627,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (32628,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32631,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text' (32633,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic' (32636,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (32637,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32638,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-stronger' (32639,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic' (32642,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32643,22): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32644,20): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong' (32645,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker' (32648,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak' (32649,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32652,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text' (32654,22): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic' (32657,26): run-time error CSS1039: Token not allowed after unary operator: '-info-bg-weak' (32658,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32659,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text-stronger' (32660,23): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic' (32663,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32664,22): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32665,20): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic-strong' (32666,31): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker' (32669,26): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weak' (32670,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32673,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text' (32675,22): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic' (32678,26): run-time error CSS1039: Token not allowed after unary operator: '-success-bg-weak' (32679,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32680,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-stronger' (32681,23): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic' (32684,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32685,22): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32686,20): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic-strong' (32687,31): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker' (32690,26): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weak' (32691,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32694,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-text' (32696,22): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic' (32699,26): run-time error CSS1039: Token not allowed after unary operator: '-warn-bg-weak' (32700,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32701,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-stronger' (32702,23): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic' (32705,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32706,22): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32707,20): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic-strong' (32708,31): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-weaker' (32711,26): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-weak' (32712,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32715,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text' (32717,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic' (32720,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg-weak' (32721,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32722,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-stronger' (32723,23): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic' (32726,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32727,22): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32728,20): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic-strong' (32729,31): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weaker' (32732,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weak' (32733,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32739,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (32745,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (32751,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (32752,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32753,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (32794,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (32806,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32807,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32808,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32809,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32811,17): run-time error CSS1039: Token not allowed after unary operator: '-page-stagger' (32817,15): run-time error CSS1039: Token not allowed after unary operator: '-page-stagger' (32818,30): run-time error CSS1039: Token not allowed after unary operator: '-page-stagger-half' (32818,67): run-time error CSS1039: Token not allowed after unary operator: '-page-stagger-half' (32822,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32823,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (32827,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (32836,30): run-time error CSS1039: Token not allowed after unary operator: '-page-stagger-half-negative' (32836,76): run-time error CSS1039: Token not allowed after unary operator: '-page-stagger-half-negative' (32854,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (32858,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (32867,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (32875,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (32877,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (32908,39): run-time error CSS1039: Token not allowed after unary operator: '-page-stagger' (32915,38): run-time error CSS1039: Token not allowed after unary operator: '-page-stagger' (32926,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (32938,26): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic-strong' (32939,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (32946,26): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic-weak' (32950,31): run-time error CSS1039: Token not allowed after unary operator: '-info-text-stronger' (32953,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text' (32954,26): run-time error CSS1039: Token not allowed after unary operator: '-info-bg' (32971,15): run-time error CSS1039: Token not allowed after unary operator: '-info-bg-weak' (32977,61): run-time error CSS1039: Token not allowed after unary operator: '-info-bg-weak' (32979,31): run-time error CSS1039: Token not allowed after unary operator: '-info-bg' (32980,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (32995,17): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline' (32996,23): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (33005,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak' (33012,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33016,21): run-time error CSS1039: Token not allowed after unary operator: '-main-height' (33033,19): run-time error CSS1039: Token not allowed after unary operator: '-max-page-width' (33052,22): run-time error CSS1039: Token not allowed after unary operator: '-main-height' (33089,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak' (33090,62): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (33112,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong' (33118,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic' (33121,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak' (33124,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker' (33127,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (33156,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong' (33161,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (33164,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (33178,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong' (33186,17): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline' (33189,20): run-time error CSS1039: Token not allowed after unary operator: '-bg' (33192,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (33193,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak' (33201,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg' (33202,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text' (33203,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic' (33204,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow' (33207,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text' (33210,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-strong' (33213,26): run-time error CSS1039: Token not allowed after unary operator: '-success-bg' (33214,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text' (33215,22): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic' (33216,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow' (33219,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text' (33222,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-strong' (33225,26): run-time error CSS1039: Token not allowed after unary operator: '-info-bg' (33226,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text' (33227,22): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic' (33228,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow' (33231,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text' (33234,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text-strong' (33237,26): run-time error CSS1039: Token not allowed after unary operator: '-warn-bg' (33238,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-text' (33239,22): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic' (33240,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow' (33243,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-text' (33246,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-strong' (33249,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33252,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33253,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33254,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33255,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33256,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (33257,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (33262,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (33263,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (33264,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (33267,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg' (33268,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-strong' (33269,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic' (33275,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong' (33297,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (33298,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (33307,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (33308,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (33309,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (33311,64): run-time error CSS1030: Expected identifier, found ',' (33311,82): run-time error CSS1031: Expected selector, found ')' (33311,82): run-time error CSS1025: Expected comma or open brace, found ')' (33318,64): run-time error CSS1030: Expected identifier, found ',' (33318,82): run-time error CSS1031: Expected selector, found ')' (33318,82): run-time error CSS1025: Expected comma or open brace, found ')' (33324,64): run-time error CSS1030: Expected identifier, found ',' (33324,82): run-time error CSS1031: Expected selector, found ')' (33324,82): run-time error CSS1025: Expected comma or open brace, found ')' (33327,64): run-time error CSS1030: Expected identifier, found ',' (33327,82): run-time error CSS1031: Expected selector, found ')' (33327,82): run-time error CSS1025: Expected comma or open brace, found ')' (33332,64): run-time error CSS1030: Expected identifier, found ',' (33332,82): run-time error CSS1031: Expected selector, found ')' (33332,82): run-time error CSS1025: Expected comma or open brace, found ')' (33336,64): run-time error CSS1030: Expected identifier, found ',' (33336,82): run-time error CSS1031: Expected selector, found ')' (33336,82): run-time error CSS1025: Expected comma or open brace, found ')' (33342,64): run-time error CSS1030: Expected identifier, found ',' (33342,82): run-time error CSS1031: Expected selector, found ')' (33342,82): run-time error CSS1025: Expected comma or open brace, found ')' (33348,64): run-time error CSS1030: Expected identifier, found ',' (33348,82): run-time error CSS1031: Expected selector, found ')' (33348,82): run-time error CSS1025: Expected comma or open brace, found ')' (33354,64): run-time error CSS1030: Expected identifier, found ',' (33354,82): run-time error CSS1031: Expected selector, found ')' (33354,82): run-time error CSS1025: Expected comma or open brace, found ')' (33360,64): run-time error CSS1030: Expected identifier, found ',' (33360,82): run-time error CSS1031: Expected selector, found ')' (33360,82): run-time error CSS1025: Expected comma or open brace, found ')' (33366,64): run-time error CSS1030: Expected identifier, found ',' (33366,82): run-time error CSS1031: Expected selector, found ')' (33366,82): run-time error CSS1025: Expected comma or open brace, found ')' (33372,64): run-time error CSS1030: Expected identifier, found ',' (33372,82): run-time error CSS1031: Expected selector, found ')' (33372,82): run-time error CSS1025: Expected comma or open brace, found ')' (33378,64): run-time error CSS1030: Expected identifier, found ',' (33378,82): run-time error CSS1031: Expected selector, found ')' (33378,82): run-time error CSS1025: Expected comma or open brace, found ')' (33384,64): run-time error CSS1030: Expected identifier, found ',' (33384,82): run-time error CSS1031: Expected selector, found ')' (33384,82): run-time error CSS1025: Expected comma or open brace, found ')' (33392,64): run-time error CSS1030: Expected identifier, found ',' (33392,82): run-time error CSS1031: Expected selector, found ')' (33392,82): run-time error CSS1025: Expected comma or open brace, found ')' (33395,64): run-time error CSS1030: Expected identifier, found ',' (33395,82): run-time error CSS1031: Expected selector, found ')' (33395,82): run-time error CSS1025: Expected comma or open brace, found ')' (33403,64): run-time error CSS1030: Expected identifier, found ',' (33403,82): run-time error CSS1031: Expected selector, found ')' (33403,82): run-time error CSS1025: Expected comma or open brace, found ')' (33406,64): run-time error CSS1030: Expected identifier, found ',' (33406,82): run-time error CSS1031: Expected selector, found ')' (33406,82): run-time error CSS1025: Expected comma or open brace, found ')' (33416,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (33419,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (33420,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-stronger' (33422,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak' (33422,83): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (33425,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (33426,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (33432,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (33433,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (33434,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic' (33437,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak' (33450,17): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline' (33454,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (33457,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (33464,13): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (33465,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak' (33468,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong' (33469,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong' (33472,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (33473,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (33474,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (33478,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (33481,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (33486,62): run-time error CSS1030: Expected identifier, found ',' (33486,92): run-time error CSS1031: Expected selector, found ')' (33486,92): run-time error CSS1025: Expected comma or open brace, found ')' (33490,62): run-time error CSS1030: Expected identifier, found ',' (33490,92): run-time error CSS1031: Expected selector, found ')' (33490,92): run-time error CSS1025: Expected comma or open brace, found ')' (33499,25): run-time error CSS1039: Token not allowed after unary operator: '-grid-col-gap' (33500,22): run-time error CSS1039: Token not allowed after unary operator: '-grid-row-gap' (33504,28): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (33504,49): run-time error CSS1039: Token not allowed after unary operator: '-main-height' (33504,68): run-time error CSS1039: Token not allowed after unary operator: '-footer-height' (33520,16): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (33522,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg' (33532,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (33533,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text' (33542,16): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (33546,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33547,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33548,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33549,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33572,31): run-time error CSS1039: Token not allowed after unary operator: '-chevron-width' (33575,22): run-time error CSS1039: Token not allowed after unary operator: '-chevron-width' (33578,25): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (33579,28): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (33580,21): run-time error CSS1039: Token not allowed after unary operator: '-chevron-width' (33580,48): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg' (33587,19): run-time error CSS1039: Token not allowed after unary operator: '-chevron-width' (33589,27): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-bg' (33592,25): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (33593,28): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (33594,21): run-time error CSS1039: Token not allowed after unary operator: '-chevron-width' (33594,48): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg' (33605,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic' (33611,26): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-bg-focus' (33614,27): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-bg-focus' (33619,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong' (33625,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (33628,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong' (33641,16): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (33646,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (33703,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak' (33711,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker' (33762,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text' (33763,16): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (33767,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (33768,17): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline' (33782,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg' (33798,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33799,25): run-time error CSS1039: Token not allowed after unary operator: '-grid-col-gap' (33800,22): run-time error CSS1039: Token not allowed after unary operator: '-grid-row-gap' (33802,35): run-time error CSS1039: Token not allowed after unary operator: '-min-logo-height' (33852,20): run-time error CSS1039: Token not allowed after unary operator: '-min-logo-height' (33856,26): run-time error CSS1039: Token not allowed after unary operator: '-logo' (33857,19): run-time error CSS1039: Token not allowed after unary operator: '-logo-transform' (33858,24): run-time error CSS1039: Token not allowed after unary operator: '-logo-blend' (33866,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (33886,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (33887,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (33888,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (33891,17): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline' (33902,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (33912,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (33921,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (33928,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (33929,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong' (33943,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33944,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33945,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (33946,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (33947,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic' (33948,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow' (33952,17): run-time error CSS1039: Token not allowed after unary operator: '-pad' (33960,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33961,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33964,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger' (33965,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (33966,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong' (33972,29): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg' (33975,29): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg' (33979,35): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (33980,36): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (33983,32): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (33984,33): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (33987,24): run-time error CSS1039: Token not allowed after unary operator: '-radio-size' (33988,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (33990,16): run-time error CSS1039: Token not allowed after unary operator: '-radio-m' (33995,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong' (34000,16): run-time error CSS1039: Token not allowed after unary operator: '-radio-m' (34001,20): run-time error CSS1039: Token not allowed after unary operator: '-radio-size' (34002,19): run-time error CSS1039: Token not allowed after unary operator: '-radio-size' (34013,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong' (34014,26): run-time error CSS1039: Token not allowed after unary operator: '-success-bg' (34015,16): run-time error CSS1039: Token not allowed after unary operator: '-radio-size' (34016,15): run-time error CSS1039: Token not allowed after unary operator: '-radio-size' (34021,28): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (34025,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak' (34034,16): run-time error CSS1039: Token not allowed after unary operator: '-main-height' (34035,19): run-time error CSS1039: Token not allowed after unary operator: '-grid-col-gap' (34036,16): run-time error CSS1039: Token not allowed after unary operator: '-main-height' (34046,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34047,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34049,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34050,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34051,28): run-time error CSS1039: Token not allowed after unary operator: '-table-controls-height' (34051,57): run-time error CSS1039: Token not allowed after unary operator: '-table-height' (34066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34067,21): run-time error CSS1039: Token not allowed after unary operator: '-table-controls-height' (34067,52): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (34068,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (34074,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (34074,44): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (34075,16): run-time error CSS1039: Token not allowed after unary operator: '-outer-border' (34077,27): run-time error CSS1039: Token not allowed after unary operator: '-asset-table-padding' (34078,28): run-time error CSS1039: Token not allowed after unary operator: '-asset-table-padding' (34079,24): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (34086,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (34095,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (34096,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-strong' (34097,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong' (34101,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic' (34104,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (34119,26): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic' (34120,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (34123,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (34126,15): run-time error CSS1039: Token not allowed after unary operator: '-info-bg-weak' (34140,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34141,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (34144,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (34145,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong' (34148,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (34153,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (34160,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong' (34165,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong' (34168,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (34178,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (34179,16): run-time error CSS1039: Token not allowed after unary operator: '-outer-border' (34183,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (34186,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34187,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34190,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (34191,16): run-time error CSS1039: Token not allowed after unary operator: '-outer-border' (34192,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (34193,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow' (34196,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak' (34199,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow' (34202,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (34207,20): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (34209,16): run-time error CSS1039: Token not allowed after unary operator: '-outer-border' (34213,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (34218,16): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (34220,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (34222,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (34244,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (34258,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong' (34259,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (34265,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic-strong' (34267,26): run-time error CSS1039: Token not allowed after unary operator: '-warn-bg-strong' (34274,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic-weak' (34277,26): run-time error CSS1039: Token not allowed after unary operator: '-warn-bg-weak' (34278,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-weaker' (34279,22): run-time error CSS1039: Token not allowed after unary operator: '-warn-bg' (34282,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic' (34289,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (34297,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34298,25): run-time error CSS1039: Token not allowed after unary operator: '-overlap' (34299,26): run-time error CSS1039: Token not allowed after unary operator: '-overlap' (34300,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow' (34331,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (34333,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (34343,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (34344,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (34348,16): run-time error CSS1039: Token not allowed after unary operator: '-outer-border' (34349,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34354,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (34357,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (34363,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong' (34372,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (34376,23): run-time error CSS1039: Token not allowed after unary operator: '-separator' (34385,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong' (34416,23): run-time error CSS1039: Token not allowed after unary operator: '-separator' (34428,14): run-time error CSS1039: Token not allowed after unary operator: '-fa-font-solid' (34432,23): run-time error CSS1039: Token not allowed after unary operator: '-outer-border' (34442,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (34454,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (34460,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text' (34466,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (34469,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weak' (34478,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger' (34479,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong' (34481,20): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (34494,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (34497,20): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weaker' (34498,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong' (34507,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (34514,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (34518,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (34519,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong' (34524,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow' (34527,33): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic' (34531,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weak' (34534,33): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic' (34538,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-weak' (34541,33): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic' (34545,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weak' (34548,33): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic' (34552,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weak' (34555,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic' (34559,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak' (34562,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic' (34566,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (34573,30): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (34578,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (34581,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34582,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34583,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34584,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (34585,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (34587,22): run-time error CSS1039: Token not allowed after unary operator: '-v' (34587,45): run-time error CSS1039: Token not allowed after unary operator: '-h' (34587,63): run-time error CSS1039: Token not allowed after unary operator: '-v' (34587,72): run-time error CSS1039: Token not allowed after unary operator: '-h' (34588,27): run-time error CSS1039: Token not allowed after unary operator: '-h' (34589,23): run-time error CSS1039: Token not allowed after unary operator: '-v' (34589,32): run-time error CSS1039: Token not allowed after unary operator: '-fold' (34589,44): run-time error CSS1039: Token not allowed after unary operator: '-v' (34589,53): run-time error CSS1039: Token not allowed after unary operator: '-v' (34596,29): run-time error CSS1039: Token not allowed after unary operator: '-v' (34597,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (34598,15): run-time error CSS1039: Token not allowed after unary operator: '-fold' (34599,16): run-time error CSS1039: Token not allowed after unary operator: '-fold' (34607,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (34611,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (34614,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (34618,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (34619,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (34622,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (34625,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (34626,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (34632,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic' (34635,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg' (34636,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text' (34639,32): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic' (34642,26): run-time error CSS1039: Token not allowed after unary operator: '-warn-bg-weak' (34643,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-weak' (34646,32): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic' (34649,26): run-time error CSS1039: Token not allowed after unary operator: '-success-bg-weak' (34650,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-' (34656,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (34657,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (34660,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (34662,109): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg' (34665,26): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic' (34676,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34677,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (34679,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (34682,19): run-time error CSS1039: Token not allowed after unary operator: '-h-pad' (34690,17): run-time error CSS1039: Token not allowed after unary operator: '-h-pad' (34691,23): run-time error CSS1039: Token not allowed after unary operator: '-h-pad' (34695,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (34696,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (34701,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (34719,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (34723,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg' (34727,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (34754,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (34756,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (34777,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (34792,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (34793,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (34794,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (34797,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic' (34809,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg' (34810,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (34816,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg' (34817,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic' (34821,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (34841,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (34844,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak' (34851,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong' (34856,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (34861,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (34863,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (34880,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (34881,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (34883,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong' (34903,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (34912,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (34915,29): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic' (34918,29): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic' (34941,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker' (34944,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weaker' (34965,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong' (34990,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg' (35022,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong' (35037,26): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic' (35038,26): run-time error CSS1039: Token not allowed after unary operator: '-success-bg-weak' (35041,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text' (35047,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic' (35048,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg-weak' (35051,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weak' (35054,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (35061,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker' (35064,15): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic' (35067,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weaker' (35070,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic' (35079,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (35081,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35084,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-selected' (35087,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (35091,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-selected' (35094,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35095,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35102,26): run-time error CSS1039: Token not allowed after unary operator: '-list-bg' (35103,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (35105,36): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (35106,35): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (35110,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (35120,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (35123,15): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic-weak' (35126,15): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic-weak' (35145,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35150,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (35151,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic' (35152,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text' (35155,30): run-time error CSS1039: Token not allowed after unary operator: '-skew' (35160,43): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic' (35164,25): run-time error CSS1039: Token not allowed after unary operator: '-skew' (35165,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (35166,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic' (35171,25): run-time error CSS1039: Token not allowed after unary operator: '-skew' (35182,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker' (35183,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (35188,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak' (35200,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (35217,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (35223,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker' (35226,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weak' (35230,15): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic-weak' (35235,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (35237,26): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic-strong' (35238,35): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (35241,36): run-time error CSS1039: Token not allowed after unary operator: '-info-bg-weak' (35242,34): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (35243,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (35262,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong' (35282,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (35301,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (35315,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (35349,26): run-time error CSS1039: Token not allowed after unary operator: '-success-bg-weak' (35351,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weak' (35354,15): run-time error CSS1039: Token not allowed after unary operator: '-success-bg' (35358,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker' (35402,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic-weak' (35405,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (35408,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (35409,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (35428,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (35455,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (35466,26): run-time error CSS1039: Token not allowed after unary operator: '-info-bg-weak' (35467,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text' (35483,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35484,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg' (35485,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (35486,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow' (35503,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (35504,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (35508,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (35509,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong' (35510,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong' (35515,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weaker' (35516,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg' (35520,26): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic-strong' (35521,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (35524,38): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker' (35533,26): run-time error CSS1039: Token not allowed after unary operator: '-list-bg' (35534,16): run-time error CSS1039: Token not allowed after unary operator: '-border' (35535,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (35536,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (35548,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text' (35551,26): run-time error CSS1039: Token not allowed after unary operator: '-list-bg' (35557,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-strong' (35568,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (35570,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong' (35571,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius' (35595,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35606,27): run-time error CSS1039: Token not allowed after unary operator: '-tile-spacing' (35610,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35611,15): run-time error CSS1039: Token not allowed after unary operator: '-square-size' (35613,16): run-time error CSS1039: Token not allowed after unary operator: '-square-size' (35614,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (35615,22): run-time error CSS1039: Token not allowed after unary operator: '-tile-spacing' (35616,23): run-time error CSS1039: Token not allowed after unary operator: '-tile-spacing' (35629,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (35645,28): run-time error CSS1039: Token not allowed after unary operator: '-warn-bg-strong' (35646,17): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-stronger' (35663,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (35664,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text' (35671,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text' (35674,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-strong' (35675,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong' (35679,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong' (35682,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong' (35686,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong' (35724,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic' (35731,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak' (35732,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (35735,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong' (35738,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak' (35739,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak' (35746,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (35752,15): run-time error CSS1039: Token not allowed after unary operator: '-bg' (35755,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker' (35766,15): run-time error CSS1039: Token not allowed after unary operator: '-bg' (35767,16): run-time error CSS1039: Token not allowed after unary operator: '-dark-invert' (35770,15): run-time error CSS1039: Token not allowed after unary operator: '-bg' (35775,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (35776,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (35783,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text' (35788,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg' (35789,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic-weak' (35814,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (35820,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (35824,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (35827,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (35828,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic' (35833,20): run-time error CSS1039: Token not allowed after unary operator: '-bg' (35849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35850,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (35852,17): run-time error CSS1039: Token not allowed after unary operator: '-pad' (35854,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (35855,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow' (35859,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (35861,21): run-time error CSS1039: Token not allowed after unary operator: '-pad' (35867,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (35871,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (35874,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak' (35877,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (35928,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (35934,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35935,16): run-time error CSS1039: Token not allowed after unary operator: '-size' (35938,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (35949,17): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline' (35952,36): run-time error CSS1039: Token not allowed after unary operator: '-success-bg-strong' (35954,211): run-time error CSS1030: Expected identifier, found ',' (35954,216): run-time error CSS1031: Expected selector, found ')' (35954,216): run-time error CSS1025: Expected comma or open brace, found ')' (35958,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong' (35961,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker' (35964,19): run-time error CSS1039: Token not allowed after unary operator: '-size' (35966,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (35977,15): run-time error CSS1039: Token not allowed after unary operator: '-size' (35980,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35981,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (35982,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (35989,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (36019,18): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (36024,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (36029,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong' (36033,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (36034,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (36035,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow' (36038,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (36041,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (36045,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (36049,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak' (36070,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong' (36071,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong' (36096,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (36100,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (36146,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (36157,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong' (36160,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong' (36170,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-stronger' (36177,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (36186,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (36196,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong' (36219,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (36229,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow' (36230,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (36268,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (36272,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak' (36275,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (36283,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong' (36286,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong' (36295,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak' (36301,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-stronger' (36306,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (36307,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic' (36310,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak' (36362,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (36363,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg' (36366,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36374,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (36387,23): run-time error CSS1039: Token not allowed after unary operator: '-indent' (36397,23): run-time error CSS1039: Token not allowed after unary operator: '-indent' (36406,31): run-time error CSS1039: Token not allowed after unary operator: '-indent' (36444,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (36480,16): run-time error CSS1039: Token not allowed after unary operator: '-footer-height' (36487,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (36490,26): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker' (36493,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weaker' (36494,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (36496,111): run-time error CSS1030: Expected identifier, found ',' (36496,132): run-time error CSS1031: Expected selector, found ')' (36496,132): run-time error CSS1025: Expected comma or open brace, found ')' (36598,40): run-time error CSS1030: Expected identifier, found '>' (36598,110): run-time error CSS1031: Expected selector, found ')' (36598,110): run-time error CSS1025: Expected comma or open brace, found ')' (36606,40): run-time error CSS1030: Expected identifier, found '>' (36606,110): run-time error CSS1031: Expected selector, found ')' (36606,110): run-time error CSS1025: Expected comma or open brace, found ')' (36613,40): run-time error CSS1030: Expected identifier, found '>' (36613,110): run-time error CSS1031: Expected selector, found ')' (36613,110): run-time error CSS1025: Expected comma or open brace, found ')' (36616,40): run-time error CSS1030: Expected identifier, found '>' (36616,110): run-time error CSS1031: Expected selector, found ')' (36616,110): run-time error CSS1025: Expected comma or open brace, found ')' (36619,40): run-time error CSS1030: Expected identifier, found '>' (36619,110): run-time error CSS1031: Expected selector, found ')' (36619,110): run-time error CSS1025: Expected comma or open brace, found ')' (36628,40): run-time error CSS1030: Expected identifier, found '>' (36628,110): run-time error CSS1031: Expected selector, found ')' (36628,110): run-time error CSS1025: Expected comma or open brace, found ')' (36638,40): run-time error CSS1030: Expected identifier, found '>' (36638,110): run-time error CSS1031: Expected selector, found ')' (36638,110): run-time error CSS1025: Expected comma or open brace, found ')' (36646,40): run-time error CSS1030: Expected identifier, found '>' (36646,110): run-time error CSS1031: Expected selector, found ')' (36646,110): run-time error CSS1025: Expected comma or open brace, found ')' (36651,40): run-time error CSS1030: Expected identifier, found '>' (36651,110): run-time error CSS1031: Expected selector, found ')' (36651,110): run-time error CSS1025: Expected comma or open brace, found ')' (36655,40): run-time error CSS1030: Expected identifier, found '>' (36655,110): run-time error CSS1031: Expected selector, found ')' (36655,110): run-time error CSS1025: Expected comma or open brace, found ')' (36662,40): run-time error CSS1030: Expected identifier, found '>' (36662,110): run-time error CSS1031: Expected selector, found ')' (36662,110): run-time error CSS1025: Expected comma or open brace, found ')' (36750,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak' (36755,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker' (36758,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text' (36778,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36779,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36780,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36781,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36782,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36783,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36784,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36785,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36786,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36787,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36788,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36789,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36790,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36791,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36792,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36793,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36794,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36795,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36796,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36797,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36798,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36799,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36800,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36801,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36802,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36803,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36804,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36805,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36806,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36807,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36808,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36809,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36810,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36811,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36812,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36813,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36814,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36815,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36816,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36817,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36818,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36819,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36820,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36821,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36822,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36823,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36824,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36825,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36826,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36827,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36828,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36829,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36830,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36831,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36832,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36833,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36834,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36835,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36836,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36837,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36838,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36839,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36840,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36841,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36842,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36843,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36844,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36845,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36846,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36847,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36848,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36849,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36850,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36851,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36852,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36853,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36854,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36855,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36856,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36857,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36858,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36859,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36860,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36861,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36862,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36863,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36867,28): run-time error CSS1039: Token not allowed after unary operator: '-bg' (36877,22): run-time error CSS1039: Token not allowed after unary operator: '-bg' (36934,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker' (36936,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-text' (36942,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-text' (37034,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker' (37047,22): run-time error CSS1039: Token not allowed after unary operator: '-brand' (37052,17): run-time error CSS1039: Token not allowed after unary operator: '-absolute' (37058,17): run-time error CSS1039: Token not allowed after unary operator: '-brand' (37064,26): run-time error CSS1039: Token not allowed after unary operator: '-brand' (37109,17): run-time error CSS1039: Token not allowed after unary operator: '-brand' (37115,22): run-time error CSS1039: Token not allowed after unary operator: '-brand' (37125,22): run-time error CSS1039: Token not allowed after unary operator: '-brand' (37131,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak' (37138,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-text' (37144,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak' (37146,17): run-time error CSS1039: Token not allowed after unary operator: '-bg' (37152,2): run-time error CSS1031: Expected selector, found '/' (37152,2): run-time error CSS1025: Expected comma or open brace, found '/' */ .prototype-history .left-panel { padding:20px; color:#ebebeb; background: #2a2a2b; background: -webkit-linear-gradient(#3e3e40,#2a2a2b); background: -o-linear-gradient(#3e3e40,#2a2a2b); background: -moz-linear-gradient(#3e3e40,#2a2a2b); background: linear-gradient(#3e3e40,#2a2a2b); overflow-y:hidden !important; min-height:100%; } .prototype-history.has-target .left-panel { overflow-y: auto !important; } .prototype-history h2, .prototype-history h3, .prototype-history h4, .prototype-history th { color:#ebebeb !important; } .prototype-history h2, .prototype-history h3, .prototype-history h4 { margin-top:0; } .prototype-history .prototype-heading { background: #2a2a2b; margin:-20px -20px 0 -20px; padding:10px; overflow:hidden; } .prototype-history .prototype-heading i { font-size:20px; position:relative; z-index:1; margin:0 30px 0 10px; } .prototype-history .prototype-heading i:after { content: ''; width: 55px; height: 52px; background-color: #00558e; position: absolute; z-index: -1; top: -15px; left: -20px; } .prototype-history .prototype-heading-title { display:inline-block; font-size:20px; } .prototype-history .prototype-heading-options { float:right; } .prototype-history > table { overflow:hidden; position:relative; } .prototype-history horizontal-timeline { margin-top:20px; position:relative; z-index:1; } .prototype-history table td.trafficlight, .prototype-history table th.trafficlight { position: relative; text-align:center; } .prototype-history table td.trafficlight i { z-index:1; position:relative; } .prototype-history table td.trafficlight:hover::before, .prototype-history table th.trafficlight:hover::before { content: ""; position: absolute; background-color: #3e3e40; left: 0; top: -5000px; height: 10000px; width: 100%; opacity:.8; } .prototype-history .trafficlight-table { overflow:hidden; position:relative; table-layout:fixed; margin-top: -45px; } .prototype-history .trafficlight-table > thead th.trafficlight { height:60px !important; background-color:rgb(50, 50, 51) !important; color:#ebebeb !important; font-weight:normal; font-size: 7pt; } .prototype-history table tr td { background-color:#464648; } .prototype-history table tr:nth-child(2n+1) td { background-color:#3e3e40; } .prototype-history table.dropzone { position: relative; } .prototype-history table.dropzone thead { position: sticky; top: 0px; } .prototype-history table.dropzone tr td { background-color:#545454; border: solid 1px #1a1a1a; } .prototype-history table.dropzone tr:nth-child(2n+1) td { background-color:#434343; } .prototype-history table.dropzone tr td.level2 { background-color:#404040; } .prototype-history table.dropzone tr:nth-child(2n+1) td.level2 { background-color:#262626; } .prototype-history .trafficlight-table td:not(:first-child) { font-size: 1vw; } .prototype-history .trafficlight-table td:first-child, .prototype-history .trafficlight-table th:first-child { min-width:250px; max-width:250px; width:250px; } .prototype-history .table-hover > tbody > tr:hover > td { background-color:#3e3e40 !important; } .prototype-history h2 { } .prototype-history .expanded-row td { background-color: #272727 !important; } .prototype-history .expanded-row-header td { background-color:#00558e !important; } .prototype-history .table-hover > tbody > tr.expanded-row-header:hover > td { background-color:#0067ac !important; } .job-history-tooltip span { display: block; } .job-response-header, .job-history-header { border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 10px; font-size:1.5em; position:relative; top:15px; } .job-history-header { background-color:rgb(50, 50, 51);; } .job-response-header { background-color:#09f; top:0; } .job-response-header>.job-headings { display:flex; align-items:flex-end; } .job-response-header span { flex:1; } .job-response-header .fa-window-close { position:relative; top:-3px; } .job-response i { position:relative; top:-3px; } .job-response table { border-radius:initial; } .job-response table th { background-color:#09f; } .job-response table ul { margin:0; padding:0; } .job-response .thumbnails { width:200px; } .job-response .thumbnail { border: 0; margin: 2%; width: 45%; padding: 1px; display: inline-block; } .show-floorplan .thumbnails { width:auto; } .show-floorplan .thumbnail { width: 90%; } .show-floorplan job-response-view { margin:10px -10px 10px -10px; } job-response-view { display:block; padding:0; border:0; margin:0; } job-response-view a, job-response-view a:hover { color:#f90; } .job-response .review-container { display: flex; flex-flow:column; flex-flow: column; /*border: 2px solid #5cb85c;*/ padding: 5px; margin: 5px; background-color: #272727; color: #fff; text-align: right; } .job-response .reviewed { border: 2px solid #5cb85c; } .job-response .awaitingreview { border: 2px solid #ff9800; } .job-response .review-container > h3 { margin: 0px; } div.prototype-list > div:first-child { width: 30%; display:flex; align-items: stretch; padding: 10px 10px 10px 15px; } div.prototype-list > div:first-child > div { width:100%; } div.prototype-list > div:last-child { width: 70%; display: flex; align-items: stretch; padding: 10px 5px 10px 0px; } div.prototype-target-trafficlight { background-color: #1c262e; margin-left:-20px; } div.prototype-target-trafficlight > table col.ec { width: 20px; } div.prototype-target-trafficlight > table col.ec.level2 { background-color: #333d44; } div.prototype-target-trafficlight > table > thead > tr:first-child{ height: 250px; } div.prototype-target-trafficlight > table th.rotate { white-space: nowrap; overflow: hidden; } div.prototype-target-trafficlight > table > thead > tr { vertical-align: bottom; } div.prototype-target-trafficlight > table th.ec { border: solid 1px #1c262e; } div.prototype-target-trafficlight > table th.ec.level1, div.prototype-target-trafficlight > table tr.building > th { background-color: #333d44; color: #626a70; } div.prototype-target-trafficlight > table th.ec.level2, div.prototype-target-trafficlight > table tr.component > th { background-color: #313131; } div.prototype-target-trafficlight > table th.ec.level2 { padding-bottom: 10px; color: #adadad !important; } div.prototype-target-trafficlight > table td.ec { text-align:center; } div.prototype-target-trafficlight > table th.rotate > div { -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; width: 30px; margin-bottom: 15px; font-weight:normal; } /*div.prototype-target-trafficlight > table th.rotate > div:before { content:''; padding:50% 0; display:block; background:red; position:relative; top:20px }*/ div.prototype-target-trafficlight > table tr.building > th { padding:3px; /*width:400px;*/ } /* Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.5 Version: 1.9.0 Author: Sean Ngu Website: http://www.seantheme.com/color-admin-v1.9/admin/ :: 1.0 General Reset & Setup ------------------------------------------- 1.1 Reset and overrides :: 2.0 Page Structure Settings ------------------------------------------- 2.1 Page Options 2.2 Page Loader 2.3 Header & header elements 2.4 Sidebar & sidebar elements 2.5 Content & content elements 2.6 Footer & footer elements :: 3.0 Component Setting ------------------------------------------- 3.1 Component - Form Elements 3.2 Component - Dropdown Menu 3.3 Component - Tooltip 3.4 Component - Alert 3.5 Component - Note Setting 3.6 Component - Badge & Label Setting 3.7 Component - Pagination & pager 3.8 Component - Progress bar 3.9 Component - Nav Setting 3.10 Component - Nav Tabs 3.11 Component - Nav Pills 3.12 Component - Tab Content 3.13 Component - Accordion Panel 3.14 Component - Button 3.14.1 Component - Button - Default 3.14.2 Component - Button - White 3.14.3 Component - Button - Inverse 3.14.4 Component - Button - Primary 3.14.5 Component - Button - Success 3.14.6 Component - Button - Warning 3.14.7 Component - Button - Danger 3.14.8 Component - Button - Info 3.15 Component - Panel 3.16.Component - Panel - Panel Expand 3.17 Component - Panel - Panel loading 3.18 Component - Modal Setting 3.19 Component - Media Object 3.20 Component - Table 3.21 Component - Well 3.22 Component - Jumbotron 3.23 Component - List Group 3.24 Component - Carousel :: 4.0 Predefined CSS Setting ------------------------------------------- 4.1 Predefined Classes :: 5.0 Plugins Setting ------------------------------------------- 5.0 Plugins Setting 5.1 Plugins - jQuery Draggable 5.2 Plugins - Slimscrollbar 5.3 Plugins - Gritter Notification 5.4 Plugins - Data Table 5.5 Plugins - Datepicker 5.6 Plugins - Colorpicker 5.7 Plugins - Bootstrap Timepicker 5.8 Plugins - jQuery Autocomplete 5.9 Plugins - Combobox 5.10 Plugins - Bootstrap Select 5.11 Plugins - TagIt 5.12 Plugins - Parsley 5.13 Plugins - CKEditor / wysihtml5 5.14 Plugins - Bootstrap Wizard 5.15 Plugins - Fullcalendar 5.16 Plugins - jVectorMap 5.17 Plugins - Flot Chart 5.18 Plugins - Sparkline :: 6.0 Page Setting ------------------------------------------- 6.1 Page - Search Result 6.2 Media Message 6.3 Widget Stats 6.4 Todolist 6.5 Page - Vector / Google Map 6.6 Page - Invoice 6.7 Page - Login 6.8 Page - Gallery 6.9 Page - Inbox 6.10 Page - 404 Error Page :: 7.0 Update - V1.1 ------------------------------------------- 7.1 Timeline Setting 7.2 Coming Soon Page Setting :: 8.0 Update - V1.2 ------------------------------------------- 8.1 Theme Panel Setting 8.2 Powerange Slider Setting 8.3 Plugins DateTimepicker 8.4 Plugins wysihtml5 Sandbox 8.5 Plugins Typeahead 8.6 Plugins Select 2 Choice 8.7 Login Page V2 :: 9.0 Update - V1.3 ------------------------------------------- 9.1 Widget Chart Setting 9.2 List Group Item Inverse Setting 9.3 Bootstrap Calendar Setting 9.4 Registered Users List Setting 9.5 Chat List Setting 9.6 Gallery v2 - Superbox Setting :: 10.0 Update - V1.4 ------------------------------------------- 10.1 Page - Email Inbox v2 10.2 Page - Email Detail v2 :: 11.0 Update - V1.5 ------------------------------------------- 11.1 Content Theme - Flat Black 11.1.1 Flat Black - Body Setting 11.1.2 Flat Black - Navbar Inverse Setting 11.1.3 Flat Black - Sidebar Setting 11.1.4 Flat Black - Page Footer Setting 11.1.5 Flat Black - List Group item Setting 11.1.6 Flat Black - Nav Pills Setting 11.1.7 Flat Black - Badge Setting 11.1.8 Flat Black - Tabs Setting 11.1.9 Flat Black - Panel Setting 11.1.10 Flat Black - Table Setting 11.1.11 Flat Black - Button Inverse Setting 11.1.12 Flat Black - Button Default Setting 11.1.13 Flat Black - Button White Setting 11.1.14 Flat Black - Pagination Setting 11.1.15 Flat Black - Progress Bar Setting 11.1.16 Flat Black - Vector Map Setting 11.1.17 Flat Black - Helper Classes Setting 11.1.18 Flat Black - Bootstrap Wizard Setting 11.1.19 Flat Black - Timeline 11.1.20 Flat Black - Invoice 11.1.21 Flat Black - Error Page 11.2 Pace Loader Setting :: 12.0 Update - V1.6 ------------------------------------------- 12.1 Unlimited Nav Tabs :: 13.0 Update - V1.7 ------------------------------------------- 13.1 Light Sidebar Setting 13.2 Wide Sidebar Setting 13.3 Navbar Header Brand Without Background Setting 13.4 Plugins - Jstree Setting 13.5 Top Navbar Mega Menu Setting 13.6 Login & Register Page with News Feed Setting 13.7 Plugins - Bootstrap Date Range Picker 13.8 Plugins - Select 2 13.9 Top Navbar Language Setting 13.10 Profile Page Setting :: 14.0 Update - V1.8 ------------------------------------------- 14.1 Full Color Panel 14.2 Bootstrap Date Timepicker :: 15.0 Update - V1.9 ------------------------------------------- 15.1 Sidebar Transparent 15.2 Top Menu Element 15.2.1 Top Menu Sub Menu Setting 15.2.2 Top Menu Left & Right Control Setting 15.3 Boxed Layout Setting 15.4 Nvd3 Chart Setting */ /* ------------------------------- 1.0 General reset & setup ------------------------------- */ /* 1.1 Reset and overrides */ body, html { height: 100%; } body { background: #d9e0e7; font-size: 12px; font-family: 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif; color: #707478; color: var(--neutral-text, #707478); } body.simplified-layout { background: #fff; } .ie8 body { font-family: Arial,sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: 500; color: #242a30; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; font-weight: 300; color: #7c7f83; } a { transition: color 100ms ease-in-out; -o-transition: color 100ms ease-in-out; -ms-transition: color 100ms ease-in-out; -moz-transition: color 100ms ease-in-out; -webkit-transition: color 100ms ease-in-out; } :focus:not(body) { outline: #4d90fe auto 5px; } a:focus { outline: none; } label { color: #242a30; } /* ------------------------------- 2.0 Page Structure Settings ------------------------------- */ /* 2.1 Page Options */ .page-header-fixed { padding-top: 54px; } .page-without-sidebar .content { margin-left: 0; } .page-with-right-sidebar .sidebar, .page-with-right-sidebar .sidebar-bg { left: auto; right: 0; } .page-sidebar-fixed .sidebar { position: fixed; } .page-with-right-sidebar .content { margin-left: 0; margin-right: 220px; } .page-with-right-sidebar .footer { margin-left: 25px; margin-right: 245px; } .page-with-two-sidebar.page-sidebar-fixed .sidebar.sidebar-right { /*position: fixed;*/ } .page-with-two-sidebar .sidebar.sidebar-right, .page-with-two-sidebar .sidebar-bg.sidebar-right { right: 0; left: auto; } .page-with-two-sidebar .content { margin-right: 220px; } .page-with-two-sidebar.page-sidebar-minified .sidebar.sidebar-right, .page-with-two-sidebar.page-sidebar-minified .sidebar-bg.sidebar-right { width: 220px; } .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar.sidebar-right, .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-bg.sidebar-right { right: -220px; } .page-with-two-sidebar.page-right-sidebar-collapsed .content { margin-right: 0; } /* 2.2 Page Loader */ #page-loader { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #E6E8EC; z-index: 1020; } #page-loader.fade { display: none; } #page-loader.fade.in { display: block; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @-moz-keyframes rotation { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(359deg); } } @-o-keyframes rotation { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(359deg); } } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .spinner, .spinner-small { height: 40px; width: 40px; margin: 0px auto; position: absolute; top: 50%; left: 50%; margin: -20px -20px 0 0; border: 2px solid #fff; border-top: 2px solid #24B498; border-radius: 100%; } .fade.in .spinner, .fade.in .spinner-small { -webkit-animation: rotation .6s infinite linear; -moz-animation: rotation .6s infinite linear; -o-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear; } .spinner-small { border: 2px solid rgba(0,0,0,0.05); border-top: 2px solid #24B498; height: 30px; width: 30px; margin: -15px -15px 0 0; } /* 2.3 Header & header elements */ .header { z-index: 1020; margin-bottom: 0; } .navbar { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3); box-shadow: 0 0 2px rgba(0,0,0,0.3); } .navbar.navbar-default { background: #fff; } .navbar.navbar-inverse { background: #2d353c; } .navbar.navbar-inverse .navbar-brand, .navbar.navbar-inverse .navbar-nav > li > a { color: #a8acb1; } .navbar.navbar-inverse .navbar-form .form-control { background: url(../img/transparent/black-0.2.png); background: rgba(0,0,0,0.2); border-color: #1F2429; border-color: rgba(0,0,0,0.2); color: #a8acb1; } .navbar-brand { margin-right: 10px; padding: 12px 20px; height: 54px; width: 220px; font-weight: 100; font-size: 18px; line-height: 30px; } .navbar-default .navbar-brand { color: #333; } .navbar-logo { float: left; margin-right: 10px; margin-top: 5px; border: 10px solid transparent; border-color: #4DCACA #31A3A3 #1D8888; opacity: 0.9; filter: alpha(opacity=90); } .navbar-toggle { margin-top: 10px; margin-bottom: 10px; padding: 10px; border: none; } .navbar-toggle.pull-left { margin-left: 15px; margin-right: 0; } .navbar-default .navbar-toggle .icon-bar { background: #333; } .navbar-toggle:hover, .navbar-toggle:focus { background: none !important; opacity: 0.6; filter: alpha(opacity=60); } .navbar-nav > li > a { line-height: 20px; padding: 17px 15px; } .navbar-default .navbar-nav > li > a { color: #585663; } .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { opacity: 0.6; filter: alpha(opacity=60); } .navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus { background: none !important; color: #333; opacity: 1.0; filter: alpha(opacity=100); } .navbar-form { margin: 12px 0; } .fade .navbar-form .form-control { -webkit-animation: none; } .navbar-form .form-control { width: 200px; padding: 5px 15px; height: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .navbar-form .form-control:focus { width: 300px; animation: expand .2s; -webkit-animation: expand .2s; } @keyframes expand { from { width: 200px; } to { width: 300px; } } @-webkit-keyframes expand { from { width: 200px; } to { width: 300px; } } .navbar-form .btn-search { position: absolute; right: 15px; top: 12px; height: 30px; padding-top: 5px; padding-bottom: 5px; border: none; background: none; -webkit-border-radius: 0 30px 30px 0; -moz-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0; } .navbar-nav > li > .dropdown-menu { border-top: 1px solid #eee; } .navbar-nav > li > .dropdown-menu.media-list .media-heading { font-weight: 600; } .navbar-nav > li > a .label { position: absolute; top: 7px; right: 3px; display: block; background: #ff5b57; line-height: 12px; font-weight: 300; padding: .3em .6em .3em; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .navbar-user img { float: left; width: 30px; height: 30px; margin: -5px 10px 0 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #333; } .navbar .navbar-nav > li.divider { height: 34px; margin-top: 10px; background: #e2e7eb; width: 1px; } .navbar.navbar-inverse .navbar-nav > li.divider { background: #3F4B55; } .navbar-notifications { padding: 17px 0px 12px 0px; margin: 0px; } .navbar-notifications a { padding: 0px !important; margin: 0px !important; } .navbar-notifications span { float: left; width: 30px; height: 30px; margin: -5px 0px 0 0; } .navbar-notifications > .dropdown-menu { min-width: 350px !important; max-width: 350px !important; } .navbar-notifications .navbar-notificationItem { display: flex !important; padding: 9px 5px !important; border-bottom: 1px solid #e5e5e5 !important; } .navbar-notifications .navbar-notificationItem:hover { background-color: #e5e5e5 !important; cursor: pointer; } .navbar-notifications .navbar-notificationItem > div { display: flex !important; overflow: hidden !important; } .navbar-notifications .dropdown-menu i { margin: 0px 5px 0px 0px; font-size: 18px; } .navbar-notifications .navbar-notificationItem .date { text-align: right; min-width: 65px; margin-left: 10px; font-weight: bold; } .navbar-notifications .navbar-notificationItem i { color: #5291AE !important; } .navbar-notifications .pulse { /*margin:100px;*/ display: block; /*width: 22px; height: 22px;*/ border-radius: 50%; background: #5291AE; cursor: pointer; box-shadow: 0 0 0 rgba(255,255,255,0.4); animation: pulse 2s infinite; } .navbar-notifications .pulse:hover { animation: none; } .navbar-notifications .gold { color: gold; } .navbar-notifications .viewMore a { color: #5292af !important; padding: 10px !important; text-align: right; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(82, 145, 174 0.4); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(82, 145, 174, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(82, 145, 174, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(82, 145, 174, 0.4); box-shadow: 0 0 0 0 rgba(82, 145, 174, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(82, 145, 174, 0); box-shadow: 0 0 0 10px rgba(82, 145, 174, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(82, 145, 174, 0); box-shadow: 0 0 0 0 rgba(82, 145, 174, 0); } } /* 2.4 Sidebar & sidebar elements */ .sidebar { width: 220px; position: absolute; left: 0; top: 0; /*bottom: 0;*/ padding-top: 54px; background: #2d353c; z-index: 1010; /*-webkit-transform: translateZ(0);*/ } .sidebar-bg { background: #2d353c; position: fixed; top: 0; left: 0; bottom: 0; width: 220px; z-index: 1000; } .sidebar .nav > li:before, .sidebar .nav > li:after, .sidebar .nav > li > a:before, .sidebar .nav > li > a:after { content: ''; clear: both; display: table; } .sidebar .nav > li > a { padding: 8px 20px; line-height: 20px; color: #a8acb1; } .sidebar.sidebar-grid .nav > li > a { border-bottom: 1px solid #383f46; border-top: 1px solid #383f46; } .sidebar.sidebar-grid .nav > li.active > a { border-color: #2d353c; z-index: 10; } .sidebar.sidebar-grid .nav > li + li { margin-top: -1px; } .sidebar .nav > li.active > a .label.label-theme, .sidebar .nav > li.active > a .badge { background: url(../img/transparent/black-0.4.png); background: rgba(0,0,0,0.4); } .sidebar .nav > li.expand > a, .sidebar .nav > li > a:hover, .sidebar .nav > li > a:focus { background: #232a2f; color: #a8acb1; } .sidebar .nav > li.active > a, .sidebar .nav > li.active > a:hover, .sidebar .nav > li.active > a:focus { color: #fff; background: #00acac; } .sidebar .nav > li.active > a .label.label-success, .sidebar .nav > li.active > a .badge.badge-success { background: #008a8a; } .sidebar .nav > li > a i { float: left; margin-right: 15px; width: 14px; text-align: center; line-height: 20px; font-size: 14px; } .sidebar .nav > li > a i[class*="ion-"] { margin-right: 11px; width: 18px; font-size: 18px; } .sidebar .nav > li > a .badge { margin-top: 1px; padding: 3px 8px; background: #1b1f24; font-weight: 300; font-size: 10px; } .sidebar .nav > li > a .caret { float: right; margin-top: 9px; } .sidebar .has-sub.active > .sub-menu { display: block; } .sidebar .sub-menu { list-style-type: none; padding: 10px 0 10px 30px; margin: 0; background: #1a2229; position: relative; display: none; } .sidebar .sub-menu:before { content: ''; position: absolute; left: 26px; top: 0; bottom: 0; width: 2px; background: #10181F; } .sidebar .sub-menu .sub-menu { padding: 0 0 0 30px; background: none; } .sidebar .sub-menu > li > a { padding: 5px 20px; display: block; font-weight: 300; color: #889097; text-decoration: none; position: relative; } .sidebar .sub-menu > li > a:before { content: '\f10c'; font-family: FontAwesome; position: absolute; left: 0; font-size: 7px; color: #889097; top: 50%; margin-top: -4px; margin-left: -6px; } .sidebar .sub-menu > li > a:hover, .sidebar .sub-menu > li > a:focus, .sidebar .sub-menu > li.active > a, .sidebar .sub-menu > li.active > a:hover, .sidebar .sub-menu > li.active > a:focus { color: #fff; } .sidebar .nav > li li.has-sub.active > a { color: #889097; } .sidebar .sub-menu > li.active > a:before { color: #00acac; } .sidebar .nav .sub-menu > li > a .caret { float: right; margin-top: 7px; } .sidebar .nav > li.nav-header { margin: 0; padding: 10px 20px; line-height: 20px; font-size: 11px; color: #6d7983; } .sidebar .nav > li.nav-header a { padding: 0; margin: 0; display: inline; } .sidebar .nav > li.nav-header a:hover, .sidebar .nav > li.nav-header a:focus { background: none; color: #fff; } .sidebar .nav > li.nav-header a i { float: none; margin: 0; } .sidebar .nav > li.nav-profile { padding: 20px; color: #fff; background: #1a2229; } .sidebar .nav > li.nav-profile a { padding: 0; } .sidebar .nav > li.nav-profile .image { float: left; width: 34px; height: 34px; margin-top: 2px; margin-right: 15px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sidebar .nav > li.nav-profile .image img { max-width: 100%; max-height: 100%; } .sidebar .nav > li.nav-profile .info { font-size: 14px; } .sidebar .nav > li.nav-profile .info small { display: block; color: #889097; } .sidebar .nav > li.nav-widget { padding: 10px 20px; } .sidebar .nav > li.nav-widget i { margin-right: auto; } .page-sidebar-minified .sidebar { width: 60px; position: absolute; } .page-sidebar-minified .sidebar-bg { width: 60px; } .page-sidebar-minified .content { margin-left: 60px; } .page-sidebar-minified .footer { margin-left: 85px; } .page-sidebar-minified .sidebar .slimScrollDiv, .page-sidebar-minified .sidebar .slimScrollDiv > div { overflow: visible !important; } .page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv, .page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv > div { overflow: hidden !important; } .page-sidebar-minified .sidebar .nav > li > a { padding: 12px 20px; } .page-sidebar-minified .sidebar .nav-profile, .page-sidebar-minified .sidebar .nav-header, .page-sidebar-minified .sidebar .nav > li > a > span { display: none; } .page-sidebar-minified .sidebar .caret { position: absolute; top: 9px; right: 9px; border: 4px solid transparent; border-left: 4px solid; } .page-sidebar-minified .sidebar .sub-menu .caret { top: 10px; margin-top: 0 !important; } .page-sidebar-minified .sidebar .nav > li > a > i { margin: 0; } .page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu { position: absolute; left: 100%; top: 0; width: 220px; display: none; padding: 10px 0 10px 30px; margin: 0; background: #1a2229; } .page-sidebar-minified .sidebar .nav > li.has-sub:hover > a, .page-sidebar-minified .sidebar .nav > li.has-sub:focus > a { background: #232a2f; } .page-sidebar-minified .sidebar li.has-sub > .sub-menu { display: none !important; } .page-sidebar-minified .sidebar li.has-sub:hover > .sub-menu, .page-sidebar-minified .sidebar li.has-sub:focus > .sub-menu { display: block !important; overflow: visible !important; } .page-sidebar-minified .sidebar .nav li.has-sub { position: relative; } .page-sidebar-minified .sidebar .nav > li.has-sub li.has-sub .sub-menu { margin-top: -10px; } .sidebar-minify-btn { margin: 10px 0; float: right; padding: 5px 20px 5px 10px !important; background: #1b1f24; color: #fff; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; } .sidebar-minify-btn i { margin: 0 !important; color: #fff; } .page-sidebar-minified .sidebar-minify-btn i:before { content: '\f101'; } .page-sidebar-minified.page-with-right-sidebar .content { margin-right: 60px; margin-left: 0; } .page-sidebar-minified.page-with-right-sidebar .footer { margin-right: 85px; margin-left: 25px; } .page-sidebar-minified.page-with-right-sidebar .sub-menu { left: auto !important; right: 100%; } .page-sidebar-minified.page-with-right-sidebar .nav > li.has-sub > a .caret { position: absolute; left: 5px; border: 4px solid transparent; border-right: 4px solid; } .page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu .caret { left: 0; top: 2px; border-left: 4px solid transparent !important; border-right: 4px solid !important; } .page-sidebar-minified.page-with-right-sidebar .sidebar .nav li.has-sub > .sub-menu { padding: 10px 30px 10px 0; } .page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu:before { right: 26px; left: auto; } .page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu > li > a:before { right: 0; left: auto; margin-right: -6px; margin-left: 0; } .page-sidebar-minified.page-with-right-sidebar .sidebar-minify-btn i:before { content: '\f100'; } .page-sidebar-minified .sidebar .slimScrollBar, .page-sidebar-minified .sidebar .slimScrollRail { display: none !important; } .page-sidebar-minified .sidebar.sidebar-right .slimScrollBar { display: block !important; } /* 2.5 Content & content elements */ .content { margin-left: 220px; padding: 20px 25px; } .content.content-full-width { padding: 0; } .content.content-full-width .page-header { margin: 20px; } .content.content-full-width .breadcrumb { margin: 0 20px 0 0; } .content.content-inverse-mode .page-header, .content.content-inverse-mode .breadcrumb a, .content.content-inverse-mode h1, .content.content-inverse-mode h2, .content.content-inverse-mode h3, .content.content-inverse-mode h4, .content.content-inverse-mode h5, .content.content-inverse-mode h6 { color: #fff; } .content.content-full-width .page-header, .content.content-full-width .breadcrumb { position: relative; z-index: 10; } .content.content-full-width .breadcrumb { z-index: 20; } .page-header { font-size: 24px; margin: 0 0 20px; padding: 0; border: none; line-height: 28px; } .breadcrumb { padding: 0; margin: 0; background: none; } .breadcrumb > li { line-height: 28px; } .ie8 .breadcrumb > li { display: inline; } .breadcrumb > li a { color: #333; } /* 2.6 Footer & footer elements */ .footer { z-index: 1020; padding: 10px 0; margin: 0 25px 0 245px; border-top: 1px solid #CAD0D6; line-height: 20px; } /* ------------------------------- 3. Component Setting ------------------------------- */ /* 3.1 Component - Form Elements */ .form-control { border: 1px solid #ccd0d4; -webkit-box-shadow: none; box-shadow: none; font-size: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .form-control.input-white { background: #fff; border-color: #fff; } .form-control.input-white:focus { box-shadow: none; -webkit-box-shadow: none; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background: #e5e9ed; opacity: 0.6; filter: alpha(opacity=60); } .form-control[disabled]:focus, .form-control[readonly]:focus, fieldset[disabled] .form-control:focus { box-shadow: none; -webkit-box-shadow: none; border: 1px solid #ccd0d4; } .form-control:focus { border-color: #9fa2a5; -webkit-box-shadow: none; box-shadow: none; } .form-control.input-inline { display: inline; width: auto; padding: 0 7px; } .form-control.input-xs { height: 20px; } .form-horizontal.form-bordered .form-group { border-bottom: 1px solid #eee; margin: 0; } .form-horizontal.form-bordered .form-group:last-child { border-bottom: 0; } .form-horizontal.form-bordered .form-group > .control-label { padding: 22px 15px 15px; } .form-horizontal.form-bordered .form-group > div { padding: 15px; } .form-horizontal.form-bordered .form-group > div { border-left: 1px solid #eee; } .form-horizontal.form-bordered .form-group > .control-label { border-right: 1px solid #eee; margin-right: -1px; } .form-horizontal.form-bordered .has-feedback .form-control-feedback { top: 15px; } label { font-weight: 500; } .has-success .form-control, .has-success .form-control:focus, .has-warning .form-control, .has-warning .form-control:focus, .has-error .form-control, .has-error .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success .form-control-feedback { color: #00acac; } .has-success .form-control { border-color: #00acac; } .has-success .form-control:focus { border-color: #008a8a; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning .form-control-feedback { color: #f59c1a; } .has-warning .form-control { border-color: #f59c1a; } .has-warning .form-control:focus { border-color: #c47d15; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error .form-control-feedback { color: #ff5b57; } .has-error .form-control { border-color: #ff5b57; } .has-error .form-control:focus { border-color: #cc4946; } .form-control-feedback { line-height: 34px; } select.form-control { border-color: #ccd0d4; } select[multiple].form-control { border-color: #ccd0d4; } .input-group-addon { background: #e2e7eb; border: none; } legend { padding-bottom: 3px; border-bottom: 1px solid #e2e7eb; } /* 3.2 Component - Dropdown Menu */ .dropdown-menu { border: none; -webkit-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2); font-size: 12px; } .dropdown-menu > li > a { padding: 5px 15px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: #edf0f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background: #348fe2; } .dropdown-menu .divider { border-color: #eee; } .dropdown-menu.media-list { max-width: 280px; padding: 0; } .dropdown-menu.media-list p { text-overflow: ellipsis; overflow: hidden; margin-bottom: 4px; max-width: 200px; } .dropdown-menu.media-list .dropdown-header { padding: 10px 20px !important; background: #fafafa; } .dropdown-menu.media-list > .media { margin-top: 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: -1px; } .dropdown-menu.media-list > .media > a { display: block; padding: 10px 20px !important; } .dropdown-menu.media-list > .media .media-left { padding-right: 10px; } .dropdown-menu.media-list > .media .media-right { padding-left: 10px; } .dropdown-menu.media-list > .media .media-object { height: 36px; width: 36px; line-height: 36px; font-size: 14px; color: #fff; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .dropdown-footer { padding: 10px 20px; } .dropdown-menu > li.dropdown-footer > a { padding: 0 !important; display: inline !important; } .dropdown-menu > li.dropdown-footer > a:hover, .dropdown-menu > li.dropdown-footer > a:focus { background: none !important; text-decoration: underline !important; } /* 3.3 Component - Tooltip */ .tooltip-inner { padding: 4px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* 3.4 Component - Alert */ .alert { border: none; } .alert.alert-xs { font-size: 75%; padding: 8px; } .alert.alert-success { background: #7cdda7; } .alert.alert-info { background: #93cfe5; } .alert.alert-info-light { background: #e5f8ff; } .alert.alert-danger { background: #f8b2b2; } .alert.alert-warning { background: #ffead0; } .alert.alert-primary { background: #348fe2; color: #fff; } .alert.alert-default { background: #d4d4d4; color: #333; } /* 3.5 Component - Note Setting */ .note { margin-bottom: 20px; padding: 15px; border-left: 3px solid; } .note.note-success { border-color: #4a8564; background: #b0ebca; color: #3c763d; } .note.note-success h1, .note.note-success h2, .note.note-success h3, .note.note-success h4, .note.note-success h5, .note.note-success h6 { color: #3c763d; } .note.note-danger { border-color: #986e6e; background: #fbd1d1; color: #a94442; } .note.note-danger h1, .note.note-danger h2, .note.note-danger h3, .note.note-danger h4, .note.note-danger h5, .note.note-danger h6 { color: #a94442; } .note.note-info { border-color: #587c89; background: #bee2ef; color: #31708f; } .note.note-info h1, .note.note-info h2, .note.note-info h3, .note.note-info h4, .note.note-info h5, .note.note-info h6 { color: #31708f; } .note.note-warning { border-color: #9d9080; background: #fff2e3; color: #8a6d3b; } .note.note-warning h1, .note.note-warning h2, .note.note-warning h3, .note.note-warning h4, .note.note-warning h5, .note.note-warning h6 { color: #8a6d3b; } /* 3.6 Component - Badge & Label Setting */ .badge { font-size: 75%; line-height: 1.25; font-weight: 600; } .label { font-size: 75%; font-weight: 600; } .label-large { font-size: 100%; } /* 3.7 Component - Pagination & pager */ .pager li > a, .pager li > span, .pagination > li > a { border-color: #e2e7eb; color: #242a30; } .pager.pager-without-border li > a, .pager.pager-without-border li > span, .pagination.pagination-without-border > li > a { border-color: #fff; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus, .pager > .disabled > span, .pager > .disabled > a { opacity: 0.6; filter: alpha(opacity=60); border-color: #ddd; } .pagination > li > a { color: #242a30; margin-left: 5px; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .pagination > li:first-child > a { margin-left: 0; } .pagination-sm > li > a, .pagination-sm > li > span { font-size: 10px; margin-left: 4px; } .pagination-xs > li > a, .pagination-xs > li > span { font-size: 10px; margin-left: 2px; padding: 3px 6px; } .pagination-lg > li > a, .pagination-lg > li > span { font-size: 14px; margin-left: 6px; } .pager li > a:hover, .pager li > a:focus, .pager li > span:hover, .pager li > span:focus, .pagination > li > a:hover, .pagination > li > a:focus { color: #242a30; background: #e2e7eb; border-color: #d8dde1; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: #242a30 !important; border-color: #242a30 !important; } /* 3.8 Component - Progress bar */ .progress { -webkit-box-shadow: none; box-shadow: none; background: #e2e7eb; } .progress-xs { height: 5px; } .progress-xs .progress-bar { line-height: 5px; } .progress-sm { height: 10px; } .progress-sm .progress-bar { line-height: 10px; } .progress-lg { height: 30px; } .progress-lg .progress-bar { line-height: 30px; } .progress-bar { background: #348fe2; -webkit-box-shadow: none; box-shadow: none; } .progress-bar.progress-bar-success { background-color: #5cb85c; } .progress-bar.progress-bar-info { background-color: #49b6d6; } .progress-bar.progress-bar-warning { background-color: #f59c1a; } .progress-bar.progress-bar-danger { background-color: #ff5b57; } .progress-bar.progress-bar-inverse { background-color: #2d353c; } /* 3.9 Component - Nav Setting */ .nav > li > a { color: #6e7179; } .nav > li > a:hover, .nav > li > a:focus { color: #333; background: #fafafa; } /* 3.10 Component - Nav Tabs */ .nav-tabs, .nav-tabs > li > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs.nav-justified > li > a, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: none !important; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { color: #242a30; } .nav-tabs { background: #c1ccd1; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .nav-tabs.nav-tabs-inverse { background: #242a30; } .nav-tabs.nav-justified > li > a { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .nav-tabs.nav-tabs-inverse > li.active > a, .nav-tabs.nav-tabs-inverse > li.active > a:hover, .nav-tabs.nav-tabs-inverse > li.active > a:focus { color: #242a30; background: #fff; } .nav-tabs.nav-tabs-inverse > li > a:hover, .nav-tabs.nav-tabs-inverse > li > a:focus { color: #fff; background: none; } .nav-tabs > li, .nav-tabs.nav-justified > li { margin-bottom: 0; } .nav-tabs > li > a { margin-right: 5px; line-height: 20px; } /* 3.11 Component - Nav Pills */ .nav-pills { margin-bottom: 10px; } .nav-pills > li + li { margin-left: 5px; } .nav-pills > li > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background: #242a30; } .nav-stacked > li + li { margin-left: 0; margin-top: 5px; } /* 3.12 Component - Tab Content */ .tab-content { padding: 15px; margin-bottom: 20px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nav-tabs + .tab-content { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } /* 3.13 Component - Accordion Panel */ .panel-title a { display: block; } .panel-title > a:hover, .panel-title > a:focus { text-decoration: none; } /* 3.14 Component - Button */ .btn { font-weight: 300; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: none; } .btn-icon, .btn.btn-icon { display: inline-block; width: 28px; height: 28px; padding: 0; border: none; line-height: 28px; text-align: center; font-size: 14px; } .btn-circle, .btn.btn-circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .btn-icon.btn-xs { width: 16px; height: 16px; font-size: 8px; line-height: 16px; } .btn-icon.btn-sm { width: 22px; height: 22px; font-size: 11px; line-height: 22px; } .btn-icon.btn-lg { width: 34px; height: 34px; font-size: 17px; line-height: 34px; } .btn-scroll-to-top { position: fixed; bottom: 20px; right: 25px; z-index: 1020; } .page-with-right-sidebar .btn-scroll-to-top { left: 25px; right: auto; } .btn > .pull-left, .btn > .pull-right { line-height: 1.428571429; } .btn-block { padding-left: 12px; padding-right: 12px; } .btn:active, .btn.active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); } /* 3.14.1 Component - Button - Default */ /*.btn.btn-default { color: #fff; background: #b6c2c9; border-color: #b6c2c9; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background: #929ba1; border-color: #929ba1; } .btn-group .btn.btn-default:not(.active) + .btn.btn-default, .input-group-btn .btn.btn-default:not(.active) + .btn.btn-default { border-left-color: #929ba1; }*/ /* 3.14.2 Component - Button - White */ .btn.btn-white { font-weight: normal; color: #333; background: #fff; border-color: #e2e7eb; } .btn.btn-white.btn-white-without-border { border-color: #fff; } .btn.btn-white.btn-white-without-border.active, .btn.btn-white.btn-white-without-border.active:hover, .btn.btn-white.btn-white-without-border.active:focus { border-color: #ddd; } .btn.btn-white.btn-white-without-border:hover, .btn.btn-white.btn-white-without-border:focus { border-color: #eee; } .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white { background: #e2e7eb; border-color: #d8dde1; } .btn-group .btn.btn-white:not(.active) + .btn.btn-white, .input-group-btn .btn.btn-white:not(.active) + .btn.btn-white { border-left-color: #eee; } /* 3.14.3 Component - Button - Inverse */ .btn.btn-inverse { color: #fff; background: #2d353c; border-color: #2d353c; } .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .open .dropdown-toggle.btn-inverse { background: #242a30; border-color: #242a30; } .btn-group .btn.btn-inverse:not(.active) + .btn.btn-inverse, .input-group-btn .btn.btn-inverse:not(.active) + .btn.btn-inverse { border-left-color: #242a30; } /* 3.14.4 Component - Button - Primary */ /* 3.15 Component - Panel */ .panel { border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .panel.panel-no-rounded-corner .panel-heading, .panel.panel-no-rounded-corner .panel-body, .panel.panel-no-rounded-corner .panel-footer { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .panel-heading { padding: 10px 15px; border: none; } .panel-heading + .table, .panel-heading + .slimScrollDiv { border-top: 1px solid #eee; } .panel-heading-btn { float: right; } .panel-heading-btn > a { margin-left: 8px; } .panel-heading .btn-group .btn { margin-top: -7px; } .panel-heading .btn-group .btn.btn-sm { margin-top: -5px; } .panel-heading .btn-group .btn.btn-xs { margin-top: -1px; } .panel-heading .label.pull-left, .panel-heading .label.pull-right { line-height: 15px; } .panel-heading .progress.pull-right, .panel-heading .progress.pull-left { width: 40%; min-width: 120px; } .panel-heading + .alert, uib-accordion-heading + .alert { margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } uib-accordion-heading + .alert { margin: -16px -15px 0px -15px; } .panel-with-tabs.panel-default .panel-heading { background: #c1ccd1; color: #333; } .panel-heading .nav-tabs { margin-top: -10px; margin-right: -15px; } .panel-heading .nav-tabs > li > a { padding: 10px 15px; line-height: 20px; } .panel-title { line-height: 20px; font-size: 12px; } .panel-title .accordion-toggle { margin: -10px -15px; padding: 10px 15px; } .panel-title .accordion-toggle.accordion-toggle-styled .fa:before { content: '\f056'; } .panel-title .accordion-toggle.accordion-toggle-styled.collapsed .fa:before { content: '\f055'; } .panel-title .pull-right { line-height: 20px; } .panel-toolbar { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 10px 15px; background: #fff; } .panel-toolbar + .form-control { margin: -1px 0 0; border-right: none; border-left: none; } .panel-group .panel { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .form-control + .panel-footer { border-top: none; } .panel-body { padding: 15px; } .panel-body.no-border { border: none !important; } .panel-body.panel-table, .panel-body.panel-form, .panel-body.no-padding, .panel-body.panel-full-width { padding: 0 !important; } .panel-body.with-table > .table { border: 0; margin: 0; } .panel-body.with-table > .table tr:last-child th, .panel-body.with-table > .table tr:last-child td { border-bottom: 0; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-top: 1px solid #eee; } .panel-footer { background: #fff; border-top: 1px solid #eee; } .panel .tab-content { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .panel-default > .panel-heading { background: #fafafa; } .panel-inverse > .panel-heading, .panel-success > .panel-heading, .panel-warning > .panel-heading, .panel-danger > .panel-heading, .panel-primary > .panel-heading, .panel-info > .panel-heading { color: #fff; } .panel-inverse > .panel-heading { background: #242a30; } .panel-success > .panel-heading { background: #28a745; } .panel-warning > .panel-heading { background: #c47d15; } .panel-danger > .panel-heading { background: #cc4946; } .panel-primary > .panel-heading { background: #2a72b5; } .panel-info > .panel-heading { background: #3a92ab; } /* 3.16.Component - Panel - Panel Expand */ .panel.panel-expand { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0; overflow: hidden; z-index: 1030; } .panel-expand .height-xs, .panel-expand .height-sm, .panel-expand .height-md, .panel-expand .height-lg, .panel-expand .height-full { height: 100% !important; } @keyframes panelExpand { from { top: 50%; left: 50%; right: 50%; bottom: 50%; } to { top: 0; left: 0; right: 0; bottom: 0; } } @-webkit-keyframes panelExpand { from { top: 50%; left: 50%; right: 50%; bottom: 50%; } to { top: 0; left: 0; right: 0; bottom: 0; } } .panel.panel-expand > .panel-heading .fa.fa-expand:before { content: '\f066'; } .panel.panel-expand, .panel.panel-expand > .panel-heading, .panel.panel-expand > .panel-body { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .panel.panel-expand > .panel-body { position: absolute; right: 0; left: 0; bottom: 0; top: 40px; overflow-y: scroll; z-index: 1020; } .panel.panel-expand > .panel-footer { position: absolute; left: 0; right: 0; bottom: 0; } /* 3.17 Component - Panel - Panel loading */ .panel.panel-loading .panel-body { position: relative; z-index: 0; } .panel.panel-loading.panel-expand .panel-body { position: absolute; } .panel.panel-loading .panel-body .panel-loader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: 0.9; filter: alpha(opacity=90); animation: fadeIn .2s; -webkit-animation: fadeIn .2s; z-index: 1020; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* 3.18 Component - Modal Setting */ .modal-content { border: none; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .modal-header { padding: 12px 15px; border-bottom-color: #e2e7eb; } .modal-header .close { margin-top: 2px; } .modal-body { padding: 15px; } .modal-footer { border-top-color: #e2e7eb; padding: 14px 15px 15px; } .modal-message .modal-dialog { width: 100%; } .modal-message .modal-content { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .modal-message .modal-header, .modal-message .modal-body, .modal-message .modal-footer { width: 60%; border: none; margin: 0 auto; } .modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); } /* 3.19 Component - Media Object */ .media, .media-body { overflow: hidden; zoom: 1; } .media .media-object { width: 128px; } .media.media-lg .media-object { width: 256px; } .media.media-sm .media-object { width: 64px; } .media.media-xs .media-object { width: 32px; } .media > .pull-left, .media > .media-left { padding-right: 15px; } .media > .pull-right, .media > .media-right { padding-left: 15px; } .media a:not(.btn):hover, .media a:not(.btn):focus, .media a:not(.btn):hover .media-heading, .media a:not(.btn):focus .media-heading, .media a:not(.btn).media-heading:hover, .media a:not(.btn).media-heading:focus { color: #242a30; text-decoration: none; } .media-list.media-list-with-divider > li + li { border-top: 1px solid #eee; padding-top: 20px; } /* 3.20 Component - Table */ .table { border-color: #e2e7eb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .table > thead > tr > th { color: #242a30; font-weight: 600; border-bottom: 2px solid #e2e7eb !important; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-color: #e2e7eb; padding: 10px 15px; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 7px 15px; } /*This override prevents the above from interfering with the datetimepicker control*/ .calendar-table > .table-condensed > thead > tr > th, .calendar-table > .table-condensed > tbody > tr > th, .calendar-table > .table-condensed > tfoot > tr > th, .calendar-table > .table-condensed > thead > tr > td, .calendar-table > .table-condensed > tbody > tr > td, .calendar-table > .table-condensed > tfoot > tr > td { padding: 5px; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background: #e8ecf1 !important; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background: #f0f3f5; } .table.table-inverse > thead > tr > th, .table.table-inverse > tbody > tr > th, .table.table-inverse > tfoot > tr > th, .table.table-inverse > thead > tr > td, .table.table-inverse > tbody > tr > td, .table.table-inverse > tfoot > tr > td { border-color: #999 !important; border-color: rgba(0,0,0,0.2) !important; } .table.table-inverse, .table.table-inverse > thead > tr > th, .table.table-inverse > tbody > tr > th, .table.table-inverse > tfoot > tr > th { color: #fff; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background: #dbf0f7; border-color: #b6e2ef; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background: #cceeee; border-color: #99dede; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background: #ffdedd; border-color: #ffbdbc; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background: #fdebd1; border-color: #fbd7a3; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background: #f0f3f5; border-color: #e2e7e9; } /* 3.21 Component - Well */ .well { padding: 15px; background: #fff; box-shadow: none; -webkit-box-shadow: none; } .well-sm { padding: 10px; } .well-lg { padding: 30px; } /* 3.22 Component - Jumbotron */ .jumbotron { background: #f0f3f4; } .jumbotron h1, .jumbotron .h1 { font-size: 56px; } .jumbotron p { font-size: 18px; } /* 3.23 Component - List Group */ a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { background: #348fe2; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #242a30; } .nav.nav-pills.nav-sm > li { margin: 0 0 3px; } .nav.nav-pills.nav-sm > li a { padding: 8px 10px; line-height: 1.5; } /* 3.24 Component - Carousel */ .carousel .carousel-control .fa { position: absolute; top: 50%; z-index: 5; display: block; width: 30px; height: 30px; margin-top: -15px; text-align: center; line-height: 30px; margin-left: -15px; } .carousel .carousel-control.left .fa { margin-left: 15px; } /* ------------------------------- 4.0 Predefined CSS Setting ------------------------------- */ /* 4.1 Predefined Classes */ .row { margin: 0 -10px; } .row > [class*="col-"] { padding: 0 10px; } .row.row-space-0 { margin: 0; } .row.row-space-2 { margin: 0 -1px; } .row.row-space-4 { margin: 0 -2px; } .row.row-space-6 { margin: 0 -3px; } .row.row-space-8 { margin: 0 -4px; } .row.row-space-10 { margin: 0 -5px; } .row.row-space-12 { margin: 0 -6px; } .row.row-space-14 { margin: 0 -7px; } .row.row-space-16 { margin: 0 -8px; } .row.row-space-18 { margin: 0 -9px; } .row.row-space-18 { margin: 0 -10px; } .row.row-space-22 { margin: 0 -11px; } .row.row-space-24 { margin: 0 -12px; } .row.row-space-26 { margin: 0 -13px; } .row.row-space-28 { margin: 0 -14px; } .row.row-space-30 { margin: 0 -15px; } .row.row-space-0 > [class*="col-"] { padding: 0; } .row.row-space-2 > [class*="col-"] { padding: 0 1px; } .row.row-space-4 > [class*="col-"] { padding: 0 2px; } .row.row-space-6 > [class*="col-"] { padding: 0 3px; } .row.row-space-8 > [class*="col-"] { padding: 0 4px; } .row.row-space-10 > [class*="col-"] { padding: 0 5px; } .row.row-space-12 > [class*="col-"] { padding: 0 6px; } .row.row-space-14 > [class*="col-"] { padding: 0 7px; } .row.row-space-16 > [class*="col-"] { padding: 0 8px; } .row.row-space-18 > [class*="col-"] { padding: 0 9px; } .row.row-space-20 > [class*="col-"] { padding: 0 10px; } .row.row-space-22 > [class*="col-"] { padding: 0 11px; } .row.row-space-24 > [class*="col-"] { padding: 0 12px; } .row.row-space-26 > [class*="col-"] { padding: 0 13px; } .row.row-space-28 > [class*="col-"] { padding: 0 14px; } .row.row-space-30 > [class*="col-"] { padding: 0 15px; } .semi-bold { font-weight: 600; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .m-auto { margin: 0 auto !important; } .m-0 { margin: 0px !important; } .m-1 { margin: 1px !important; } .m-2 { margin: 2px !important; } .m-3 { margin: 3px !important; } .m-4 { margin: 4px !important; } .m-5 { margin: 5px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .m-25 { margin: 25px !important; } .m-30 { margin: 30px !important; } .m-35 { margin: 35px !important; } .m-40 { margin: 40px !important; } .m-t-0 { margin-top: 0px !important; } .m-t-1 { margin-top: 1px !important; } .m-t-2 { margin-top: 2px !important; } .m-t-3 { margin-top: 3px !important; } .m-t-4 { margin-top: 4px !important; } .m-t-5 { margin-top: 5px !important; } .m-t-10 { margin-top: 10px !important; } .m-t-15 { margin-top: 15px !important; } .m-t-20 { margin-top: 20px !important; } .m-t-25 { margin-top: 25px !important; } .m-t-30 { margin-top: 30px !important; } .m-t-35 { margin-top: 35px !important; } .m-t-40 { margin-top: 40px !important; } .m-r-0 { margin-right: 0px !important; } .m-r-1 { margin-right: 1px !important; } .m-r-2 { margin-right: 2px !important; } .m-r-3 { margin-right: 3px !important; } .m-r-4 { margin-right: 4px !important; } .m-r-5 { margin-right: 5px !important; } .m-r-10 { margin-right: 10px !important; } .m-r-15 { margin-right: 15px !important; } .m-r-20 { margin-right: 20px !important; } .m-r-25 { margin-right: 25px !important; } .m-r-30 { margin-right: 30px !important; } .m-r-35 { margin-right: 35px !important; } .m-r-40 { margin-right: 40px !important; } .m-b-0 { margin-bottom: 0px !important; } .m-b-1 { margin-bottom: 1px !important; } .m-b-2 { margin-bottom: 2px !important; } .m-b-3 { margin-bottom: 3px !important; } .m-b-4 { margin-bottom: 4px !important; } .m-b-5 { margin-bottom: 5px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-b-25 { margin-bottom: 25px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-b-35 { margin-bottom: 35px !important; } .m-b-40 { margin-bottom: 40px !important; } .m-l-0 { margin-left: 0px !important; } .m-l-1 { margin-left: 1px !important; } .m-l-2 { margin-left: 2px !important; } .m-l-3 { margin-left: 3px !important; } .m-l-4 { margin-left: 4px !important; } .m-l-5 { margin-left: 5px !important; } .m-l-10 { margin-left: 10px !important; } .m-l-15 { margin-left: 15px !important; } .m-l-20 { margin-left: 20px !important; } .m-l-25 { margin-left: 25px !important; } .m-l-30 { margin-left: 30px !important; } .m-l-35 { margin-left: 35px !important; } .m-l-40 { margin-left: 40px !important; } .p-0 { padding: 0px !important; } .p-1 { padding: 1px !important; } .p-2 { padding: 2px !important; } .p-3 { padding: 3px !important; } .p-4 { padding: 4px !important; } .p-5 { padding: 5px !important; } .p-10 { padding: 10px !important; } .p-15, .wrapper { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-25 { padding: 25px !important; } .p-30 { padding: 30px !important; } .p-35 { padding: 35px !important; } .p-40 { padding: 40px !important; } .p-t-0 { padding-top: 0px !important; } .p-t-1 { padding-top: 1px !important; } .p-t-2 { padding-top: 2px !important; } .p-t-3 { padding-top: 3px !important; } .p-t-4 { padding-top: 4px !important; } .p-t-5 { padding-top: 5px !important; } .p-t-6 { padding-top: 6px !important; } .p-t-7 { padding-top: 7px !important; } .p-t-8 { padding-top: 8px !important; } .p-t-9 { padding-top: 9px !important; } .p-t-10 { padding-top: 10px !important; } .p-t-15 { padding-top: 15px !important; } .p-t-20 { padding-top: 20px !important; } .p-t-25 { padding-top: 25px !important; } .p-t-30 { padding-top: 30px !important; } .p-t-35 { padding-top: 35px !important; } .p-t-40 { padding-top: 40px !important; } .p-r-0 { padding-right: 0px !important; } .p-r-1 { padding-right: 1px !important; } .p-r-2 { padding-right: 2px !important; } .p-r-3 { padding-right: 3px !important; } .p-r-4 { padding-right: 4px !important; } .p-r-5 { padding-right: 5px !important; } .p-r-10 { padding-right: 10px !important; } .p-r-15 { padding-right: 15px !important; } .p-r-20 { padding-right: 20px !important; } .p-r-25 { padding-right: 25px !important; } .p-r-30 { padding-right: 30px !important; } .p-r-35 { padding-right: 35px !important; } .p-r-40 { padding-right: 40px !important; } .p-b-0 { padding-bottom: 0px !important; } .p-b-1 { padding-bottom: 1px !important; } .p-b-2 { padding-bottom: 2px !important; } .p-b-3 { padding-bottom: 3px !important; } .p-b-4 { padding-bottom: 4px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-b-25 { padding-bottom: 25px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-b-35 { padding-bottom: 35px !important; } .p-b-40 { padding-bottom: 40px !important; } .p-l-0 { padding-left: 0px !important; } .p-l-1 { padding-left: 1px !important; } .p-l-2 { padding-left: 2px !important; } .p-l-3 { padding-left: 3px !important; } .p-l-4 { padding-left: 4px !important; } .p-l-5 { padding-left: 5px !important; } .p-l-10 { padding-left: 10px !important; } .p-l-15 { padding-left: 15px !important; } .p-l-20 { padding-left: 20px !important; } .p-l-25 { padding-left: 25px !important; } .p-l-30 { padding-left: 30px !important; } .p-l-35 { padding-left: 35px !important; } .p-l-40 { padding-left: 40px !important; } .f-s-8 { font-size: 8px !important; } .f-s-9 { font-size: 9px !important; } .f-s-10 { font-size: 10px !important; } .f-s-11 { font-size: 11px !important; } .f-s-12 { font-size: 12px !important; } .f-s-13 { font-size: 13px !important; } .f-s-14 { font-size: 14px !important; } .f-s-15 { font-size: 15px !important; } .f-s-16 { font-size: 16px !important; } .f-s-17 { font-size: 17px !important; } .f-s-18 { font-size: 18px !important; } .f-s-19 { font-size: 19px !important; } .f-s-20 { font-size: 20px !important; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .pull-left { float: left !important; } .pull-right { float: right !important; } .pull-none { float: none !important; } .f-w-100 { font-weight: 100 !important; } .f-w-200 { font-weight: 200 !important; } .f-w-300 { font-weight: 300 !important; } .f-w-400 { font-weight: 400 !important; } .f-w-500 { font-weight: 500 !important; } .f-w-600 { font-weight: 600 !important; } .f-w-700 { font-weight: 700 !important; } .table-valign-middle th, .table-valign-middle td { vertical-align: middle !important; } .table-th-valign-middle th, .table-td-valign-middle td { vertical-align: middle !important; } .table-valign-top th, .table-valign-top td { vertical-align: top !important; } .table-th-valign-top th, .table-td-valign-top td { vertical-align: top !important; } .table-valign-bottom th, .table-valign-bottom td { vertical-align: bottom !important; } .table-th-valign-bottom th, .table-td-valign-bottom td { vertical-align: bottom !important; } .vertical-box { display: table; table-layout: fixed; border-spacing: 0; height: 100%; width: 100%; } .vertical-box-column { display: table-cell; vertical-align: top; height: 100%; } .vertical-box-row { display: table-row; height: 100%; } .vertical-box-row > .vertical-box-cell { position: relative; height: 100%; width: 100%; float: none; } .vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; } .panel-expand .vertical-box .vertical-box-column { display: table-cell; } .page-content-full-height .content { position: absolute; left: 0; top: 54px; right: 0; bottom: -1px; -webkit-transform: translateZ(0); } .page-content-full-height .content.height-full .ng-scope { height: 100%; } .no-rounded-corner { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .rounded-corner { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .no-border { border: 0 !important; } .border-top-1 { border-top: 1px solid #eee !important; } .border-right-1 { border-right: 1px solid #eee !important; } .border-bottom-1 { border-bottom: 1px solid #eee !important; } .border-left-1 { border-left: 1px solid #eee !important; } .no-box-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; } .text-smaller-90 { font-size: 90%; } .text-smaller-80 { font-size: 80%; } .text-very-muted { color: #dbdbdb; color: var(--neutral-text-weaker, #dbdbdb); } .text-medium-muted { color: #b2b2b2; } .text-very-muted .badge { opacity: 0.6; } .text-inverse { color: #2d353c !important; } a.text-inverse:hover, a.text-inverse:focus { color: #575d63 !important; } .text-success { color: #5cb85c !important; } a.text-success:hover, a.text-success:focus { color: #33bdbd !important; } .text-info { color: #49b6d6 !important; color: var(--info-text-weaker, #49b6d6) !important; } a.text-info:hover, a.text-info:focus { color: #6dc5de !important; } .text-primary { color: #348fe2 !important; } a.text-primary:hover, a.text-primary:focus { color: #5da5e8 !important; } .text-warning { color: #f59c1a !important; } a.text-warning:hover, a.text-warning:focus { color: #f7b048 !important; } .text-danger { color: #ff5b57 !important; } a.text-danger:hover, a.text-danger:focus { color: #ff7c79 !important; } .text-white { color: #fff !important; } a.text-white:hover, a.text-white:focus { color: #f0f3f4 !important; } .text-default { color: #c8c8c8 !important; } a.text-default:hover, a.text-default:focus { color: #bdbdbd !important; } .text-black { color: #000 !important; } a.text-black:hover, a.text-black:focus { color: #111 !important; } .bg-white { background: #ffffff !important; } .bg-silver-lighter { background: #f4f6f7 !important; } .bg-silver { background: #f0f3f4 !important; } .bg-silver-darker { background: #b4b6b7 !important; } .bg-black { background: #2d353c !important; } .bg-black-darker { background: #242a30 !important; } .bg-black-lighter { background: #575d63 !important; } .bg-grey { background: #b6c2c9 !important; } .bg-grey-darker { background: #929ba1 !important; } .bg-grey-lighter { background: #c5ced4 !important; } .bg-red { background: #ff5b57 !important; } .bg-red-darker { background: #cc4946 !important; } .bg-red-lighter { background: #ff7c79 !important; } .bg-orange { background: #f59c1a !important; } .bg-orange-darker { background: #c47d15 !important; } .bg-orange-lighter { background: #f7b048 !important; } .bg-yellow { background: #e3fa3e !important; } .bg-yellow-darker { background: #b6c832 !important; } .bg-yellow-lighter { background: #e9fb65 !important; } .bg-green { background: #00acac !important; } .bg-green-darker { background: #008a8a !important; } .bg-green-lighter { background: #33bdbd !important; } .bg-success { background: #5cb85c !important; } .bg-blue { background: #348fe2 !important; } .bg-blue-darker { background: #2a72b5 !important; } .bg-blue-lighter { background: #5da5e8 !important; } .bg-aqua { background: #49b6d6 !important; } .bg-aqua-darker { background: #3a92ab !important; } .bg-aqua-lighter { background: #6dc5de !important; } .bg-purple { background: #727cb6 !important; } .bg-purple-darker { background: #5b6392 !important; } .bg-purple-lighter { background: #8e96c5 !important; } .no-bg { background: none !important; } .height-xs { height: 150px !important; } .height-sm { height: 300px !important; } .height-md { height: 450px !important; } .height-lg { height: 600px !important; } .height-full { height: 100% !important; } .height-50 { height: 50px !important; } .height-100 { height: 100px !important; } .height-150 { height: 150px !important; } .height-200 { height: 200px !important; } .height-250 { height: 250px !important; } .height-300 { height: 300px !important; } .height-350 { height: 350px !important; } .height-400 { height: 400px !important; } .height-450 { height: 450px !important; } .height-500 { height: 500px !important; } .height-550 { height: 550px !important; } .height-600 { height: 600px !important; } .width-xs { width: 150px !important; } .width-sm { width: 300px !important; } .width-md { width: 450px !important; } .width-lg { width: 600px !important; } .width-full { width: 100% !important; } .width-50 { width: 50px !important; } .width-100 { width: 100px !important; } .width-150 { width: 150px !important; } .width-200 { width: 200px !important; } .width-250 { width: 250px !important; } .width-300 { width: 300px !important; } .width-350 { width: 350px !important; } .width-400 { width: 400px !important; } .width-450 { width: 450px !important; } .width-500 { width: 500px !important; } .width-550 { width: 550px !important; } .width-600 { width: 600px !important; } .animated { -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .fade { opacity: 0; -webkit-transition: opacity .3s linear; transition: opacity .3s linear; } .text-ellipsis { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .underline { border-bottom: 1px solid #e2e7eb !important; } /* ------------------------------- 5.0 Plugins Setting ------------------------------- */ /* 5.1 Plugins - jQuery Draggable */ .row > [class*="col-"].ui-sortable { min-height: 50px; } .theme-panel [class*="col-"].ui-sortable, .panel [class*="col-"].ui-sortable { min-height: 0px; } .ui-sortable .panel-heading { cursor: move; } .ui-sortable.ui-sortable-disabled .panel-heading { cursor: default; } .ui-sortable-placeholder { border: 1px dashed #82868b !important; visibility: visible !important; background: none; margin: 0 !important; } .panel.ui-sortable-placeholder { margin: -1px -1px 19px !important; box-shadow: none !important; -webkit-box-shadow: none !important; } /* 5.2 Plugins - Slimscrollbar */ .slimScrollBar { width: 5px !important; right: 0 !important; } .slimScrollRail { width: 5px !important; right: 0 !important; } /* 5.3 Plugins - Gritter Notification */ .gritter-item-wrapper { background: none !important; overflow: hidden !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px; } .gritter-top, .gritter-bottom, .gritter-item { background: url(../img/transparent/black-0.8.png) !important; background: rgba(0,0,0,0.8) !important; } .gritter-close, .gritter-light .gritter-close { left: auto !important; right: 15px !important; top: 0 !important; background: #ff5b57 !important; width: 16px !important; height: 16px !important; line-height: 16px !important; display: block !important; } .gritter-close:before, .gritter-light .gritter-close:before { content: '\f00d' !important; font-family: FontAwesome !important; font-size: 9px !important; width: 16px !important; height: 16px !important; line-height: 16px !important; color: #fff !important; text-indent: 0 !important; position: absolute !important; text-align: center !important; right: 0 !important; top: 0 !important; } .gritter-with-image { width: 210px !important; } .gritter-image { margin: 2px 10px 0 0 !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .gritter-title { font-size: 12px !important; line-height: 16px !important; padding-bottom: 2px !important; font-weight: 400 !important; color: #fff !important; text-shadow: none !important; } .gritter-light .gritter-title { color: #333 !important; font-weight: 600 !important; } .gritter-item { font-family: 'Open Sans' !important; color: #aaa !important; font-size: 10px !important; padding: 2px 15px 5px !important; } .gritter-light .gritter-item, .gritter-light .gritter-bottom, .gritter-light .gritter-top { background: url(../img/transparent/white-0.98.png) !important; background: rgba(255,255,255,0.98) !important; color: #999 !important; } .gritter-light { border: solid 1px #aaa; } .gritter-item-wrapper.clickable { cursor: pointer; } .gritter-item-wrapper.clickable .gritter-bottom { height: 20px; text-align: right; } .gritter-item-wrapper.clickable .gritter-bottom:after { content: 'Click to open'; margin-right: 5px; } /* 5.4 Plugins - Data Table */ .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { background: #242a30; border-radius: 3px; border: none; top: 10px; left: 8px; line-height: 16px; box-shadow: none; } .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { background: #00acac; } body div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 5px 0; } .dataTables_wrapper table.dataTable { margin: 10px 0 !important; } .dt-buttons.btn-group { float: left; } .dataTables_length, div.dataTables_info { float: left; margin-right: 15px; } .dataTables_empty { text-align: center; } table.DTFC_Cloned tr.even { background: none !important; } div.dataTables_scrollHead .table, .DTFC_LeftWrapper div.DTFC_LeftHeadWrapper table, .DTFC_RightWrapper div.DTFC_RightHeadWrapper table { margin-bottom: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .dataTables_scrollBody .table thead > tr > th, .DTFC_LeftBodyLiner .table thead > tr > th { border-bottom: none !important; } .dataTables_scrollBody, .DTFC_LeftBodyLiner { border-bottom: 2px solid #ebeced; } .dataTables_wrapper .dataTables_scrollBody table.dataTable, .dataTables_wrapper .DTFC_LeftBodyLiner table.dataTable, .dataTables_scroll + .dataTables_info { margin-top: 0 !important; margin-bottom: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .dataTables_wrapper .dataTables_scrollBody table.dataTable > tbody > tr > td, .dataTables_wrapper .DTFC_LeftWrapper table.dataTable > tbody > tr > td { border-bottom: none !important; } .table > tbody + thead > tr > th, .table.fixedHeader-floating thead > tr > th { border-top: none; border-bottom-width: 1px !important; } table.dataTable tbody > tr.selected, table.dataTable tbody > tr.selected td, table.dataTable tbody > tr > .selected { background: #ffc !important; color: #707478; } table.dataTable th.focus, table.dataTable td.focus { position: relative; z-index: 1000; outline: 2px solid #242a30 !important; } /* 5.5 Plugins - Datepicker */ .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background: #eee !important; } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td span.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { background: #348fe2 !important; color: #fff !important; } .datepicker { min-width: 250px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .datepicker.dropdown-menu { min-width: 250px; border: 1px solid #ddd !important; -webkit-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2) !important; -moz-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2) !important; } .datepicker-dropdown:before { border-bottom-color: #ddd !important; } .datepicker-dropdown.datepicker-orient-bottom:before { border-top-color: #ddd !important; } .datepicker table { width: 100%; } .input-daterange .input-group-addon { background: #d6d8dd !important; border: none !important; text-shadow: none !important; } .irs-from, .irs-to, .irs-single { background: #2d353c !important; } .datepicker-full-width .datepicker-inline { width: 100%; } /* 5.6 Plugins - Colorpicker */ .colorpicker { border: 1px solid #ddd !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .colorpicker-hue, .colorpicker-alpha { margin-bottom: 0; } /* 5.7 Plugins - Bootstrap Timepicker */ .bootstrap-timepicker .bootstrap-timepicker-widget.dropdown-menu + .form-control { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .bootstrap-timepicker-widget table td input { -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; } .bootstrap-timepicker-widget.dropdown-menu.open { border: 1px solid #ddd !important; max-width: 200px; } .bootstrap-timepicker-widget table td a:hover, .bootstrap-timepicker-widget table td a:focus { background: #348fe2 !important; border: none !important; color: #fff; } /* 5.8 Plugins - jQuery Autocomplete */ .ui-widget { font-family: 'Open Sans'; font-size: 12px; } .ui-autocomplete { padding: 5px 0 !important; -webkit-box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2) !important; border: 1px solid #ccc !important; } .ui-stats-hover, .ui-widget-content .ui-stats-hover, .ui-widget-header .ui-stats-hover, .ui-stats-focus, .ui-widget-content .ui-stats-focus, .ui-widget-header .ui-stats-focus { border: none !important; background: #348fe2 !important; color: #fff !important; margin: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .ui-menu .ui-menu-item a { padding: 5px 10px; } /* 5.9 Plugins - Combobox */ .combobox-container { display: table; border-collapse: separate; width: 100%; } .combobox-container input, .combobox-container .uneditable-input { border: 1px solid #edf0f5; background: #edf0f5; font-size: 12px; display: block; width: 100%; height: 34px; padding: 6px 12px; line-height: 1.42857143; color: #555; border-radius: 4px 0 0 4px !important; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .combobox-container input:focus, .combobox-container .uneditable-input:focus { outline: 0; border-color: #d8dce2; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12); } .combobox-container .add-on, .combobox-container input { display: table-cell !important; } .combobox-container .add-on { width: 1% !important; padding: 5px 10px !important; white-space: nowrap; float: none !important; background: #d6d8dd !important; color: #555 !important; } .btn .combobox-clear { margin: 0 !important; width: 8px !important; position: relative; opacity: 1.0; filter: alpha(opacity=100); } .combobox-container .icon-remove:before { content: '\f00d'; font-family: FontAwesome; font-size: 14px; font-style: normal; position: absolute; right: -2px; top: 1px; text-shadow: none; } /* 5.10 Plugins - Bootstrap Select */ body .bootstrap-select .btn:focus { outline: none !important; } /* 5.11 Plugins - TagIt */ .tagit.ui-widget { border: 1px solid #ccd0d4 !important; background: #fff !important; padding: 3px 12px 2px !important; margin-bottom: 0 !important; } ul.tagit input[type="text"] { background: #fff !important; width: auto !important; } ul.tagit li.tagit-choice-editable { background: #b6c2c9 !important; border: none !important; color: #fff !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; padding: 2px 24px 3px 7px !important; } ul.tagit.inverse li.tagit-choice-editable { background: #2d353c !important; } ul.tagit.white li.tagit-choice-editable { background: #fff !important; border: 1px solid #ddd !important; color: #000 !important; } ul.tagit.primary li.tagit-choice-editable { background: #348fe2 !important; } ul.tagit.info li.tagit-choice-editable { background: #49b6d6 !important; } ul.tagit.success li.tagit-choice-editable { background: #00acac !important; } ul.tagit.warning li.tagit-choice-editable { background: #f59c1a !important; } ul.tagit.danger li.tagit-choice-editable { background: #ff5b57 !important; } ul.tagit li.tagit-choice .tagit-close { right: 2px !important; line-height: 22px !important; text-align: center !important; top: 0 !important; margin: 0 !important; } ul.tagit li.tagit-choice .tagit-close:hover, ul.tagit li.tagit-choice .tagit-close:focus { text-decoration: none !important; } ul.tagit li.tagit-choice .tagit-close:hover .ui-icon-close:before, ul.tagit li.tagit-choice .tagit-close:focus .ui-icon-close:before { color: #666; color: rgba(0,0,0,0.4); } ul.tagit.inverse li.tagit-choice .tagit-close:hover .ui-icon-close:before, ul.tagit.inverse li.tagit-choice .tagit-close:focus .ui-icon-close:before { color: #666; color: rgba(255,255,255,0.4); } .tagit .ui-icon-close { background: none !important; height: 22px !important; width: 16px !important; text-indent: 0 !important; } .tagit.white .ui-icon-close:before { color: #000; } .tagit .ui-icon-close:before { content: '\f00d'; font-family: FontAwesome; font-size: 10px; color: #fff; } /* 5.12 Plugins - Parsley */ .parsley-errors-list { padding: 0 !important; list-style-type: none !important; margin: 0 !important; color: #e5603b; font-size: 12px !important; line-height: inherit !important; } .parsley-errors-list.filled { margin-top: 5px !important; } .parsley-error, .parsley-success { color: #333 !important; } .parsley-error a, .parsley-error { background: #ffdedd !important; border-color: #ff5b57 !important; } .parsley-success { background: #cceeee !important; border-color: #00acac !important; } .parsley-error:focus, .parsley-success:focus { color: #333 !important; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3) !important; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3) !important; } .parsley-error input, .parsley-success input { color: #333 !important; } .parsley-error input { background: #ffdedd !important; border-color: #ff5b57 !important; } /* 5.13 Plugins - CKEditor / wysihtml5 */ .panel-form .cke_chrome { border: none; box-shadow: none; -webkit-box-shadow: none; } .panel-form .wysihtml5-toolbar { padding: 15px 15px 5px; } .panel-form .wysihtml5-sandbox { -webkit-border-radius: 0 0 4px 4px !important; -moz-border-radius: 0 0 4px 4px !important; border-radius: 0 0 4px 4px !important; } /* 5.14 Plugins - Bootstrap Wizard */ .bwizard-steps { font-size: 14px !important; border-radius: 3px !important; overflow: hidden !important; display: table !important; width: 100% !important; } .bwizard-steps li:before, .bwizard-steps li:after { border: none !important; } .bwizard-steps li { float: none !important; display: table-cell !important; padding: 15px !important; line-height: 20px !important; background: #f0f3f4 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .bwizard-steps li:hover, .bwizard-steps li:focus { background: #d3dadf !important; } .bwizard-steps.clickable li:hover:not(.active) a, .bwizard-steps.clickable li:focus:not(.active) a { color: #333 !important; } .bwizard-steps li small { font-size: 11px !important; color: #999 !important; display: block !important; line-height: 14px !important; } .bwizard-steps li a { margin-left: 30px !important; display: block !important; text-decoration: none !important; } .bwizard-steps li.active small { color: #b2e6e6 !important; } .bwizard-steps .label { float: left !important; padding: 0 !important; height: 20px !important; width: 20px !important; line-height: 20px !important; text-align: center !important; margin-right: 10px !important; top: 0 !important; background: #6d7479 !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .bwizard-steps li.active, .bwizard-steps li.active:hover, .bwizard-steps li.active:focus { background: #00acac !important; } .bwizard-steps li.active .label { background: url(../img/transparent/black-0.2.png) !important; background: rgba(0,0,0,0.2) !important; } /* 5.15 Plugins - Fullcalendar */ /*.external-event { padding: 15px !important; margin-bottom: 5px !important; color: #fff !important; color: rgba(255,255,255,0.7) !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .calendar-event .external-event h5 { color: #fff !important; margin: 0 0 5px !important; } .calendar-event .external-event p { margin: 0 !important; line-height: 16px !important; font-weight: 300 !important; } .fc-content { clear: none !important; } .fc-state-highlight { background: #f0f3f4 !important; } .fc-widget-header, .fc-widget-content { border-color: #e2e7eb !important; } .fc-widget-header { color: #242a30 !important; font-weight: 600 !important; padding: 3px 15px !important; } .fc-grid .fc-day-number { padding: 3px 5px !important; } .fc-content .fc-event { border: none !important; padding: 5px !important; text-align: center !important; background: #2d353c; } .fc-event-time { font-size: 14px !important; margin-right: 5px !important; } .fc-event .fc-event-title { font-size: 14px !important; display: block !important; } .fc-event .fc-event-title small { display: block !important; font-size: 12px !important; font-weight: 300 !important; line-height: 16px !important; color: #ccc !important; color: rgba(255,255,255,0.8) !important; } .fc-event .fc-event-icons { font-size: 18px !important; display: block !important; } .fc-event-container a:hover, .fc-event-container a:focus { color: #fff !important; text-decoration: underline !important; } .fc-state-default { background: #fff !important; border: 1px solid #ccc !important; line-height: 1.42857143 !important; padding: 6px 12px !important; color: #333 !important; font-weight: normal !important; height: auto !important; } .fc-header .fc-button { -webkit-box-shadow: none !important; box-shadow: none !important; margin-bottom: 15px !important; } .fc-header .fc-button:not(.fc-state-disabled):hover, .fc-header .fc-button:not(.fc-state-disabled):focus { background: #eee !important; } .fc-header .fc-button.fc-state-down, .fc-header .fc-button.fc-state-active { background: #eee !important; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125) !important; box-shadow: inset 0 3px 5px rgba(0,0,0,.125) !important; } .fc-text-arrow { font-size: 14px !important; line-height: 16px !important; } .fc-header-title h2 { line-height: 31px !important; font-size: 24px !important; }*/ /* 5.16 Plugins - jVectorMap */ .jvectormap-zoomin, .jvectormap-zoomout { width: 16px !important; height: 16px !important; } .jvectormap-label { padding: 3px 6px !important; border: none !important; background: url(../img/transparent/black-0.6.png) !important; background: rgba(0,0,0,0.6) !important; } /* 5.17 Plugins - Flot Chart */ .legendColorBox > div { margin-right: 5px !important; border-radius: 5px !important; margin-top: 1px !important; border: none !important; } .legend > table tr td.legendColorBox { padding-left: 5px !important; } .legend > table tr td { padding: 4px 0 5px 0 !important; } .legend > div { border-radius: 4px !important; background: #000 !important; } .legend > table tr td.legendLabel { padding-right: 10px !important; color: #fff; } .legend > table tr + tr td { padding-top: 0px !important; } .legendColorBox > div > div { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; border-width: 4px !important; } .tickLabel, .legendLabel { font-size: 11px !important; } .tickLabel { color: #707478 !important; } .flot-tooltip { position: absolute; display: none; border: 0; padding: 6px 10px 7px; color: #fff; font-size: 11px; background: url(../img/transparent/black-0.8.png); background-color: rgba(0,0,0,0.8); border-radius: 5px; opacity: 1.0; filter: alpha(opacity=100); z-index: 10000 !important; } /* 5.18 Plugins - Sparkline */ .jqstooltip { border: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #333 !important; width: auto !important; height: auto !important; background: url(../img/transparent/black-0.8.png) !important; background: rgba(0,0,0,0.8) !important; } /* ------------------------------- 6.0 Page Setting ------------------------------- */ /* 6.1 Page - Search Result */ .result-list:before, .result-list:after { content: ''; display: table; clear: both; } .result-list { list-style-type: none; margin: 0; padding: 0; width: 100%; } .result-list > li:before, .result-list > li:after { content: ''; display: table; clear: both; } .result-list > li { background: #fff; box-shadow: 0 1px #ccc; border-radius: 3px; overflow: hidden; } .result-list > li + li { margin-top: 10px; } .result-list > li > div { display: table-cell; vertical-align: top; padding: 20px; position: relative; } .result-list .result-image { width: 240px; padding: 0; overflow: hidden; background: #2d353c; vertical-align: middle; } .result-list .result-image a { display: block; } .result-list .result-image a:hover, .result-list .result-image a:focus { opacity: 0.8; filter: alpha(opacity=80); } .result-list .result-image img { width: 100%; } .result-list .title { margin: 0 0 8px; font-size: 20px; line-height: 24px; } .result-list .title a { color: #333; } .result-list .location { color: #999; } .result-list .desc { margin-bottom: 20px; max-height: 32px; overflow: hidden; text-overflow: ellipsis; line-height: 16px; } .result-list .btn-row a { color: #666; font-size: 20px; line-height: 14px; opacity: 0.2; } .result-list .btn-row a:hover, .result-list .btn-row a:focus { opacity: 1; filter: alpha(opacity=100); } .result-list .btn-row a + a { margin-left: 10px; } .result-list .result-info { } .result-list .result-price { width: 240px; font-size: 28px; text-align: center; border-left: 1px dashed #ddd; padding-top: 30px; } .result-list .result-price small { display: block; font-size: 12px; color: #999; } .result-list .result-price .btn { margin-top: 30px; } /* 6.2 Media Message */ .media-messaging .media:first-child { padding-top: 0; } .media-messaging .media:last-child { padding-bottom: 0; } .media-messaging .media { padding: 15px; } .media-messaging .media p { margin: 0; } .media-messaging .media + .media { margin-top: 0; padding-top: 15px; } /* 6.3 Widget Stats */ .widget { border-radius: 3px; margin-bottom: 20px; color: #fff; padding: 15px; overflow: hidden; } .widget.widget-stats { position: relative; } .widget-stats .stats-info h4 { font-size: 12px; margin: 5px 0; color: #fff; } .widget-stats .stats-icon { font-size: 42px; height: 56px; width: 56px; text-align: center; line-height: 56px; margin-left: 15px; color: #fff; position: absolute; right: 15px; top: 15px; opacity: 0.2; filter: alpha(opacity=20); } .widget-stats .stats-info p { font-size: 24px; font-weight: 300; margin-bottom: 0; } .widget-stats .stats-link a { display: block; margin: 15px -15px -15px; padding: 7px 15px; background: url(../img/transparent/black-0.4.png); background: rgba(0,0,0,0.4); text-align: right; color: #ddd; font-weight: 300; text-decoration: none; } .widget-stats .stats-link a:hover, .widget-stats .stats-link a:focus { background: url(../img/transparent/black-0.6.png); background: rgba(0,0,0,0.6); color: #fff; } .widget-stats .stats-icon.stats-icon-lg { font-size: 52px; top: 12px; right: 21px; } .widget-stats .stats-title { position: relative; line-height: 1.1; font-size: 12px; margin: 2px 0 7px; } .widget-stats .stats-title, .widget-stats .stats-desc { color: #fff; color: rgba(255,255,255,0.6); } .widget-stats .stats-desc { font-weight: 300; margin-bottom: 0; } .widget-stats .stats-number { font-size: 24px; font-weight: 300; margin-bottom: 10px; } .widget-stats .stats-progress { background: url('../img/transparent/black-0.2.png'); background: rgba(0,0,0,0.2); height: 2px; margin: 0 -15px 12px; } .widget-stats .stats-progress .progress-bar { background: #fff; } /* 6.4 Todolist */ .todolist { list-style-type: none; margin: 0; padding: 0; } .todolist > li > a { display: block; color: #333; } .todolist > li > a:hover, .todolist > li > a:focus { background: #fafafa; text-decoration: none; } .todolist > li > a:hover .todolist-input i:before, .todolist > li > a:focus .todolist-input i:before { content: '\f14a'; opacity: 0.4; filter: alpha(opacity=40); color: #2d353c; } .todolist > li.active > a .todolist-input i:before, .todolist > li.active > a:hover .todolist-input i:before, .todolist > li.active > a:focus .todolist-input i:before { content: '\f14a'; color: #00acac; opacity: 1.0; filter: alpha(opacity=100); } .todolist > li.active > a .todolist-title { text-decoration: line-through; } .todolist > li { border-bottom: 1px solid #ddd; } .todolist-input i { display: block; width: 14px; text-align: center; } .todolist-input, .todolist-title { display: table-cell; padding: 10px; } .todolist-title { padding-right: 15px; } .todolist-input { text-align: center; font-size: 14px; border-right: 1px solid #ddd; padding-left: 15px; } /* 6.5 Page - Vector / Google Map */ .page-sidebar-minified .map { left: 60px; } .map { position: absolute; top: 54px; bottom: 0; left: 220px; right: 0; z-index: 0; -webkit-transform: translateZ(0); } .map .jvectormap-zoomin, .map .jvectormap-zoomout { width: 20px !important; height: 20px !important; font-size: 14px; line-height: 14px; left: 15px; } .map .jvectormap-zoomin { top: 60px; } .map .jvectormap-zoomout { top: 90px; } .map-float-table { position: absolute; right: 25px; bottom: 25px; background: url(../img/transparent/black-0.6.png); background: rgba(0,0,0,0.6); } .map-content { padding: 0 25px; z-index: 100; position: relative; } /* 6.6 Page - Invoice */ .invoice > div:not(.invoice-footer) { margin-bottom: 20px; } .invoice { background: #fff; padding: 20px; } .invoice-company { font-size: 20px; } .invoice-header { margin: 0 -20px; background: #f0f3f4; padding: 20px; } .invoice-from, .invoice-to, .invoice-date { display: table-cell; width: 1%; } .invoice-from, .invoice-to { padding-right: 20px; } .invoice-from strong, .invoice-to strong, .invoice-date .date { font-size: 16px; font-weight: 600; } .invoice-date { text-align: right; padding-left: 20px; } .invoice-price { background: #f0f3f4; display: table; width: 100%; } .invoice-price .invoice-price-left, .invoice-price .invoice-price-right { display: table-cell; padding: 20px; font-size: 20px; font-weight: 600; width: 75%; position: relative; vertical-align: middle; } .invoice-price .invoice-price-left .sub-price { display: table-cell; vertical-align: middle; padding: 0 20px; } .invoice-price small { font-size: 12px; font-weight: normal; display: block; } .invoice-price .invoice-price-row { display: table; float: left; } .invoice-price .invoice-price-right { width: 25%; background: #2d353c; color: #fff; font-size: 28px; text-align: right; vertical-align: bottom; font-weight: 300; } .invoice-price .invoice-price-right small { display: block; opacity: 0.6; filter: alpha(opacity=60); position: absolute; top: 10px; left: 10px; font-size: 12px; } .invoice-footer { border-top: 1px solid #ddd; padding-top: 10px; font-size: 10px; } .invoice-note { color: #999; margin-top: 80px; font-size: 85%; } /* 6.7 Page - Login */ .login { margin: 168px 0; position: relative; } .login label { color: #707478; } .login .login-header { position: absolute; top: -80px; left: 50%; right: 0; width: 450px; padding: 0 40px; margin-left: -225px; font-weight: 300; } .login .login-header .brand { padding: 0; font-size: 28px; } .login .login-header .brand .logo { border: 14px solid transparent; border-color: #4DCACA #31A3A3 #1D8888; width: 28px; height: 28px; position: relative; font-size: 0; margin-right: 10px; top: -9px; } .login .login-header .brand small { font-size: 14px; display: block; } .login .login-header .icon { position: absolute; right: 40px; top: -2px; opacity: 0.1; filter: alpha(opacity=10); } .login .login-header .icon i { font-size: 70px; } .login .login-content { padding: 30px 40px; color: #999; width: 450px; margin: 0 auto; } /* 6.8 Page - Gallery */ .gallery { margin: 0 -10px; } .gallery-option-set { display: block; margin-bottom: -5px; } .gallery-option-set .btn { margin: 0 5px 5px 0; } .gallery .image { width: 25%; display: block; margin-right: -10px; overflow: hidden; padding: 10px; } .gallery .image img { width: 100%; height: 200px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .gallery .image-inner { position: relative; background: #fff; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .gallery .image a { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; } .gallery .image a:hover, .gallery .image a:focus { opacity: 0.8; filter: alpha(opacity=80); } .gallery .image-caption { position: absolute; top: 15px; left: 0; background: url(../img/transparent/black-0.6.png); background: rgba(0,0,0,0.6); color: #fff; padding: 5px 15px; margin: 0; } .gallery .image-info { background: #fff; padding: 15px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .gallery .image-info .title { margin: 0 0 10px; line-height: 18px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gallery .image-info .rating { line-height: 20px; margin: 0 0 3px; } .gallery .image-info .desc { line-height: 16px; font-size: 12px; height: 48px; overflow: hidden; } .gallery .rating span.star { font-family: FontAwesome; display: inline-block; } .gallery .rating span.star:before { content: "\f005"; color: #999; } .gallery .rating span.star.active:before { color: #FF8500; } /* 6.9 Page - Inbox */ .nav-inbox > li > a { padding: 8px 15px; } .nav-inbox > li > a i { font-size: 14px; } .table.table-email { line-height: 20px; margin-bottom: 0; } .email-footer { border-top: 1px solid #ccc; padding: 15px 8px; line-height: 26px; } .table.table-email .email-header-link { color: #333; } .table.table-email .email-select { width: 20px; font-size: 14px; } .table.table-email .email-select a { color: #999; } .table.table-email .email-btn { color: #ccc; font-size: 14px; margin-right: 15px; } .table.table-email .email-sender { padding-right: 25px; } .table.table-email .email-btn + .email-btn { margin-left: -12px; } .table.table-email .email-btn:hover, .table.table-email .email-btn:focus { color: #999; } .table.table-email tr:hover:not(.no-hover-color) td { background: #fafafa; } .table.table-email tr.active td.email-select i:before, .table.table-email tr.active th.email-select i:before { content: '\f14a'; } .table.table-email thead tr.active th { background: none; } .email-btn-row { margin-bottom: 15px; } .email-btn-row .btn + .btn { margin-left: 5px; } .email-content { background: #fff; padding: 15px; } /* 6.10 Page - 404 Error Page */ .error { margin: 0 auto; text-align: center; } .error-code, .error-content { position: absolute; left: 0; right: 0; -webkit-transform: translateZ(0); } .error-code { bottom: 60%; color: #2d353c; font-size: 96px; line-height: 100px; } .error-content { top: 40%; bottom: 0; padding-top: 15px; background: #2d353c; } .error-message { color: #fff; font-size: 24px; } .error-desc { font-size: 12px; color: #647788; } /* ------------------------------- 7.0 Update - V1.1 ------------------------------- */ /* 7.1 Timeline Setting */ /*.timeline { list-style-type: none; margin: 0; padding: 0; position: relative; } .timeline:before { content: ''; position: absolute; top: 5px; bottom: 5px; width: 5px; background: #2d353c; left: 20%; margin-left: -2.5px; } .timeline > li { position: relative; min-height: 50px; } .timeline > li + li { margin-top: 40px; } .timeline .timeline-time { position: absolute; left: 0; width: 15%; text-align: right; padding-top: 7px; } .timeline .timeline-time .date, .timeline .timeline-time .time { display: block; } .timeline .timeline-time .date { line-height: 18px; font-size: 14px; } .timeline .timeline-time .time { line-height: 28px; font-size: 24px; color: #242a30; } .timeline .timeline-icon { left: 15%; position: absolute; width: 10%; text-align: center; top: 5px; } .timeline .timeline-icon a { text-decoration: none; width: 50px; height: 50px; display: inline-block; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: #575d63; line-height: 40px; color: #fff; font-size: 14px; border: 5px solid #2d353c; transition: background .2s linear; -moz-transition: background .2s linear; -webkit-transition: background .2s linear; } .timeline .timeline-icon a:hover, .timeline .timeline-icon a:focus { background: #00acac; } .timeline .timeline-body { margin-left: 25%; margin-right: 15%; background: #fff; position: relative; padding: 20px 30px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .timeline .timeline-body:before { content: ''; display: block; position: absolute; border: 10px solid transparent; border-right-color: #fff; left: -20px; top: 20px; } .timeline-header { padding-bottom: 10px; border-bottom: 1px solid #e2e7eb; line-height: 30px; } .timeline-header .userimage { float: left; width: 34px; height: 34px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; overflow: hidden; margin: -2px 10px -2px 0; } .timeline-header .username { font-size: 16px; font-weight: 600; } .timeline-header .username, .timeline-header .username a { color: #00acac; } .timeline img { max-width: 100%; display: block; } .timeline-content { font-size: 14px; } .timeline-header + .timeline-content, .timeline-header + .timeline-footer, .timeline-content + .timeline-footer { margin-top: 20px; } .timeline-content:before, .timeline-content:after { content: ''; display: table; clear: both; } .timeline-title { margin-top: 0; } .timeline-footer { margin: -20px -30px; padding: 20px 30px; background: #e8ecf1; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .timeline-footer a:not(.btn) { color: #575d63; } .timeline-footer a:not(.btn):hover, .timeline-footer a:not(.btn):focus { color: #2d353c; }*/ /* 7.2 Coming Soon Page Setting */ .coming-soon .brand { line-height: 40px; font-size: 28px; font-weight: 300; margin-bottom: 50px; color: #fff; text-align: center; } .coming-soon .brand .logo { border: 16px solid transparent; border-color: #4DCACA #31A3A3 #1D8888; margin-right: 5px; position: relative; width: 0; height: 0; display: inline-block; vertical-align: middle; top: -4px; } .coming-soon .coming-soon-header .desc, .coming-soon .coming-soon-header .timer, .coming-soon .coming-soon-header .brand { position: relative; z-index: 1020; } .coming-soon .coming-soon-header { background: url(../img/coming-soon.jpg); padding: 100px 0 50px; position: relative; } .coming-soon .coming-soon-header:before { background: #000; } .coming-soon .coming-soon-header .bg-cover { background: #000; opacity: 0.6; filter: alpha(opacity=60); position: absolute; right: 0; top: 0; left: 0; bottom: 0; z-index: 0; } .coming-soon .coming-soon-header .desc { text-align: center; font-size: 14px; font-weight: 300; color: #fff; } .coming-soon .coming-soon-header .timer { margin-bottom: 50px; padding: 10px 0; } .coming-soon .coming-soon-header .timer:before, .coming-soon .coming-soon-header .timer:after { content: ''; display: table; clear: both; } .coming-soon .timer .is-countdown { background: none; border: none; width: 980px; margin: 0 auto; } .coming-soon .timer .is-countdown .countdown-section { padding: 0 10px; } .coming-soon .timer .is-countdown .countdown-section + .countdown-section { border-left: 1px solid #fff; border-left: 1px solid rgba(255,255,255,0.3); } .coming-soon .timer .countdown-amount { font-size: 36px; color: #fff; } .coming-soon .timer .countdown-period { font-size: 14px; color: #999; } .coming-soon a { color: #00acac; } .coming-soon .coming-soon-content { color: #333; text-align: center; padding: 25px 0; } .coming-soon .coming-soon-content .desc { margin-bottom: 25px; font-size: 14px; } .coming-soon .coming-soon-content .input-group { width: 480px; margin: 0 auto; } /* ------------------------------- 8.0 Update - V1.2 ------------------------------- */ /* 8.1 Theme Panel Setting */ .theme-panel { position: fixed; right: -175px; top: 150px; z-index: 1020; background: #fff; padding: 15px; box-shadow: 0 0 2px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.4); width: 175px; -webkit-transition: right .2s linear; -moz-transition: right .2s linear; transition: right .2s linear; } .theme-panel.active { right: 0; } .theme-panel .theme-list { list-style-type: none; margin: 0; padding: 0; } .theme-panel .theme-list + .theme-list { margin-top: 10px; } .theme-panel .theme-list > li { float: left; } .theme-panel .theme-list > li + li { margin-left: 5px; } .theme-panel .theme-list > li > a { text-decoration: none; } .theme-panel .theme-list > li.active > a { position: relative; } .theme-panel .theme-list > li.active > a:before { content: '\f00c'; font-family: FontAwesome; position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-size: 14px; color: #fff; opacity: 0.4; filter: alpha(opacity=40); text-align: center; } .theme-panel .theme-list > li.active > a.bg-white:before { color: #666; } .theme-panel .theme-list > li > a { width: 20px; height: 20px; border-radius: 3px; display: block; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; } .theme-panel .theme-list > li > a:hover, .theme-panel .theme-list > li > a:focus { opacity: 0.6; filter: alpha(opacity=60); } .theme-panel .theme-collapse-btn { position: absolute; left: -30px; top: 10%; margin-top: -15px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; color: #333; background: #fff; border-radius: 4px 0 0 4px; text-align: center; box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4); -webkit-box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4); -moz-box-shadow: -1px 0px 3px -1px rgba(0,0,0,0.4); } .theme-panel .theme-panel-content { margin: -15px; padding: 15px; background: #fff; position: relative; z-index: 1020; } .theme-panel.active .theme-collapse-btn .fa:before { content: '\f00d'; } .theme-panel .theme-list a.bg-white { border: 1px solid #e2e7eb; } .theme-panel .control-label { line-height: 30px; } .theme-panel .control-label.double-line { line-height: 15px; } .theme-panel .divider { height: 1px; margin: 15px 0; background: #f2f2f2; } /* 8.2 Powerange Slider Setting */ .slider-wrapper { padding: 15px 30px !important; margin-bottom: 10px !important; } .slider-wrapper.slider-without-range { padding: 15px 0 !important; } .slider-wrapper.slider-vertical { padding-left: 15px !important; padding-right: 15px !important; } .range-min, .range-max { color: #242a30 !important; } .range-handle { cursor: pointer !important; } .range-quantity { background: #00acac !important; } .red .range-quantity { background: #ff5b57 !important; } .blue .range-quantity { background: #348fe2 !important; } .purple .range-quantity { background: #727cb6 !important; } .orange .range-quantity { background: #f59c1a !important; } .black .range-quantity { background: #2d353c !important; } /* 8.3 Plugins DateTimepicker */ .datetimepicker table tr td.active, .datetimepicker table tr span.active { background-image: none !important; background: #348fe2 !important; color: #fff !important; } .datetimepicker table { width: 100%; } .datetimepicker th, .datetimepicker td { padding: 0px 5px !important; width: 30px !important; height: 30px !important; } /* 8.4 Plugins wysihtml5 Sandbox */ .wysihtml5-sandbox { width: 100% !important; } /* 8.5 Plugins Typeahead */ .twitter-typeahead .tt-hint { line-height: 22px; padding: 5px 11px; opacity: 0.6; filter: alpha(opacity=60); } .tt-suggestion.tt-is-under-cursor { background: #edf0f5; color: #222; } /* 8.6 Plugins Select 2 Choice */ /*.select2-container.form-control .select2-choice, .select2-container.form-control .select2-choice { background: none !important; margin: -6px -12px !important; padding: 6px 12px !important; line-height: 20px !important; border:none !important; box-shadow: none !important; -webkit-box-shadow: none; height: 32px !important; } .select2-container.form-control.input-sm .select2-choice, .select2-container.form-control.input-sm .select2-choice { height: 30px !important; } .select2-container .select2-choice .select2-arrow { background: none !important; border-left: 1px solid #e2e7eb !important; } .select2-container.form-control .select2-choice abbr { top: 10px !important; } .select2-container.form-control.input-sm .select2-choice abbr { top: 9px !important; } .select2-container .select2-choice .select2-arrow b { background-position: 0 3px !important; } .select2-container.form-control.input-sm .select2-choice .select2-arrow b { background-position: 0 2px !important; } .select2-drop-active { border-color: #e2e7eb !important; -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,0.2) !important; box-shadow: 0 2px 2px -1px rgba(0,0,0,0.2) !important; } .select2-drop.select2-drop-above { -webkit-box-shadow: 0 -2px 2px -1px rgba(0,0,0,0.2) !important; box-shadow: 0 -2px 2px -1px rgba(0,0,0,0.2) !important; } .select2-search input { border-color: #e2e7eb !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; } .select2-drop { border-color: #e2e7eb !important; padding-top: 5px !important; border-top: 1px solid #e2e7eb !important; } .select2-results .select2-highlighted { background: #edf0f5 !important; color: #222 !important; } .select2-container.select2-container-multi.form-control { height: auto !important; width: 240px !important; } .select2-container.select2-container-multi.form-control .select2-choices { margin: -6px -12px !important; border: none !important; box-shadow: none !important; min-height: 22px !important; height: auto !important; background: none !important; } .select2-container-multi .select2-choices .select2-search-choice { -webkit-box-shadow: none !important; box-shadow: none !important; border-color: #ddd !important; background: #fff !important; }*/ /* 8.7 Login Page V2 */ .login-v2 { background: url(../img/transparent/black-0.4.png); background: rgba(0,0,0,0.4); background: var(--neutral-bg-strong, rgba(0,0,0,0.4)); color: #ccc; width: 450px; margin: 168px auto; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .login-v2 .login-content { padding: 40px; } .login.login-v2 label { color: #ccc; } .login.login-v2 a { color: #fff; } .login.login-v2 .login-header { color: #fff; } .login.login-v2 .login-header .icon { opacity: 0.4; filter: alpha(opacity=40); } .login-v2 .form-control { background: url(../img/transparent/black-0.4.png); background: rgba(0,0,0,0.4); border: none; color: #fff; } .login-cover, .login-cover-bg, .login-cover-image { position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .login-cover-image img { max-width: 100%; top: 0; left: 0; position: absolute; } .login-cover-bg { background: #666666; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #666666 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#666666), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #666666 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #666666 0%,#000000 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #666666 0%,#000000 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #666666 0%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ opacity: 0.6; filter: alpha(opacity=60); } .login-bg-list { position: absolute; right: 20px; bottom: 20px; z-index: 1020; list-style-type: none; margin: 0; padding: 0 0 0 20px; } .login-bg-list > li { width: 80px; height: 60px; overflow: hidden; float: left; transition: all .2s linear; -webkit-transition: all .2s linear; } .login-bg-list > li a { display: block; height: 60px; } .login-bg-list > li.active { outline: 3px solid #fff; z-index: 1020; position: relative; } .login-bg-list > li img { max-height: 100%; } /* ------------------------------- 9.0 Update - V1.3 ------------------------------- */ /* 9.1 Widget Chart Setting */ .widget-chart { position: relative; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 20px; } .widget-chart .chart-title { font-size: 18px !important; color: #fff; font-weight: 300 !important; margin: 2px 5px 7px; } .widget-chart .chart-title small { display: block; margin-top: 5px; font-size: 12px; color: #616D72; color: rgba(255,255,255,0.3); } .widget-chart .widget-chart-content { padding: 15px; margin-right: 230px; } .widget-chart .widget-chart-sidebar { position: absolute; right: 0; top: 0; bottom: 0; width: 230px; padding: 15px; } .widget-chart-sidebar .chart-number { font-size: 24px; font-weight: 300; color: #fff; margin-bottom: 10px; } .widget-chart-sidebar .chart-number small { font-size: 12px; color: #616D72; color: rgba(255,255,255,0.3); display: block; } .widget-chart-sidebar .chart-legend { list-style-type: none; margin: 0; padding: 0; font-size: 12px; font-weight: 300; position: absolute; bottom: 10px; } .widget-chart-sidebar .chart-legend > li { margin-bottom: 5px; color: #fff; } .widget-chart-sidebar .chart-legend > li span { color: #616D72; color: rgba(255,255,255,0.3); } .morris-inverse .morris-hover { background: url('../img/transparent/black-0.4.png'); background: rgba(0,0,0,0.4) !important; border: none !important; padding: 8px !important; color: #ccc !important; } .morris-hover { z-index: 0 !important; } /* 9.2 List Group Item Inverse Setting */ .list-group-item.list-group-item-inverse { background: #2d353c; border-color: #242a30; color: #fff; font-weight: 300; } .list-group-item.list-group-item-inverse .label-inverse, .list-group-item.list-group-item-inverse .badge-inverse { background: #242a30; background: rgba(0,0,0,0.4); } .list-group-item.list-group-item-inverse:hover, .list-group-item.list-group-item-inverse:focus { color: #fff; background: #282F35; } /* 9.3 Bootstrap Calendar Setting */ .bootstrap-calendar .calendar { background: #fff; border: none; border-radius: 0; padding: 10px 0; } .bootstrap-calendar .calendar td { border: none !important; } .bootstrap-calendar .calendar .table td { padding: 3px 5px; } .bootstrap-calendar .calendar a { line-height: 24px; } .bootstrap-calendar .calendar .week_days td { background: none; color: #a9acae; } .bootstrap-calendar .calendar .visualmonthyear { color: #707478; } .bootstrap-calendar .calendar .table.header td { color: #707478; vertical-align: middle; } .bootstrap-calendar .calendar .table.header td.year { font-size: 18px; font-weight: 300; } .bootstrap-calendar .calendar .table.header { margin-bottom: 5px; } .bootstrap-calendar .calendar .table.header .year { width: 72%; } .bootstrap-calendar .calendar .icon-arrow-right, .bootstrap-calendar .calendar .icon-arrow-left { cursor: pointer; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; } .bootstrap-calendar .calendar .icon-arrow-right:hover, .bootstrap-calendar .calendar .icon-arrow-left:hover, .bootstrap-calendar .calendar .icon-arrow-right:focus, .bootstrap-calendar .calendar .icon-arrow-left:focus { color: #2d353c; } .bootstrap-calendar .calendar .icon-arrow-left:before { content: '\f060'; } .bootstrap-calendar .calendar .icon-arrow-right:before { content: '\f061'; } .bootstrap-calendar .calendar .table { margin-bottom: 0; } .bootstrap-calendar .calendar .event a { display: block; border-radius: 30px; background: #fff; color: #fff; margin: 0 auto; } .bootstrap-calendar .calendar .event .popover a { color: #428bca; } .bootstrap-calendar .calendar .event .popover a:hover, .bootstrap-calendar .calendar .event .popover a:focus { color: #2a6496; text-decoration: underline; } .bootstrap-calendar .calendar .event, .bootstrap-calendar .calendar .event:hover, .bootstrap-calendar .calendar .event:focus, .bootstrap-calendar .calendar .event a:hover, .bootstrap-calendar .calendar .event a:focus { text-shadow: none; color: #2d353c; box-shadow: none; font-weight: normal; } .bootstrap-calendar .calendar .event a:hover, .bootstrap-calendar .calendar .event a:focus { color: #fff; opacity: 0.8; } .bootstrap-calendar .calendar .event, .bootstrap-calendar .calendar .event:hover, .bootstrap-calendar .calendar .event:focus { background: none; text-align: center; } .bootstrap-calendar .calendar .fa-circle { position: absolute; right: 0; top: 0; } /* 9.4 Registered Users List Setting */ .registered-users-list { list-style-type: none; margin: 7.5px; padding: 0; } .registered-users-list > li { width: 25%; font-size: 12px; float: left; padding: 7.5px; color: #333; } .registered-users-list > li .username { font-size: 12px; color: #333; margin-bottom: 0; } .registered-users-list > li img { border-radius: 3px; max-width: 100%; } .registered-users-list > li > a { display: block; margin-bottom: 10px; } .registered-users-list > li .username small { display: block; font-size: 11px; color: #707478; margin-top: 3px; } /* 9.5 Chat List Setting */ .panel-body .chats { padding: 0; } .slimScrollDiv .chats { padding-right: 15px; } .chats { list-style-type: none; margin: 0; padding: 12px 15px 15px; } .chats > li + li { margin-top: 15px; } .chats > li:before, .chats > li:after { content: ''; display: table; clear: both; } .chats .name { color: #333; display: block; margin-bottom: 5px; font-weight: 600; text-decoration: none; } .chats .name .label { font-size: 8px; padding: 1px 4px 2px; margin-left: 3px; position: relative; top: -1px; } .chats .date-time { font-size: 10px; display: block; float: right; color: #999; margin-top: 3px; } .chats .image { float: left; width: 60px; height: 60px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; } .chats .image img { max-width: 100%; } .chats .image + .message { margin-left: 75px; } .chats .message { border: 1px solid #ccd0d4; padding: 7px 12px; font-size: 12px; position: relative; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .chats .message:before, .chats .message:after { content: ''; position: absolute; top: 10px; left: -14px; border: 7px solid transparent; border-right-color: #ccd0d4; } .chats .message:after { left: -13px; border-right-color: #fff; } .chats .right .name { text-align: right; } .chats .right .date-time { float: left; } .chats .right .image { float: right; } .chats .right .image + .message { margin-right: 75px; margin-left: 0; } .chats .right .message:before, .chats .right .message:after { left: auto; right: -14px; border-right-color: transparent; border-left-color: #ccd0d4; } .chats .right .message:after { right: -13px; border-left-color: #fff; } /* 9.6 Gallery v2 - Superbox Setting */ .superbox { font-size: 0; } .superbox-list { display: inline-block; width: 12.5%; margin: 0; position: relative; } .superbox-list.active:after { content: ''; position: absolute; left: 50%; bottom: 0; border: 10px solid transparent; border-bottom-color: #2d353c; margin-left: -10px; } .superbox-show { text-align: center; position: relative; background: #2d353c; width: 100%; float: left; padding: 25px; display: none; } .superbox-img { max-width: 100%; width: 100%; cursor: pointer; } .superbox-current-img { -webkit-box-shadow: 0 5px 35px rgba(0,0,0,.65); box-shadow: 0 5px 35px rgba(0,0,0,.65); max-width: 100%; } .superbox-img:hover { opacity: 0.8; } .superbox-close { opacity: 0.7; cursor: pointer; position: absolute; top: 25px; right: 25px; background: url(assets/plugins/superbox/img/close.gif) no-repeat center center; width: 35px; height: 35px; } /* ------------------------------- 10.0 Update - V1.4 ------------------------------- */ /* 10.1 Page - Email Inbox v2 */ .list-email { margin-bottom: 0; border-top: 1px solid #e2e7eb; border-bottom: 1px solid #e2e7eb; } .list-email > li.list-group-item { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; } .list-email > li.list-group-item { padding: 15px 15px 15px 20px; position: relative; } .list-email > li.list-group-item + li.list-group-item { border-top: 1px solid #e2e7eb; } .list-email > li.list-group-item:before, .list-email > li.list-group-item:after { content: ''; display: table; clear: both; } .list-email > li.list-group-item:before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 5px; background: #fff; } .list-email > li.list-group-item.success:before { background: #00acac; } .list-email > li.list-group-item.info:before { background-color: #49b6d6; } .list-email > li.list-group-item.danger:before { background-color: #ff5b57; } .list-email > li.list-group-item.primary:before { background-color: #348fe2; } .list-email > li.list-group-item.inverse:before { background-color: #242a30; } .list-email > li.list-group-item.warning:before { background-color: #f59c1a; } .list-email > li.list-group-item.purple:before { background-color: #727cb6; } .list-email > li.list-group-item.default:before { background-color: #b6c2c9; } .list-email .email-user { float: left; width: 50px; height: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; overflow: hidden; font-size: 24px; line-height: 50px; text-align: center; color: #6e7179; background: #f4f6f7; } .list-email .email-user img { max-width: 100%; display: block; } .list-email .email-user + .email-info { margin-left: 65px; } .list-email .email-checkbox + .email-user + .email-info { margin-left: 95px; } .list-email .email-checkbox + .email-info { margin-left: 35px; } .list-email .email-title { margin-top: 3px; margin-bottom: 3px; line-height: 20px; } .list-email .email-title .label { position: relative; top: -1px; } .list-email .email-title, .list-email .email-title a { color: #242a30; } .list-email .email-time { float: right; font-size: 11px; color: #C8CCCF; margin-left: 10px; } .list-email .email-checkbox { float: left; width: 20px; margin-right: 10px; height: 50px; line-height: 50px; } .list-email .email-checkbox label { color: #e2e7eb; display: block; cursor: pointer; } .list-email .email-checkbox label input[type=checkbox] { display: none; } .list-email .email-checkbox label .fa { font-size: 18px; transition: all .2s linear; -webkit-transition: all .2s linear; } .list-email .email-checkbox label.active { color: #707478; } .list-email .email-checkbox label.active .fa:before { content: '\f046'; } .list-email > li.selected { background: #F2FFFB; } /* 10.2 Page - Email Detail v2 */ .attached-document { list-style-type: none; margin: 15px 0 0; padding: 0; } .attached-document > li { width: 180px; float: left; background: #e2e7eb; color: #707478; position: relative; margin-right: 15px; margin-bottom: 15px; } .attached-document > li:before { content: '\f0c6'; font-family: FontAwesome; position: absolute; top: -10px; right: 5px; font-size: 18px; } .attached-document .document-file { height: 70px; background: rgba(0,0,0,0.1); overflow: hidden; text-align: center; line-height: 70px; font-size: 32px; } .attached-document .document-name a { color: #2d353c; } .attached-document > li img { max-width: 100%; } .attached-document > li .document-name { padding: 5px 10px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* ------------------------------- 11.0 Update - V1.5 ------------------------------- */ /* 11.1 Content Theme - Flat Black */ /* 11.1.1 Flat Black - Body Setting */ body.flat-black { background: #E7E7E7; } /* 11.1.2 Flat Black - Navbar Inverse Setting */ .flat-black .navbar.navbar-inverse { background: #3A3A3A; } /* 11.1.3 Flat Black - Sidebar Setting */ .flat-black .sidebar, .flat-black .sidebar-bg { background: #3A3A3A; } .flat-black .sidebar .nav > li > a { color: #b2b2b2; } .flat-black .sidebar.sidebar-grid .nav > li > a { border-bottom: 1px solid #474747; border-top: 1px solid #474747; } .flat-black .sidebar .nav > li.active > a, .flat-black .sidebar .active .sub-menu > li.active > a, .flat-black .sidebar .sub-menu > li > a:hover, .flat-black .sidebar .sub-menu > li > a:focus { color: #fff; } .flat-black .sidebar .sub-menu > li > a, .flat-black .sidebar .sub-menu > li > a:before { color: #999; } .flat-black .sidebar .nav > li > a:focus, .flat-black .sidebar .nav > li > a:hover, .flat-black .sidebar .nav > li.expand > a, .flat-black .page-sidebar-minified .sidebar .nav > li.has-sub:hover > a, .flat-black .page-sidebar-minified .sidebar .nav > li.has-sub:focus > a { background: #323232; } .flat-black .sidebar .sub-menu, .flat-black .page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu, .flat-black .sidebar .nav > li.nav-profile { background: #2A2A2A; } /* 11.1.4 Flat Black - Page Footer Setting */ .flat-black .footer { border-color: #D7D7D7; } /* 11.1.5 Flat Black - List Group item Setting */ .flat-black .list-group-item.list-group-item-inverse { background: #3A3A3A; border-color: #242424; } .flat-black .list-group-item.list-group-item-inverse:hover, .flat-black .list-group-item.list-group-item-inverse:focus { background: #323232; } /* 11.1.6 Flat Black - Nav Pills Setting */ .flat-black .nav-pills > li.active > a, .flat-black .nav-pills > li.active > a:focus, .flat-black .nav-pills > li.active > a:hover { background: #2A2A2A; } /* 11.1.7 Flat Black - Badge Setting */ .flat-black .badge.badge-inverse, .flat-black .label.label-inverse { background: #3A3A3A; } .flat-black .badge.badge-default, .flat-black .label.label-default { background: #C3C3C3; } /* 11.1.8 Flat Black - Tabs Setting */ .flat-black .nav-tabs { background: #d2d2d2; } .flat-black .nav-tabs.nav-tabs-inverse { background: #2A2A2A; } /* 11.1.9 Flat Black - Panel Setting */ .flat-black .panel-with-tabs .panel-heading { background: #d2d2d2; } .flat-black .panel-inverse > .panel-heading { background: #2A2A2A; } /* 11.1.10 Flat Black - Table Setting */ .flat-black .table > tbody > tr > td, .flat-black .table > tbody > tr > th, .flat-black .table > tfoot > tr > td, .flat-black .table > tfoot > tr > th, .flat-black .table > thead > tr > td, .flat-black .table > thead > tr > th { border-color: #E0E0E0; } .flat-black .table > thead > tr > th { border-color: #E0E0E0 !important; } .flat-black .dataTables_filter input { background: #f7f7f7; border-color: #f7f7f7; } .flat-black .dataTables_filter input:focus { border-color: #D7D7D7; } .flat-black .table-striped > tbody > tr:nth-child(odd) > td, .flat-black .table-striped > tbody > tr:nth-child(odd) > th { background: #f7f7f7; } /* 11.1.11 Flat Black - Button Inverse Setting */ .flat-black .btn.btn-inverse { background: #3A3A3A; border-color: #242424; } .flat-black .btn-inverse:hover, .flat-black .btn-inverse:focus, .flat-black .btn-inverse:active, .flat-black .btn-inverse.active, .flat-black .open .dropdown-toggle.btn-inverse { background: #2a2a2a; } /* 11.1.12 Flat Black - Button Default Setting */ .flat-black .btn.btn-default { background: #c8c8c8; border-color: #c8c8c8; } .flat-black .btn.btn-default:hover, .flat-black .btn.btn-default:focus, .flat-black .btn.btn-default:active, .flat-black .btn.btn-default.active, .flat-black .open .dropdown-toggle.btn.btn-default { background: #a3a3a3; border-color: #a3a3a3; } /* 11.1.13 Flat Black - Button White Setting */ .flat-black .btn.btn-white, .flat-black .btn-group .btn.btn-white:not(.active) + .btn.btn-white, .flat-black .input-group-btn .btn.btn-white:not(.active) + .btn.btn-white { border-color: #d2d2d2; } .flat-black .btn.btn-white:hover, .flat-black .btn.btn-white:focus, .flat-black .btn.btn-white:active, .flat-black .btn.btn-white.active, .flat-black .open .dropdown-toggle.btn.btn-white { background: #e0e0e0; border-color: #d2d2d2; } /* 11.1.14 Flat Black - Pagination Setting */ .flat-black .pager li > a, .flat-black .pager li > span, .flat-black .pagination > li > a { border-color: #d2d2d2; } .flat-black .pagination > .active > a, .flat-black .pagination > .active > a:focus, .flat-black .pagination > .active > a:hover, .flat-black .pagination > .active > span, .flat-black .pagination > .active > span:focus, .flat-black .pagination > .active > span:hover { background: #323232 !important; border-color: #323232 !important; } .flat-black .pager li > a:focus, .flat-black .pager li > a:hover, .flat-black .pager li > span:focus, .flat-black .pager li > span:hover, .flat-black .pagination > li > a:focus, .flat-black .pagination > li > a:hover { background: #e0e0e0; } /* 11.1.15 Flat Black - Progress Bar Setting */ .flat-black .progress { background: #eaeaea; } .flat-black .widget-stats .stats-progress { background: url(../img/transparent/black-0.2.png); background: rgba(0,0,0,.2); } /* 11.1.16 Flat Black - Vector Map Setting */ .flat-black .jvectormap-container { background: #2d2d2d !important; } /* 11.1.17 Flat Black - Helper Classes Setting */ .flat-black .bg-black { background: #3A3A3A !important; } .flat-black .bg-silver { background: #f7f7f7 !important; } .flat-black .bg-black-darker { background: #2d2d2d !important; } /* 11.1.18 Flat Black - Bootstrap Wizard Setting */ .flat-black .bwizard-steps li.active, .flat-black .bwizard-steps li.active:hover, .flat-black .bwizard-steps li.active:focus { background: #00acac !important; } .flat-black .bwizard-steps li:hover, .flat-black .bwizard-steps li:focus { background: #DFDFDF !important; } .flat-black .bwizard-steps li { background: #f7f7f7 !important; } /* 11.1.19 Flat Black - Timeline */ .flat-black .timeline-footer { background: #F2F2F2; } /* 11.1.20 Flat Black - Invoice */ .flat-black .invoice-header, .flat-black .invoice-price { background: #F5F5F5; } .flat-black .invoice-price .invoice-price-right { background: #3a3a3a; } /* 11.1.21 Flat Black - Error Page */ .flat-black .error-content { background: #3a3a3a; } .flat-black .error-code { color: #3a3a3a; } .flat-black .error-desc { color: #888; } /* 11.2 Pace Loader Setting */ .pace-inactive { opacity: 0; } .ie8 .pace-inactive, .ie8 .pace .pace-activity { display: none; } .pace { background: none; position: fixed; top: 0; left: 0; right: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; z-index: 1020; } .pace-progress { position: fixed; top: 54px; left: 0; right: 0; text-align: center; height: 3px; background: #00acac; -webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: width 1s; transition: width 1s; z-index: 2000; } .pace:before { content: ''; background: none; position: fixed; top: 54px; right: 0; left: 0; height: 3px; } .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 65px; right: 8px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #00acac; border-left-color: #00acac; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; } @-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes pace-spinner { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes pace-spinner { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes pace-spinner { 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pace-spinner { 0% { transform: rotate(0deg); transform: rotate(0deg); } 100% { transform: rotate(360deg); transform: rotate(360deg); } } .pace-top .pace:before, .pace-top .pace-progress { top: 0; } .pace-top .pace .pace-activity { top: 11px; } /* ------------------------------- 12.0 Update - V1.6 ------------------------------- */ /* 12.1 Unlimited Nav Tabs */ .tab-overflow { position: relative; overflow: hidden; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } .tab-overflow .nav.nav-tabs { white-space: nowrap; overflow: hidden; display: table; margin: 0; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } .tab-overflow .nav.nav-tabs > li, .tab-overflow.nav.nav-tabs > li { display: table-cell; float: none; } .tab-overflow .nav.nav-tabs > li > a { margin-left: -1px; } .tab-overflow .next-button, .tab-overflow .prev-button { position: absolute; right: 0; top: 0; z-index: 10; display: none !important; opacity: 0; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; } .tab-overflow .prev-button { left: 0; right: auto; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } .tab-overflow .nav.nav-tabs.nav-tabs-inverse .next-button, .tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button { -webkit-box-shadow: 0 0 15px #000; box-shadow: 0 0 15px #000; } .tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button { -webkit-box-shadow: 0 0 15px #000; box-shadow: 0 0 15px #000; } .tab-overflow .next-button a, .tab-overflow .prev-button a { margin: 0; background: #c1ccd1; } .flat-black .tab-overflow .next-button a, .flat-black .tab-overflow .prev-button a { background: #d2d2d2; } .tab-overflow .prev-button > a { -webkit-border-radius: 3px 0 3px; -moz-border-radius: 3px 0 3px; border-radius: 3px 0 3px; } .tab-overflow .nav-tabs-inverse .next-button > a, .tab-overflow .nav-tabs-inverse .prev-button > a, .nav.nav-tabs.nav-tabs-inverse > li > a, .nav.nav-tabs.nav-tabs-inverse > li > a:hover, .nav.nav-tabs.nav-tabs-inverse > li > a:focus { background: #242a30; } .flat-black .tab-overflow .nav-tabs-inverse .next-button > a, .flat-black .tab-overflow .nav-tabs-inverse .prev-button > a, .flat-black .nav.nav-tabs.nav-tabs-inverse > li > a, .flat-black .nav.nav-tabs.nav-tabs-inverse > li > a:hover, .flat-black .nav.nav-tabs.nav-tabs-inverse > li > a:focus { background: #2A2A2A; } .nav.nav-tabs.nav-tabs-inverse > li.active > a, .nav.nav-tabs.nav-tabs-inverse > li.active > a:hover, .nav.nav-tabs.nav-tabs-inverse > li.active > a:focus { background: #fff; color: #242a30; } .tab-overflow.overflow-right .next-button, .tab-overflow.overflow-left .prev-button { display: block !important; opacity: 1; background: none; } .tab-overflow .nav-tabs > li.prev-button + li.active > a { -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; } /* ------------------------------- 13.0 Update - V1.7 ------------------------------- */ /* 13.1 Light Sidebar Setting */ .page-with-light-sidebar .sidebar, .page-with-light-sidebar .sidebar-bg { background: #fff; } .page-with-light-sidebar .sidebar .nav > li > a, .flat-black .page-with-light-sidebar .sidebar .nav > li > a { color: #2d353c; } .page-with-light-sidebar .sidebar .nav > li.nav-profile { background: #f0f3f4; color: #2d353c; } .page-with-light-sidebar .sidebar .nav > li .sub-menu, .page-sidebar-minified.page-with-light-sidebar .sidebar .nav li.has-sub > .sub-menu, .page-sidebar-minified.page-with-light-sidebar .sidebar .nav > li.has-sub:focus > a, .page-sidebar-minified.page-with-light-sidebar .sidebar .nav > li.has-sub:hover > a { background: #f0f3f4; } .page-with-light-sidebar .sidebar .nav > li.nav-profile .info small { color: rgba(0,0,0,0.7); } .page-with-light-sidebar .sidebar .nav > li.active > a { color: #fff; } .page-with-light-sidebar .sidebar .nav > li .sub-menu:before { background: #B1B9C0; } .page-with-light-sidebar .sidebar .nav > li .sub-menu > li > a:before { content: '\f111'; color: #B1B9C0; } .page-with-light-sidebar .sidebar .nav > li .sidebar-minify-btn, .page-with-light-sidebar .sidebar .nav > li .sidebar-minify-btn:hover, .page-with-light-sidebar .sidebar .nav > li .sidebar-minify-btn:focus, .page-with-light-sidebar .sidebar .nav > li.active.expand > a, .page-with-light-sidebar .sidebar .nav > li.active > a, .page-with-light-sidebar .sidebar .nav > li.active > a:hover, .page-with-light-sidebar .sidebar .nav > li.active > a:focus, .page-with-light-sidebar.page-sidebar-minified .sidebar .nav > li.active > a, .page-with-light-sidebar.page-sidebar-minified .sidebar .nav > li.active:hover > a, .page-with-light-sidebar.page-sidebar-minified .sidebar .nav > li.active:focus > a { color: #fff; background: #2d353c; } .flat-black .page-with-light-sidebar .sidebar .nav > li .sidebar-minify-btn, .flat-black .page-with-light-sidebar .sidebar .nav > li .sidebar-minify-btn:hover, .flat-black .page-with-light-sidebar .sidebar .nav > li .sidebar-minify-btn:focus, .flat-black .page-with-light-sidebar .sidebar .nav > li.active.expand > a, .flat-black .page-with-light-sidebar .sidebar .nav > li.active > a, .flat-black .page-with-light-sidebar .sidebar .nav > li.active > a:hover, .flat-black .page-with-light-sidebar .sidebar .nav > li.active > a:focus { background: #3a3a3a; } .page-with-light-sidebar .sidebar .nav > li.expand > a, .page-with-light-sidebar .sidebar .nav > li > a:hover, .page-with-light-sidebar .sidebar .nav > li > a:focus { background: #E6E9EA; } .page-with-light-sidebar .sidebar .nav > li .sub-menu > li.active > a:before { color: #575d63; } .page-with-light-sidebar .sidebar .sub-menu > li > a { font-weight: normal; } .flat-black .page-with-light-sidebar .sidebar .sub-menu > li.active > a, .page-with-light-sidebar .sidebar .sub-menu > li.active > a, .page-with-light-sidebar .sidebar .sub-menu > li.active > a:focus, .page-with-light-sidebar .sidebar .sub-menu > li.active > a:hover, .page-with-light-sidebar .sidebar .sub-menu > li > a:focus, .page-with-light-sidebar .sidebar .sub-menu > li > a:hover { color: #333; } .flat-black .page-with-light-sidebar.page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu, .flat-black .page-with-light-sidebar .sidebar .nav > li.nav-profile, .flat-black .page-with-light-sidebar .sidebar .sub-menu { background: #f5f5f5; } .page-with-light-sidebar.page-sidebar-minified .sidebar .nav > li.active > a > i { color: #fff; } /* 13.2 Wide Sidebar Setting */ .page-with-wide-sidebar .sidebar, .page-with-wide-sidebar.page-sidebar-minified .sidebar-bg.sidebar-right, .page-with-wide-sidebar.page-sidebar-minified .sidebar.sidebar-right { width: 250px; } .page-with-wide-sidebar .content { margin-left: 250px; } .page-with-wide-sidebar.page-with-right-sidebar .content { margin-right: 250px; margin-left: 0; } .page-with-wide-sidebar.page-with-two-sidebar .content { margin-left: 250px; margin-right: 250px; } .page-with-wide-sidebar.page-sidebar-minified .sidebar { width: 60px; } .page-with-wide-sidebar.page-sidebar-minified .content { margin-left: 60px; } /* 13.3 Navbar Header Brand Without Background Setting */ .navbar-header.navbar-header-without-bg .navbar-brand { background: none !important; } /* 13.4 Plugins - Jstree Setting */ .jstree-default:not(.jstree-checkbox-no-clicked) .jstree-clicked, .jstree-default .jstree-wholerow-clicked { background: #E4E9EC !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .jstree-default .jstree-hovered, .jstree-default .jstree-wholerow-hovered { background: #f0f3f4 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .jstree-open > .jstree-anchor > .fa-folder:before { content: '\f07c'; color: #242a30; } .jstree-default .jstree-checkbox { background: none; position: relative; } .jstree-default .jstree-checkbox:before { content: ''; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; border: 1px solid #b4b6b7; display: block; background: #fff; } .jstree-default .jstree-anchor > .jstree-checkbox.jstree-undetermined:after { content: ''; position: absolute; left: 7px; right: 7px; bottom: 7px; top: 7px; display: block; background: #b4b6b7; } .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:after, .jstree-default .jstree-checked > .jstree-checkbox:after { content: '\f00c'; font-family: FontAwesome; position: absolute; left: 5px; right: 5px; bottom: 5px; top: 5px; display: block; line-height: 16px; font-size: 12px; font-style: initial; color: #242a30; } /* 13.5 Top Navbar Mega Menu Setting */ .dropdown.dropdown-lg { position: static; } .dropdown-menu.dropdown-menu-lg { left: 20px; right: 20px; padding: 20px; } /*.dropdown-header { font-size: 14px; font-weight: bold; color: #242a30; padding: 0; margin: 0 0 10px; }*/ .dropdown-menu.dropdown-menu-lg .nav > li > a { padding: 0; background: none; line-height: 24px; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active.open > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background: #f4f6f7 !important; opacity: 1.0; filter: alpha(opacity=100); } /* 13.6 Login & Register Page with News Feed Setting */ .login.login-with-news-feed, .register.register-with-news-feed { width: 100%; margin: 0; padding: 0; } .login.login-with-news-feed .news-feed, .register.register-with-news-feed .news-feed { position: fixed; left: 0; right: 500px; top: 0; bottom: 0; -webkit-transform: translateZ(0); overflow: hidden; } .login.login-with-news-feed .news-image, .register.register-with-news-feed .news-image { position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .login.login-with-news-feed .news-image img, .register.register-with-news-feed .news-image img { position: absolute; right: 0; top: 0; left: 0; bottom: 0; max-height: 100%; min-width: 100%; top: -1960px; bottom: -1960px; left: -1960px; right: -1960px; margin: auto; } .login.login-with-news-feed .news-caption, .register.register-with-news-feed .news-caption { background: rgba(255,255,255,0.15); background: rgba(0, 0, 0, 0.7); color: #999; position: absolute; bottom: 0; left: 0; right: 0; padding: 30px 60px; font-size: 14px; z-index: 20; font-weight: 300; min-width: 680px; } .login.login-with-news-feed .news-caption .caption-title, .register.register-with-news-feed .news-caption .caption-title { color: #fff; color: rgba(255,255,255,0.8); font-weight: 300; font-size: 28px; } .login.login-with-news-feed .right-content, .register.register-with-news-feed .right-content { float: right; width: 500px; } .login.login-with-news-feed .login-content, .register.register-with-news-feed .register-content { width: auto; padding: 30px 60px; } .register.register-with-news-feed .register-content { padding: 20px 60px 30px; } .login.login-with-news-feed .login-header, .register.register-with-news-feed .register-header { position: relative; top: 0; margin: 0; left: 0; right: 0; padding: 100px 60px 0; } .register.register-with-news-feed .register-header { padding: 60px 60px 0; font-size: 32px; } .register.register-with-news-feed .register-header small { color: #707478; display: block; font-size: 14px; margin-top: 10px; line-height: 20px; } .login.login-with-news-feed .login-header .brand { color: #242a30; } .login.login-with-news-feed .login-header .brand small { color: #707478; } .login.login-with-news-feed .login-header .icon { top: 98px; right: 10px; } /* 13.7 Plugins - Bootstrap Date Range Picker */ .daterangepicker td.active, .daterangepicker td.active:hover { background: #348fe2 !important; text-shadow: none !important; color: #fff; } .daterangepicker .calendar th, .daterangepicker .calendar td { padding: 7px !important; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #348fe2 !important; color: #fff !important; } .daterangepicker .ranges li { color: #242a30 !important; } /* 13.8 Plugins - Select 2 */ .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #348fe2 !important; } .select2-container .select2-selection--single, .select2-container--default .select2-selection--multiple { height: 34px !important; border-color: #e2e7eb !important; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 12px !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 34px !important; font-size: 14px; } .select2-container--default .select2-selection--single .select2-selection__arrow { right: 5px !important; height: 32px !important; } .select2-dropdown { border: none !important; -webkit-box-shadow: 0 2px 5px -1px rgba(0,0,0,.2) !important; box-shadow: 0 2px 5px -1px rgba(0,0,0,.2) !important; } .select2-container--default .select2-results__group { color: #242a30 !important; } .select2-container--default .select2-search--inline .select2-search__field { height: 23px; padding-left: 5px; } .select2-container--default .select2-search--dropdown .select2-search__field { padding: 6px 12px !important; height: 34px; } .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: #9fa2a5 !important; -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 6px !important; } /* 13.9 Top Navbar Language Setting */ .navbar-language .flag-icon { font-size: 15px; margin: 2px 7px 0; float: left; } /* 13.10 Profile Page Setting */ .profile-container { background: #fff; padding: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .profile-container:before, .profile-container:after { content: ''; display: table; clear: both; } .profile-left { width: 200px; float: left; } .profile-right { margin-left: 240px; padding-right: 20px; } .profile-image { height: 175px; line-height: 175px; text-align: center; font-size: 72px; margin-bottom: 10px; border: 2px solid #E2E7EB; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .profile-image img { display: block; max-width: 100%; } .profile-highlight { padding: 12px 15px; background: #FEFDE1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .profile-highlight h4 { margin: 0 0 7px; font-size: 12px; font-weight: bold; } .table.table-profile > thead > tr > th { border-bottom: none !important; } .table.table-profile > thead > tr > th h4 { font-size: 20px; margin-top: 0; } .table.table-profile > thead > tr > th h4 small { display: block; font-size: 12px; font-weight: normal; margin-top: 5px; } .table.table-profile > thead > tr > th, .table.table-profile > tbody > tr > td { border: none; padding-top: 7px; padding-bottom: 7px; color: #242a30; } .table.table-profile > tbody > tr > td.field { width: 120px; text-align: right; font-weight: 600; color: #777; } .table.table-profile > tbody > tr.highlight > td { border-top: 1px solid #e2e7eb; border-bottom: 1px solid #e2e7eb; } .table.table-profile > tbody > tr.divider > td { padding: 0 !important; height: 10px; } .profile-section + .profile-section { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e2e7eb; } .profile-section:before, .profile-section:after { content: ''; display: table; clear: both; } .profile-section .title { font-size: 20px; margin: 0 0 15px; } .profile-section .title small { font-weight: normal; } /* ------------------------------- 14.0 Update - V1.8 ------------------------------- */ /* 14.1 Full Color Panel */ .panel-body[class*="bg-"] { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } /* 14.2 Bootstrap Date Timepicker */ body .bootstrap-datetimepicker-widget.dropdown-menu { width: auto; } body .bootstrap-datetimepicker-widget .timepicker-hour, body .bootstrap-datetimepicker-widget .timepicker-minute, body .bootstrap-datetimepicker-widget .timepicker-second { border: 2px solid #e2e7eb; border-radius: 3px; } body .bootstrap-datetimepicker-widget.dropdown-menu, body .bootstrap-datetimepicker-widget a[data-action] { color: #242a30; } body .bootstrap-datetimepicker-widget table td { height: 32px; width: 32px; line-height: 32px; } /* ------------------------------- 15.0 Update - V1.9 ------------------------------- */ /* 15.1 Sidebar Transparent */ .sidebar.sidebar-transparent { background: none; } .sidebar.sidebar-transparent .nav > li.nav-profile { background: url('../img/transparent/black-0.3.png'); background: rgba(0, 0, 0, 0.25); } .sidebar.sidebar-transparent .nav > li.has-sub > .sub-menu { background: url('../img/transparent/black-0.5.png'); background: rgba(26, 34, 41, 0.5); } .sidebar.sidebar-transparent .sub-menu { background: none; } .page-sidebar-toggled.page-sidebar-minified .sidebar.sidebar-transparent + .sidebar-bg, .sidebar.sidebar-transparent + .sidebar-bg { background: url('../img/sidebar_cover.jpg'); background-size: auto 100%; } .sidebar.sidebar-transparent + .sidebar-bg:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('../img/transparent/black-0.5.png'); background: rgba(45, 53, 60, 0.75); } .page-sidebar-minified .sidebar.sidebar-transparent .nav > li.has-sub .sub-menu { background: url('../img/transparent/black-0.7.png'); background: rgba(26, 34, 41, 0.85); } .sidebar.sidebar-transparent .nav > li.nav-header { color: #fff; } .page-sidebar-minified .sidebar.sidebar-transparent .nav > li.has-sub:hover > a, .page-sidebar-minified .sidebar.sidebar-transparent .nav > li.has-sub:focus > a, .sidebar.sidebar-transparent .nav > li.expand > a, .sidebar.sidebar-transparent .nav > li > a:focus, .sidebar.sidebar-transparent .nav > li > a:hover { background: url('../img/transparent/black-0.5.png'); background: rgba(0, 0, 0, 0.5); } /* 15.2 Top Menu Element */ .page-with-top-menu { padding-top: 94px; } .page-with-top-menu .sidebar { padding-top: 94px; } .top-menu { background: #2d353c; height: 40px; position: fixed; top: 54px; left: 0; right: 0; z-index: 1015; } .top-menu .nav { white-space: nowrap; } .top-menu .nav > li { display: inline-block; position: relative; } .top-menu .nav > li + li { margin-left: -3px; } .top-menu .nav > li > a { padding: 10px 20px; color: #a8acb1; line-height: 20px; } .top-menu .nav > li > a .badge, .top-menu .nav > li > a .label { margin-left: 5px; } .top-menu .nav > li > a .badge { background: #1b1f24; } .top-menu .nav > li > a .badge.pull-right, .top-menu .nav > li > a .label.pull-right { margin-top: 1px; } .top-menu .nav > li.active > a .label.label-theme, .top-menu .nav > li.active > a .badge { background: url(../img/transparent/black-0.4.png); background: rgba(0,0,0,0.4); } .top-menu .nav > li > a i { float: left; font-size: 14px; margin-right: 10px; line-height: 18px; width: 14px; text-align: center; } .top-menu .nav > li > a .caret.pull-right { margin-top: 8px; margin-left: 5px; } .top-menu .nav > li:hover > a, .top-menu .nav > li:focus > a, .top-menu .nav > li > a:hover, .top-menu .nav > li > a:focus { background: #232a2f; } /* 15.2.1 Top Menu Sub Menu Setting */ .top-menu .nav .sub-menu { display: none; position: absolute; left: 0; width: 220px; top: 100%; background: #1a2229; list-style-type: none; margin: 0; padding: 10px 0; } .top-menu .sub-menu > li > a { padding: 5px 20px; display: block; color: #8a8f94; text-decoration: none; position: relative; } .top-menu .nav .sub-menu > li > a .caret { margin-top: 7px; } .top-menu .sub-menu .sub-menu { background: url(../img/transparent/black-0.2.png); background: rgba(0,0,0,0.2); position: relative; left: 0; top: 0; } .top-menu .sub-menu > li.active > a, .top-menu .sub-menu > li.active > a:hover, .top-menu .sub-menu > li.active > a:focus, .top-menu .sub-menu > li > a:hover, .top-menu .sub-menu > li > a:focus { color: #fff; } .top-menu .nav > li.has-sub:hover > .sub-menu { display: block; } .top-menu .nav > li.active > a, .top-menu .nav > li.active > a:hover, .top-menu .nav > li.active > a:focus { background: #00acac; color: #fff; } /* 15.2.2 Top Menu Left & Right Control Setting */ .top-menu .nav > li.menu-control { position: absolute; top: 0; width: 40px; background: #2d353c; height: 40px; margin: 0; } .top-menu .nav > li.menu-control > a { padding: 0; text-align: center; line-height: 40px; } .top-menu .nav > li.menu-control > a i { float: none; margin: 0; font-size: 18px; display: block; line-height: 40px; color: #fff; width: auto; } .top-menu .nav > li.menu-control.menu-control-left { left: -50px; } .top-menu .nav > li.menu-control.menu-control-right { right: -50px; } @keyframes slideInLeft { from { left: -50px; } to { left: 0; } } @-webkit-keyframes slideInLeft { from { left: -50px; } to { left: 0; } } .top-menu .nav > li.menu-control.menu-control-left.show { -webkit-animation: slideInLeft .2s; animation: slideInLeft .2s; left: 0; } @keyframes slideInRight { from { right: -50px; } to { right: 0; } } @-webkit-keyframes slideInRight { from { right: -50px; } to { right: 0; } } .top-menu .nav > li.menu-control.menu-control-right.show { -webkit-animation: slideInRight .2s; animation: slideInRight .2s; right: 0; } .top-menu .nav > li.menu-control.menu-control-left > a { -webkit-box-shadow: 5px 0 8px -3px rgba(0,0,0,0.5); box-shadow: 5px 0 8px -3px rgba(0,0,0,0.5); } .top-menu .nav > li.menu-control.menu-control-right > a { -webkit-box-shadow: -5px 0 8px -3px rgba(0,0,0,0.5); box-shadow: -5px 0 8px -3px rgba(0,0,0,0.5); } /* 15.3 Boxed Layout Setting */ .boxed-layout { background-image: url(../img/pattern-cover.png); } .boxed-layout .page-container { width: 1080px; margin: 0 auto; -webkit-box-shadow: 0 0px 30px rgba(0,0,0,0.5); box-shadow: 0 0px 30px rgba(0,0,0,0.5); min-height: 100%; background: #d9e0e7; overflow: hidden; position: relative; } .boxed-layout .page-container .header, .boxed-layout .page-container .sidebar, .boxed-layout .page-container .sidebar-bg { left: auto; } .boxed-layout .page-container .header { width: 1080px; right: auto; } .boxed-layout .top-menu, .boxed-layout .pace { width: 1080px; left: 50%; margin-left: -540px; } .boxed-layout .pace .pace-progress, .boxed-layout .pace .pace-activity, .boxed-layout .page-with-top-menu .top-menu { position: absolute; } .boxed-layout .page-sidebar-minified .sidebar, .boxed-layout .page-with-top-menu.page-sidebar-minified .sidebar { position: relative; float: left; padding-top: 0; } /* 15.4 Nvd3 Chart Setting */ .nvtooltip { font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 12px !important; background: #fff !important; -webkit-box-shadow: 0 0px 4px rgba(0,0,0,0.25) !important; box-shadow: 0 0px 4px rgba(0,0,0,0.25) !important; border: none !important; padding: 5px 10px !important; } .nvtooltip table td.legend-color-guide div { border: none !important; } .nvtooltip table thead strong { text-decoration: underline !important; } /* Fixes an issue with Edge and Mobile Safari where the breadcrumb wraps onto a second line */ .navbar-header:before, .navbar-header:after { display: inline !important; } .dropup .sub-menu { top: auto !important; bottom: 100%; transform: translateY(35px); /* submenu starting position down by 35px */ } /* Default: dropdown */ .has-sub > ul.sub-menu { top: 100%; bottom: auto; } /* Flipped: dropup */ .has-sub.dropup > ul.sub-menu { top: auto; bottom: 100%; } /* Target the modal-dialog inside your windowClass */ .modal-xl-custom .modal-dialog { width: 95%; /* larger than modal-lg */ max-width: 1400px; /* max width */ margin: 30px auto; /* center vertically */ } /* Optional: scrollable modal body */ .modal-xl-custom .modal-body { max-height: 90vh; overflow-y: auto; } .modal-backdrop:not(.in), .modal:not(.in) { pointer-events:none; } #content { position:relative; } .no-animate { -webkit-transition: none !important; transition: none !important; } fieldset div.select2-container { display: block; } .form-validation.ng-submitted .ng-invalid-required, .form-validation .ng-invalid-required.ng-dirty, .form-validation .ng-invalid-required.ng-touched, .form-validation .ng-invalid-required input.ng-touched { background-color: #fbbfbf !important; border-color: #ff3a3a; } .bold { font-weight: bold; } fieldset div.select2-container .select2-chosen { padding: 5px 10px; } fieldset div.select2-container .select2-choice { height: 33px; background-image: none; } .modal-header { cursor:move; } .border-radius-5 { border-radius: 5px; overflow:hidden; position:relative; } .border-radius-10 { border-radius: 10px; } .pos-rel { position:relative; } .pos-abs { position:absolute; } .block { display:block; } .btn-white.text-muted { color:#666; } .no-focus-outline:focus { outline: none !important; } .opaque { opacity: 1 !important; } .cursor-default { cursor:default !important; } .text-bold { font-weight:bold; } .arrow { width:0; height:0; border-style:solid; border-width:15px; border-color:transparent; position:absolute; } .arrow-right { border-left-color:#fff; right:-30px; top: 50%; margin-top: -15px; } .arrow-left { border-right-color:#fff; left:-30px; top: 50%; margin-top: -15px; } .arrow-up { border-bottom-color:#fff; top:-30px; left:50%; margin-left:-10px; } .arrow-down { border-top-color:#fff; bottom:-30px; left:50%; margin-left:-10px; } #single-sign-on-window { position:absolute; top:0; left:0; right:0; bottom:0; width: 100%; height: 100%; background-color: #fff; z-index: 999; } .leaflet-zoom-hide, .leaflet-map-pane canvas { z-index: 300 !important; pointer-events:none; } #leaflet-map { height: 400px; clear:both; } .leaflet-container .leaflet-top>.leaflet-control-attribution { margin:5px 5px 0px 0px; } .leaflet-popup dl.dl-horizontal>dt:nth-of-type(odd), .leaflet-popup dl.dl-horizontal>dd:nth-of-type(odd) { background-color: #f2f2f2; } .leaflet-popup dl.dl-horizontal>dt { white-space:normal; } .leaflet-popup dl.dl-horizontal>dd { margin-left: 163px; padding-left: 10px; } [color-picker] { position:relative; overflow:hidden; display:inline-block; } [color-picker] .swatch_wrapper { display: inline-block; } .checkerboard { background-image: url('/assets/img/checkerboard.png'); } [color-picker] .swatch-color { position:relative; width:50px; height:50px; cursor:pointer; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } [color-picker] .swatch-color:hover { opacity: .8; } [color-picker] .swatch-color.selected { border: solid 2px #3a871d; border-bottom-width: 5px; } [color-picker] .swatch_wrapper.dark-color .swatch-color.selected { border-color: #40ca00; } [color-picker] .swatch-color[data-color='undefined'] { background-color: #fff; } [color-picker] .swatch-color[data-color='undefined']:after { content: "\f05e"; text-align:center; font-size:40px; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #cf5454; z-index: 1; position: absolute; top: -3px; left: 7px; opacity:.5; } [color-picker][collapse] .swatch-color.selected { z-index:2; } [color-picker][collapse] .swatch-color:not(.selected) { z-index:1; width:0; -moz-transition: width .25s ease-in-out .25s; -o-transition: width .25s ease-in-out .25s; -webkit-transition: width .25s ease-in-out .25s; transition: width .25s ease-in-out .25s; } [color-picker][collapse]:hover .swatch-color { width:50px; -moz-transition: width .25s ease-in-out .25s; -o-transition: width .25s ease-in-out .25s; -webkit-transition: width .25s ease-in-out .25s; transition: width .25s ease-in-out .25s; } .login-content h3 { color:#fff; position:relative; top:-20px; } .dropdown-inverse { background: #242a30; border-color: #242a30; } .dropdown-inverse a { color: #fff !important; } .dropdown-inverse > li > a:hover { background: #2D353C; border-color: #2D353C; } .dropdown-primary { background: #348fe2; border-color: #348fe2; } .dropdown-primary a { color: #fff !important; } .dropdown-primary > li > a:hover { background: #2a72b5; border-color: #2a72b5; } #explorer-floor-plan { overflow:hidden; /* to allow element height to grow to inner floated element height */ } #editfloorplan { height:500px; } .separator { position:absolute; cursor:col-resize; width:6px; border:2px solid transparent; z-index:1; } .separator.separator-active { background: #ccc; opacity: .5; } .click-once-disabled { pointer-events:none !important; cursor:default !important; opacity:.8 !important; } .invida-red { background-color:#d25b30; color:#F1F3F4; } .invida-almostblack { background-color:#10181F; color:#F1F3F4; } .invida-darkgray1 { background-color:#1A2229; color:#F1F3F4; } .invida-darkgray2 { background-color: #2D353C; color:#F1F3F4; } .invida-darkgray3 { background-color:#4C5053; color:#F1F3F4; } .invida-smokegray { background-color:#F1F3F4; color:#444444; } .invida-nightsky { background-color:#223053; color:#F1F3F4; } .invida-paleblue, .btn.invida-paleblue:hover, .btn.invida-paleblue:active { border-color:#599bd3; background-color:#64a5dc; color:#F1F3F4; } .invida-darkblue, .btn.invida-darkblue:hover, .btn.invida-darkblue:active { border-color:#384c98; background-color:#314592; color:#F1F3F4; } .btn.invida-darkblue:active { border-color:#384c98; background-color:#314592; color:#F1F3F4; } .invida-orange { background-color:#EE7101; color:#F1F3F4; } .invida-orange-text { color:#d77230; } .btn:hover { opacity:.90; } .btn-group[disabled]>.btn { opacity: 0.5; } .switchery { -webkit-print-color-adjust: exact; } .switchery-small { height: 15px !important; width: 25px !important; } .switchery-small>small { height: 15px !important; width: 15px !important; } .switchery-smaller>.switchery-small { height: 10px !important; width: 20px !important; } .switchery-smaller>.switchery-small>small { height: 10px !important; width: 10px !important; } .strike { text-decoration: line-through; } body { overflow-y:scroll; overflow-x:hidden; -ms-overflow-style: scrollbar; } body.simplified-layout { overflow-y: hidden; } .contents-inline-block > * { display: inline-block; } .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } #header { box-shadow: 2px 0 10px #333; } .collapsed { color:#ccc; } [header-breadcrumb] { display:inline-block; min-width: 1px; } [header-breadcrumb] .collapsed { display:none; } [header-breadcrumb] .navbar-title { position:relative; line-height: 20px; padding: 17px 10px 17px 20px; font-size:17px; margin:0; margin-left:-1px; display:inline-block; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } [header-breadcrumb] .navbar-title:first-child { margin-left:15px; border-left: 1px solid #ccc; } [header-breadcrumb] .navbar-title:last-child { cursor:default; } [header-breadcrumb] .navbar-title:focus { outline: none; } [header-breadcrumb] .navbar-title:focus:not(:last-child) { background-color: #f6f6f6; color: #3e3e40; } [header-breadcrumb] .navbar-title:focus:not(:last-child):after { /* border-left: 10px solid #f6f6f6; */ } [header-breadcrumb] .navbar-title:not(:last-child):hover { background-color: #f6f6f6; background-color: var(--brand-bg, #f6f6f6); color: #3e3e40; } [header-breadcrumb] .navbar-title:not(:last-child):hover::after { border-left: 10px solid #f6f6f6; border-left-color: var(--brand-bg, #f6f6f6); } [header-breadcrumb] .navbar-title:not(:last-child)::before { content: " "; display: block; width: 0; height: 0; border-top: 28px solid transparent; border-bottom: 28px solid transparent; border-left: 10px solid #ccc; position: absolute; top: 50%; margin-top: -28px; margin-left: 0; left: 100%; z-index: 3; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } [header-breadcrumb] .navbar-title::after { content: " "; display: block; width: 0; overflow: h;height: 0; border-top: 28px solid transparent; border-bottom: 28px solid transparent; border-left: 10px solid white; position: absolute; top: 50%; margin-top: -28px; margin-left: -1px; left: 100%; z-index: 3; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } [header-breadcrumb] .navbar-title.crumb-blue { background-color: #eff1fb; } [header-breadcrumb] .navbar-title.crumb-blue:after { border-left-color: #eff1fb; } .navbar-title-main { font-weight:bold; } .navbar-title-buttons { position:relative; display:inline-block; white-space:nowrap; vertical-align: top; } .navbar-title.hidden-buttons .navbar-title-buttons { width:0; overflow:hidden; } .navbar-title.hidden-buttons .navbar-title-buttons.ntb-shown { overflow:inherit; } .navbar-title-button { padding: 17px 3px; font-size:12px; vertical-align: top; margin-left: 15px !important; } .navbar-title-buttons div { display: inline; } .navbar-title-button:hover { color: #ccc; } .navbar-title-button.navbar-dim:hover { color: #2A2A2B; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } .navbar-brand { width:190px; } #header .navbar-right { top: 0; z-index: 3; } .page-sidebar-minified .navbar-brand { width:160px; } .sidebar-bg > a { width: 100%; } .sidebar-logo { width: 100%; height:50px; background-repeat: no-repeat; background-position: left; background-size: contain; background-image: url('/assets/img/invidaLogo_twotone_grey(151x50).png'); } .page-sidebar-minified .sidebar-logo { height:40px; background-image: url('/assets/img/invida_v_twotone_grey(60x50).png'); } .pre-wrap {white-space:pre-wrap} [ui-sref], [ng-attr-ng-click], [ng-click], .pointer { cursor: pointer; } .capitalise { text-transform: capitalize; } .pace { z-index: 1021; } .pace-activity { pointer-events:none; } .login-page .pace-progress { top: 0px; } .feature-disabled a, .feature-disabled a:hover { cursor: default; color:#4c5053 !important; } .cell-locked, .cell-unlocked { position: relative; } .scrollable-menu { height: auto; max-height: 200px; overflow-x: hidden; padding-right: 5px; } .pace-inactive { display: none; pointer-events:none; } .tdp-cmpt-row:nth-child(2n+1) { background-color:#fff } .tdp-cmpt-row:nth-child(2n+2) { background-color:#efefef } .adjustment-panel dt { clear:left; margin-top:5px; float:left; } .adjustment-panel dd { margin-top:5px; float:right; } .adjustment-panel .thumbnail, .works-detail .thumbnail, .top-down-preview-dialog .thumbnail { display:inline-block; width:47%; margin:2px 0 0 2px; cursor:pointer; padding:0; border:0; } .top-down-preview-dialog a { margin:0; padding:0; border:0; } .tdp-expenditure-table { background-color:#fff; padding: 0px 10px; margin-bottom:10px; border:solid 1px; } .top-down-preview-dialog, .works-detail { background-color:#d9e0e7; } /*.works-detail .selectedImage { max-width:100%; max-height:250px; } .works-detail .thumbnails { margin-top:10px; overflow-x: auto; white-space:nowrap; margin-bottom: 10px; } .works-detail .thumbnail { height:50px; margin-right:8px; display: inline-block; margin-bottom: 5px; } .works-detail .thumbnail:hover { opacity:.5; }*/ .exp-edit-dialog .selectedImage { max-width:79%; max-height:300px; border:1px solid #666; display:inline-block; vertical-align: top; } .exp-edit-dialog .thumbnails { display:inline-block; width:19%; padding-right:20px; max-height:300px; overflow:auto; } .exp-edit-dialog .thumbnail { width:120%; margin-top:5px; cursor:pointer; padding:0; margin:0 0 10px; border:0; } .exp-edit-dialog .thumbnail:hover { opacity: .8; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } .map { top:0 !important; left:0 !important; } .map-float-table .height-md { overflow: auto; } .cell-locked:after { content: "\f023"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; right: 5px; /*font-size: 20px;*/ color: #cf5454; /*top: 50%; left: 50%;*/ /*margin: -300px 0 0 -200px;*/ z-index: 1; } .cell-unlocked:after { content: "\f09c"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; right: 5px; /*font-size: 20px;*/ color: #ff8935; /*top: 50%; left: 50%;*/ /*margin: -300px 0 0 -200px;*/ z-index: 1; } .content.content-inverse-mode .breadcrumb li { color: #fff; } .clearfix { clear: both; } .hivelogo { display: inline-block; width: 180px; height: 50px; background-image: url('../img/amihive-logo.png'); background-size: 150px; background-repeat: no-repeat; /*position: absolute;*/ /*top: 10px; left: 10px;*/ } .well.well-sm.form-control { margin-bottom: 0px; height: 34px; padding-top: 8px; } .well.readonly-field { margin-bottom: 0px; min-height: 34px; padding-top: 7px; padding-bottom: 7px; } .form-control.form-control-sm { font-size: 11px; height: 22px; padding: 0px 6px; } .c-input { display: inline-block; } .c-input input[type=radio] { display: none; } .c-input .c-indicator { display: block; cursor: pointer; padding: 5px; border: 2px solid #ccc; border-left-width: 10px; border-radius: 5px; } .c-input .c-indicator .fa-check { display: none; color: #acf38f; } .c-input input[type=radio]:checked ~ .c-indicator .fa-check { display: block; } .c-input input[type=radio]:checked ~ .c-indicator { border-color: #acf38f; } .element-table .scenario-list { padding: 0; } .scenario { margin: 3px 6px; padding: 5px 10px; border-width: 1px; border-style: solid; display: inline-block; border-radius: 5px; } .scenario-Active { border-color: #3fd400; background-color: #4dff00; } .scenario-Disabled { border-color: #808080; background-color: #a4a3a3; } .scenario-InReview { border-color: #ff6a00; background-color: #ff8935; } .lifecycle-top-row { position:fixed; top:54px; height:170px; left:220px; right:220px; background: #2A2A2B; z-index:1; } .show-lease-timeline .lifecycle-top-row { top:84px; } .lifecycle-top-row-chart { background: #2A2A2B; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#3e3e40, #2A2A2B); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#3e3e40, #2A2A2B); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#3e3e40, #2A2A2B); /* For Firefox 3.6 to 15 */ background: linear-gradient(#3e3e40, #2A2A2B); /* Standard syntax */ } .lifecycle-top-row .floorplan { position:inherit; } .lifecycle-top-row #leaflet-map { position:absolute; top:0; left:0; right:0; height: 160px; z-index:1; } .nav-tabs.lifecycle-tabs > li > a { /* adjust padding for height*/ padding-top: 1px; padding-bottom: 1px; } .lifecycle-middle-row { position:fixed; top:54px; left:220px; right:220px; z-index:2; } .lifecycle-bottom-row { position:absolute; top:161px; left:0; right:0; } .show-lease-timeline .lifecycle-bottom-row { top:191px; } .page-sidebar-minified .lifecycle-middle-row, .page-sidebar-minified .lifecycle-top-row { left:60px; } #highstock { height: 170px; margin-left: auto; margin-right: auto; position: relative; z-index: 1; } .scheme button { display: block; margin: 0 auto 5px; } .owner-name small { white-space: nowrap; } div[ion-slider] { position:relative; top:-5px; } /*.scheme .badge { position:absolute; left:13px; bottom:5px; }*/ /*.scheme-controls { display: none; -moz-transition: all linear .5s; -o-transition: all linear .5s; -webkit-transition: all linear .5s; transition: all linear .5s; } .scheme:hover .scheme-controls { display: block; } .scheme:hover .badge { display: none; }*/ .colour-swatch { width: 40px; height: 40px; } .selected-series { display: inline-block; font-size: 1em; margin: 5px 0; padding: 4px 5px; text-align: left !important; /*white-space: normal !important;*/ } .blue-tooltip .tooltip-inner { background-color:#337ab7; } .blue-tooltip.tooltip.top .tooltip-arrow { border-top-color: #337ab7; } .blue-tooltip.tooltip.bottom .tooltip-arrow { border-bottom-color: #337ab7; } .blue-tooltip.tooltip.left .tooltip-arrow { border-left-color: #337ab7; } .blue-tooltip.tooltip.right .tooltip-arrow { border-right-color: #337ab7; } .highcharts-tooltip { z-index: 1; } rect.highcharts-legend-box { visibility: hidden; } .invisible { visibility: hidden; } .cust-tooltip { background-color: rgba(0, 0, 0, 0.85); border: 0; color: #F0F0F0; padding: 10px; z-index: 1000; } .cust-tooltip table>thead>tr>th { border-bottom: 1px solid; } .cust-tooltip td:first-child, .cust-tooltip th:first-child { padding-right: 20px; } .cust-tooltip td:first-child { color: #b0b0b0; } .cust-tooltip span.swatch { position: relative; top: 1px; height:10px; width: 10px; display: inline-block; margin-right: 2px; } .highcharts-container { overflow: visible !important; } #highstock svg { overflow: visible !important; } div[virtual-grid] { position:relative; } div[virtual-grid] > table > thead > tr { position: fixed; } /*.page-sidebar-minified div[virtual-grid] { left:60px; }*/ div[virtual-grid] > div[data-sizekeeper], div[virtual-grid] ~ div[data-sizekeeper] { position:absolute; left:0; width:1px; } div[virtual-grid] > table { width:100%; border-collapse: collapse; } div[virtual-grid] > table > tbody { position:relative; display:block; } div[virtual-grid] > table > tbody > tr { position:absolute; left:0px; } div[virtual-grid] > table > tbody > tr > td:not(.editable), div[virtual-grid] > table > thead > tr > th { padding:0 3px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } div[virtual-grid] input { width:100%; height:100%; margin:0; padding:0; border:0; border-left:1px solid #ccc; } #lcc-grid .finance-title { pointer-events: none !important; } #lcc-grid .finance-title:nth-child(2) { color: #337ab7; font-size:1.5em; font-weight:normal !important; } #lcc-grid .finance-cumulative-double, #lcc-grid .finance-cumulative, #lcc-grid .finance-total-double, #lcc-grid .finance-total { background-color: #ebebeb !important; font-weight:bold; } #lcc-grid .finance-total-double:before, #lcc-grid .finance-total:before { content: ''; position: absolute; top:0; left:0; height: 1px; width: 100%; border-bottom: 1px solid #4C5053; display: block; } #lcc-grid .finance-total:after, #lcc-grid .finance-cumulative:after { content: ''; position: absolute; bottom:0; left:0; height: 1px; width: 100%; border-bottom: 1px solid #4C5053; display: block; } #lcc-grid .finance-total-double:after, #lcc-grid .finance-cumulative-double:after { content: ''; position: absolute; bottom:0px; left:0; height: 1px; width: 100%; border-bottom: 3px double #4C5053; display: block; } #lcc-grid [ng-click] { cursor:default; } #lcc-grid thead tr::after { content: ''; position: relative; top: -2px; height: 1px; width: 100%; border-bottom: 1px solid #d4d4d4; display: block; } #lcc-grid thead th { background: #2a2a2b; color: #cecece; border-top: 0; border-right: 0; } #lcc-grid .cell-tree { cursor:pointer; background-color: #f0f0ee; border-bottom: solid 2px #d4d4d4; } #lcc-grid .cell-tree:hover { opacity: .75; } #lcc-grid .year-col-head, #lcc-grid .more-col-head { text-align: center; } #lcc-grid .year-col-head.outside-plan-range { background-color: #6e6c6c; } #lcc-grid .more-col-head>a { cursor: pointer; color: #9a9a9a; font-size: 116%; } #lcc-grid .more-col-head>a:hover { color:#fff; text-decoration: none; } #lcc-grid tbody td { border-color: #e5e5e5; } #lcc-grid td:nth-child(odd) { background: #f3f3f3; } #lcc-grid td:nth-child(even) { background: #fdfdfd; } #lcc-grid td.more { background-color: #cecece; } #lcc-grid .editable-target { cursor: pointer; } #lcc-grid tr[data-id=total-row] td { position:relative; background-color: #e5e5e5; color: #333; } #lcc-grid tr[data-id=total-row]::after { content: ''; position: absolute; bottom:0; left:0; height: 1px; width: 100%; border-bottom: 3px double #000; display: block; } #lcc-grid td.expanded { font-weight: bold; background-color: #e5e5e5; color: #333 !important; } #lcc-grid td.expanded::after { content: ''; position: absolute; bottom:0; left:0; height: 1px; width: 100%; border-bottom: 1px solid #000; display: block; } #lcc-grid tbody tr td { color: #666; } #lcc-grid img { width: 16px; height: 16px; } #lcc-grid tbody tr:hover td:not(.finance-title) { /*background-color: rgba(185, 182, 182, 0.44);*/ } #lcc-grid tbody td.col-hover { background-color: rgba(50,50,50,.1); color: #333; } #lcc-grid tbody tr .editable-target:hover:not(.cell-popout) { background-color: rgba(0,125,255,.3) !important; } #lcc-grid tbody td:nth-child(2), #lcc-grid tbody td:nth-child(3) { font-weight: bold !important; } #lcc-grid tbody tr:first-of-type td { font-weight: bold !important; } #lcc-grid .year-cell { padding-right: 0; } #lcc-grid .year-cell.ui-selecting { border: 2px solid #48b4fb !important; opacity:.75; } #lcc-grid .year-cell.ui-selected { border: 2px solid #09f !important; } #lcc-grid .year-cell.locked-year { background-color: #c5c5c5; color:#000; } #lcc-grid .year-cell.adjustment-selection { opacity: .5; border: 2px solid #48b4fb !important; color:#000; } #lcc-grid .year-cell.adjustment-currently-selected { border: 2px solid #09f !important; } #lcc-grid .year-cell.opacity-50 { opacity:.50; } #lcc-grid .year-cell.opacity-25 { opacity:.25; } #lcc-grid .risk-highlight { color:#000 !important; } .risk-highlight.risk-score-1,#lcc-grid .risk-highlight.risk-score-1, .risk-highlight.risk-score-2,#lcc-grid .risk-highlight.risk-score-2, .risk-highlight.risk-score-3,#lcc-grid .risk-highlight.risk-score-3, .risk-highlight.risk-score-4,#lcc-grid .risk-highlight.risk-score-4, .risk-highlight.risk-score-5,#lcc-grid .risk-highlight.risk-score-5 { background-color:rgba(0, 128, 0, .5); } .risk-highlight.risk-score-6,#lcc-grid .risk-highlight.risk-score-6, .risk-highlight.risk-score-7,#lcc-grid .risk-highlight.risk-score-7, .risk-highlight.risk-score-8,#lcc-grid .risk-highlight.risk-score-8, .risk-highlight.risk-score-9,#lcc-grid .risk-highlight.risk-score-9, .risk-highlight.risk-score-10,#lcc-grid .risk-highlight.risk-score-10 { background-color:rgba(128, 147, 0, .5); } .risk-highlight.risk-score-11,#lcc-grid .risk-highlight.risk-score-11, .risk-highlight.risk-score-12,#lcc-grid .risk-highlight.risk-score-12, .risk-highlight.risk-score-13,#lcc-grid .risk-highlight.risk-score-13, .risk-highlight.risk-score-14,#lcc-grid .risk-highlight.risk-score-14, .risk-highlight.risk-score-15,#lcc-grid .risk-highlight.risk-score-15 { background-color:rgba(255, 165, 0, .5); } .risk-highlight.risk-score-16,#lcc-grid .risk-highlight.risk-score-16, .risk-highlight.risk-score-17,#lcc-grid .risk-highlight.risk-score-17, .risk-highlight.risk-score-18,#lcc-grid .risk-highlight.risk-score-18, .risk-highlight.risk-score-19,#lcc-grid .risk-highlight.risk-score-19, .risk-highlight.risk-score-20,#lcc-grid .risk-highlight.risk-score-20 { background-color:rgba(255, 83, 0, .5); } .risk-highlight.risk-score-21,#lcc-grid .risk-highlight.risk-score-21, .risk-highlight.risk-score-22,#lcc-grid .risk-highlight.risk-score-22, .risk-highlight.risk-score-23,#lcc-grid .risk-highlight.risk-score-23, .risk-highlight.risk-score-24,#lcc-grid .risk-highlight.risk-score-24, .risk-highlight.risk-score-25,#lcc-grid .risk-highlight.risk-score-25 { background-color:rgba(255, 0, 0, .5); } #lcc-grid .has-occursInLeaseRunDownPeriod > span::before, #lcc-grid .has-occursNearLeaseRunDownPeriod > span::before { font-family: FontAwesome; content: "\f024"; font-weight:normal; /*font-size:.5em;*/ margin-right:5px; } #lcc-grid .has-occursInLeaseRunDownPeriod > span::before { color: #fb3519; } #lcc-grid .has-occursNearLeaseRunDownPeriod > span::before { color: #EE7101; } #lcc-grid .has-changes > span::after { font-family: FontAwesome; content: " \f111"; color: #337ab7; font-weight:normal; font-size:.5em; /*background-color:#c4d8e9 !important;*/ /*position:relative; top:.5em; left:.75em;*/ /*content:''; position:absolute; top:0; right:0; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 0; border-color: transparent #808080 transparent transparent; z-index:3;*/ } #lcc-grid .locked { background-color:#ccc !important; } #lcc-grid .locked > span::before { font-family: FontAwesome; content: '\f023'; color: #2A2A2B; background-color:#ccc !important; margin-right:5px; font-size:90%; } #lcc-grid td { position:relative; } #lcc-grid .flag-warning::before, #lcc-grid .flag-danger::before, #lcc-grid .flag-info::before, #lcc-grid .flag-default::before { content:''; position:absolute; top:0; right:0; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 0; border-color: transparent #808080 transparent transparent; /*border-width: 6px 6px 0 0; border-color: #808080 transparent transparent transparent;*/ } #lcc-grid .flag-warning::before { border-color: transparent #ffa51e transparent transparent; } #lcc-grid .flag-danger::before { border-color: transparent #ff5050 transparent transparent; } #lcc-grid .flag-inverse::before { border-color: transparent #3e3e40 transparent transparent; } #lcc-grid .flag-info::before { border-color: transparent #337ab7 transparent transparent; } #lcc-grid .health-safety::after { /*font-family: FontAwesome; content: "\f12a"; padding-left: 3px; color: #aa0909; font-weight:normal;*/ /*font-family: FontAwesome; content: " \f111"; color: #aa0909; font-weight:normal; font-size:.5em; position:absolute; top:3px; right:3px;*/ /*position:relative; top:-.5em; left:.75em;*/ content:''; position:absolute; top:0; left:0; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 0; border-color: #cb5c5c transparent transparent transparent; z-index:0; } /*#element-table .lock::after { font-family: FontAwesome; content: "\f023"; padding-left: 3px; color: #666; font-weight:normal; } */ #lcc-grid .second-priority > span::after, #lcc-grid .first-priority > span::after { /*font-family: FontAwesome; content: "\f111"; padding-left: 3px; color: #aa0909; font-weight:normal; font-size:.5em;*/ /*font-family: FontAwesome; content: " \f111"; color: #aa0909; font-weight:normal; font-size:.5em; position:absolute; top:6px; right:6px;*/ /*position:relat /*position:relative; top:-.75em; left:.75em;*/ /*content:''; position:absolute; top:0; left:0; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 0; border-color: #cb5c5c transparent transparent transparent; z-index:1;*/ } #lcc-grid .second-priority > span::after { /*font-family: FontAwesome; content: "\f111"; padding-left: 3px; color: #f90; font-weight:normal; font-size:.5em;*/ /*font-family: FontAwesome; content: " \f111"; color: #db8300; font-weight:normal; font-size:.5em; position:absolute; top:3px; right:9px;*/ border-color: #d08e2a transparent transparent transparent; } #lcc-grid .first-condition > span > span::after{ /*font-family: FontAwesome; content: "\f0fa"; padding-left: 3px; color: #aa0909; font-weight:normal;*/ /*font-family: FontAwesome; content: " \f111"; color: #aa0909; font-weight:normal; font-size:.5em; position:absolute; top:0px; right:6px;*/ } #lcc-grid .second-condition > span > span::after { /*font-family: FontAwesome; content: "\f0fa"; padding-left: 3px; color: #f90; font-weight:normal;*/ /*font-family: FontAwesome; content: " \f111"; color: #db8300; font-weight:normal; font-size:.5em; float:right; clear:both;*/ } #lcc-grid .cell-popout, #lcc-grid .cell-popout:hover { position: absolute; padding: 0 5px; display:inline-block; vertical-align: middle; max-width: inherit !important; background-color: #fff !important; color: #666 !important; font-weight:bold; z-index: 1; white-space:nowrap; } #lcc-grid .cell-popout > span, #lcc-grid .cell-popout > div { /*position:absolute; top: 50%;*/ white-space:nowrap; } /* #element-table .ui-grid-row .scale-0 { background-color:rgb(0, 255,0) !important } #element-table .ui-grid-row .scale-10 { background-color:rgb(26, 229,0) !important } #element-table .ui-grid-row .scale-20 { background-color:rgb(51, 203,0) !important } #element-table .ui-grid-row .scale-30 { background-color:rgb(78, 177,0) !important } #element-table .ui-grid-row .scale-40 { background-color:rgb(104,151,0) !important } #element-table .ui-grid-row .scale-50 { background-color:rgb(130,125,0) !important } #element-table .ui-grid-row .scale-60 { background-color:rgb(156,99 ,0) !important } #element-table .ui-grid-row .scale-70 { background-color:rgb(182,73 ,0) !important } #element-table .ui-grid-row .scale-80 { background-color:rgb(208,47 ,0) !important }*/ .scale-90 { color: #000 !important; font-weight: bold !important; } .scale-100 { color: #000 !important; font-weight: bold !important; } ul.list-group > li.list-group-item.list-group-item-disabled { background-color: #e5e5e5; color: #acacac; } .list-group.list-group-sm > .list-group-item { padding: 5px; } .list-group-item[disabled] { color: #aaa !important; } .table>tbody>tr.plan-list-title-heading > th { border-top-style: none !important; border-bottom-style: none !important; } .table>tbody>tr:first-child.plan-list-title-heading>th>h3 { margin-top:0px; } .table>tbody>tr.plan-list-column-heading > th { color: #242a30; font-weight: 600; border-top-style: none !important; border-bottom-style: none !important; border-bottom: 2px solid #e2e7eb !important; } .adjustment-popover { font-size:9pt; background-color:#3d464e; color:#dedede; z-index:1010; max-width: 400px; } .adjustment-popover input, .adjustment-popover select { color:#333; } .adjustment-popover .popover-title { background-color:rgb(45, 53, 60); color:#dedede; border-bottom-color:#666; } .adjustment-popover label { color:#dedede; } .adjustment-popover hr { border-top: 1px solid #8a8989; } .plan-inflation-badge { z-index: 2; display: inline-block; position: fixed; right: 230px; top: 65px; } .show-lease-timeline .plan-inflation-badge { top: 86px; } .expenditure-plan-edit-list { list-style-type: none; margin: 0; padding: 0; } .expenditure-plan-edit-list li { border-radius: 5px; border: 1px solid #333; background: #d4d4d4; padding: 8px; } .sidebar-bg { box-shadow: 2px 0 5px #333; } .sidebar-right-bg { background: #2d353c; position: fixed; top: 0; left: inherit; right: 0; bottom: 0; width: 220px !important; z-index: 1000; box-shadow: -2px 0 5px #333; } .sidebar-right { width: 220px; position: absolute; padding-top: 0; left: inherit; right: 0; top: 54px; background: #2d353c; z-index: 1010; overflow: visible; bottom: initial; } .sidebar-right-fixed { position:fixed; } .sidebar-right hr { color: #666; background: #666; border-color: #666; } .sidebar-right .panel-header:first-of-type { font-size: 18px; } .sidebar-right .panel-header { color: #fff; font-size: 14px; } .sidebar-right .panel-sub-header:not(.panel-sub-header-loading):first-of-type { color: #fff; font-size: 16px; } .sidebar-right .panel-selection, .sidebar-right .panel-sub-header, .sidebar-right label, .sidebar-right p { color: #dedede; } .sidebar-right select { color: #333; } .sidebar-right .panel-section { padding-top: 10px; padding-bottom: 10px; color:#fff; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } .sidebar-right .panel-title-trans:hover { background:#3f484f; } .sidebar-right .panel-title { background:#337ab7; cursor: pointer; } .sidebar-right .panel-title:hover { background:#236dad; } .sidebar-right .panel-danger { background:#ff5b57; cursor: pointer; } .sidebar-right .panel-danger:hover { background:#e4504c; } .sidebar-right .panel-detail { background:#3d464e; } .sidebar-right .selection { opacity: .5; background-color: #808080; color:#000; } .sidebar-right .selection:hover { opacity: .80; } .sidebar-right .current-selection { opacity: initial; background-color: #f90; } .sidebar-right .current-selection:hover { opacity: initial; background-color: #ef9000; } .panel.panel-border { border: solid 1px #ddd; } .scheme-list p { color:#000; } .scheme-list, .scheme { list-style: none; list-style-type: none; margin: 0; padding: 0; } .scheme.clickable { cursor: pointer; } .scheme.clickable:hover { opacity: .8; } .scheme { border: 1px solid #333; border-radius: 4px; background: #e5e5e5; color: #000; position: relative; overflow: hidden; padding: 6px 8px 3px 13px; cursor: default; /*max-width:300px;*/ } .scheme-details { background: rgb(229, 229, 229); width: 100%; /*max-height:0; opacity:0; overflow:hidden;*/ height: 100px; position: absolute; top: 100px; left: 5px; right: -5px; padding: 0; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; z-index: 1; } .scheme .edit-controls { float:right; margin-right:3px; /*position:absolute; top:0; right:0; z-index:2;*/ } .scheme .switchery, .scheme .edit-controls button { margin: 0 2px 5px; float:right; } .scheme-details.details-visible { /*max-height:200px; opacity:1;*/ top: 0px; } .scheme.horizontal { display: inline-block; max-width: 250px; margin: 0 5px; } .scheme .owner-name { color: #808080; position: relative; top: 3px; } .scheme .owner-icon { width: 30px; /*background-color:#09f;*/ padding: 2px; border-radius: 1px; margin: 0px 3px; position: relative; top: -3px; } .scheme::before { content: ' '; width: 5px; height: 100%; position: absolute; left: 0px; top: 0px; } .scheme-clickable { cursor: pointer; } .scheme-clickable:hover { background: #FFF; } .scheme-enabled::before { background: #0eca00; } .scheme-disabled::before { background: #828282; } .scheme-pending::before { background: #ff8935; } .scheme-removed::before { background: #ff3d3d; } .bwizard-steps li.active, .bwizard-steps li.active:focus, .bwizard-steps li.active:hover { background: #727cb6 !important; } .bwizard .well { margin: 0 !important; } .disabled, [disabled] { color: #555 !important; pointer-events: none !important; } .dropdown-menu > li > a.disabled, .dropdown-menu > li > a[disabled] { color: #bcbcbc !important; } .dropdown-menu.dropdown-inverse > li > a.disabled, .dropdown-menu.dropdown-inverse > li > a[disabled] { color: #8e8e8e !important; } .target-value { display: inline-block; margin-left: 5px; padding: 0 5px; border-radius: 5px; } .uib-datepicker-popup { z-index: 1100; } /*.expenditure-plan-edit { margin-left: 60px; margin-top: -30px; } .expenditure-plan-edit-slider { width: 40%; margin-left: 30px; display: inline-block; position: relative; top: -20px; } .expenditure-plan-edit-nud { margin: -10px 10px 0 10px; display: inline-block; width: 200px; position: relative; top: 5px; }*/ .expenditure-plan-edit-nud span, .expenditure-plan-edit-nud input { /*display:inline;*/ } /* .label.label-success, .btn.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn.btn-primary { color: #fff; background: #727cb6; border-color: #727cb6; }*/ .btn.btn-align-baseline { vertical-align: baseline; } .btn.btn-wrap-text { white-space: normal; } .text-red { color: #E74C3C; } .text-green { color: #27AE60; } .text-blue { color: #2E86C1; } .text-yellow { color: #F7DC6F; } .text-orange { color: #FFAC33; } .text-purple { color: #9021D3; } .text-cyan { color: #3ed6e9; } .text-underline { text-decoration: underline; } .input-group-addon.input-group-addon-success { background: #b0ebca; color: #3c763d; } .input-group-addon.input-group-addon-warning { background: #fff2e3; color: #8a6d3b; } .input-group-addon.input-group-addon-danger { background: #fbd1d1; color: #a94442; } textarea.fixed-width { resize: vertical; } textarea.fixed-height { resize: horizontal; } textarea.fixed { resize: none } .badge.selected-report { background-color: #5cb85c !important; color: #fff !important; } .w-100 { width: 100%; } .h-100 { height: 100%; } .jstree-default .jstree-anchor.jstree-search { font-style: normal; color: #2880c9; } .jstree-icon.status { width: 29px !important; display: inline-block; text-align: right; margin-right: 4px; background-repeat: no-repeat; background-position-y: 7px; } .jstree-icon.status.status-grey { background-image: url('/assets/img/status-icons/grey.png'); } .jstree-icon.status.status-edited { background-image: url('/assets/img/status-icons/edited.png'); } .jstree-icon.status.status-red { background-image: url('/assets/img/status-icons/red.png'); } .jstree-icon.status.status-flag { background-image: url('/assets/img/status-icons/flag.png'); } .jstree-icon.status.status-amber { background-image: url('/assets/img/status-icons/amber.png'); } .jstree-icon.status.status-check { background-image: url('/assets/img/status-icons/check.png'); } .jstree-icon.status.status-plus { background-image: url('/assets/img/status-icons/plus.png'); } .jstree-icon.status.status-delete { background-image: url('/assets/img/status-icons/delete.png'); } .jstree-icon.status.status-committed { background-image: url('/assets/img/status-icons/committed.png'); } div.jstree.hide-invisible li.jstree-node[node-invisible="true"] { display: none !important; } .jstree.wrap-nodes { margin-left: -5px; margin-right: 20px; } .jstree.wrap-nodes a { white-space: normal !important; height: auto; padding: 1px 2px; } div[js-tree][disabled] { opacity: 0.5; } /* Picker field - field control that has a button or buttons at the end */ /* also add well well-sm to the div */ div.picker-field { margin-bottom: 0px; display:flex; align-items: stretch; padding: 6px 10px !important; } div.picker-field > .toolbox { margin-left: auto; display:flex; align-items:center; } label.small input[type=checkbox] { position: relative; top: 3px; } .highlighted-text { background-color:#b5ddfe; font-weight: bold; } .quick-dialog qr canvas { margin-top: -22px; } /* Force scrollbar on the mac */ .content.mac .force-mac-scrollbar::-webkit-scrollbar, .content.mac .ui-grid-viewport::-webkit-scrollbar { -webkit-appearance: none; background-color: rgba(255, 255, 255, .5); } .content.mac .force-mac-scrollbar::-webkit-scrollbar:vertical , .content.mac .ui-grid-viewport::-webkit-scrollbar:vertical { width: 8px; } .content.mac .force-mac-scrollbar::-webkit-scrollbar:horizontal, .content.mac .ui-grid-viewport::-webkit-scrollbar:horizontal { height: 8px; } .content.mac .force-mac-scrollbar::-webkit-scrollbar-thumb, .content.mac .ui-grid-viewport::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(50, 50, 50, .5); } /* Stop the focus rectangle when font awesome icons are spinning because it looks odd */ .fa.fa-spin:focus { outline: none; } .fa-stack>.fa-z-index-0 { z-index: 100; } .fa-stack > .fa-z-index-100 { z-index: 100; } .fa-stack>.fa-stack-offset-left-2 { left: -2px; } .fa-stack > .fa-stack-offset-left-3 { left: -3px; } .fa-stack > .fa-stack-offset-left-5 { left: -5px; } .fa-stack > .fa-stack-offset-right-2 { left: 2px; } .fa-stack > .fa-stack-offset-right-3 { left: 3px; } .fa-stack > .fa-stack-offset-right-5 { left: 5px; } .flex { display: flex; } .flex-inline { display: inline-flex; } .flex-col { flex-direction: column; } .flex-justify-left { justify-content: flex-start; } .flex-justify-center { justify-content: center; } .flex-justify-right { justify-content: flex-end; } .flex-justify-space-between { justify-content: space-between; } .flex-align-centre { align-items: center; } .flex-align-stretch { align-items: stretch; } .flex-align-end { align-items: flex-end; } .flex-align-self-centre { align-self: center; } .flex-align-self-stretch { align-self: stretch; } .flex-align-self-end { align-self: end; } .flex-child-grow-1 { flex-grow: 1; } .flex-child-shrink-0 { flex-shrink: 0; } .inline { display: inline-block; } .inline-block { display: inline-block; } .force-printed-background { -webkit-print-color-adjust: exact !important; } .text-overflow-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /* Rounded search */ div.rounded-search { border-radius:20px; overflow:hidden; border: solid 1px #a1a1a1; background-color: #fff; } div.rounded-search > div > span:first-child { padding: 6px 0px 6px 10px; background-color: #fff !important; } div.rounded-search > div > span:last-child { padding: 6px 6px 6px 0px; background-color: #fff !important; } div.rounded-search > div > input { border: none; padding-left: 3px; padding-right: 3px; } div.rounded-search.rounded-search-sm { border-radius:10px; height: 20px; } div.rounded-search.rounded-search-sm > div > span:first-child { padding: 1px 0px 1px 10px; } div.rounded-search.rounded-search-sm > div > span:last-child { padding: 1px 5px 1px 0px; } div.rounded-search.rounded-search-sm > div > input { padding-left: 1px; padding-right: 1px; height: 20px !important; line-height: 10px; } /* textarea resize classes */ textarea.resize-vertical { resize: vertical; } .pre { white-space: pre; } .pre-line { white-space: pre-line; } .layout-list-wrapper { flex-direction: column; display: flex; position: absolute; top: 5px; bottom: 5px; right: 5px; left: 5px; } .layout-list-wrapper .layout-list { flex-grow: 1; overflow-y:auto; margin-bottom: 1px; } .modal.transparent-background .modal-content { background-color: transparent !important; } /* lazy loading table*/ tr.content-lazy-loading td.content-lazy-loads:before { background-color: #eee; padding: 10px; background-clip: content-box; animation-name: pulse-loading; animation-duration: 2s; animation-iteration-count: infinite; content:' '; display: table; height: 20px; width: 80%; border-radius: 5px; } tr.content-lazy-loading td.content-lazy-loads { color: #fff; text-align: center; } tr.content-lazy-loading td.content-lazy-loads>* { visibility: hidden; } table.table tr.group-header-row, table.table tr.group-header-row:hover { background-color: #ebebeb !important; overflow: hidden; font-size: 0.8em; } table.table tr.group-header-row > td, table.table tr.group-header-row > th { background-color: #ebebeb !important; padding: 3px; } table.table.table-sm td, table.table.table-sm th { padding: 3px 2px; } /* listview subgroup headers*/ ul.list-group li.list-group-item.section-header { background-color: #aaa; color: #fff; padding: 4px; font-size: 0.8em } /* allow uib-collapse elements to be inline */ .collapse.collapse-inline.in { display: inline; } @keyframes pulse-loading { 0% { background-color: #eee; } 50% { background-color: #dcdcdc; } 100% { background-color: #eee; } } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { } /* Printing */ @media screen { .show-when-printed { display: none !important; } } @media print { body { overflow: visible !important; } .header, .sidebar, .sidebar-bg { display: none !important; } .content { margin-left: 0px; margin-top: 20px; } .printed-tenant-logo { position: absolute; top: 5px; left: 5px; height: 30px; } .printed-logo { position: absolute; top: 5px; right: 5px; height: 20px; } .avoid-break, fieldset.form-group { page-break-inside:avoid; } .page-container { padding-top: 0px; } .hide-when-printed { display: none !important; } [fill-content-view=height] { height: auto !important; } [data-url] { content:attr(data-url) } a.hide-href-when-printed[href]:after { content: none !important; } span.switchery>small { border: solid 1px #aaa; } .col-sm-1, .col-printed-1, .col-sm-2, .col-printed-2, .col-sm-3, .col-printed-3, .col-sm-4, .col-printed-4, .col-sm-5, .col-printed-5, .col-sm-6, .col-printed-6, .col-sm-7, .col-printed-7, .col-sm-8, .col-printed-8, .col-sm-9, .col-printed-9, .col-sm-10, .col-printed-10, .col-sm-11, .col-printed-11, .col-sm-12, .col-printed-12 { float: left; } .col-sm-12, .col-printed-12 { width: 100%; } .col-sm-11, .col-printed-11 { width: 91.66666667%; } .col-sm-10, .col-printed-10 { width: 83.33333333%; } .col-sm-9, .col-printed-9 { width: 75%; } .col-sm-8, .col-printed-8 { width: 66.66666667%; } .col-sm-7, .col-printed-7 { width: 58.33333333%; } .col-sm-6, .col-printed-6 { width: 50%; } .col-sm-5, .col-printed-5 { width: 41.66666667%; } .col-sm-4, .col-printed-4 { width: 33.33333333%; } .col-sm-3, .col-printed-3 { width: 25%; } .col-sm-2, .col-printed-2 { width: 16.66666667%; } .col-sm-1, .col-printed-1 { width: 8.33333333%; } .col-sm-pull-12, .col-printed-pull-12 { right: 100%; } .col-sm-pull-11, .col-printed-pull-11 { right: 91.66666667%; } .col-sm-pull-10, .col-printed-pull-10 { right: 83.33333333%; } .col-sm-pull-9, .col-printed-pull-9 { right: 75%; } .col-sm-pull-8, .col-printed-pull-8 { right: 66.66666667%; } .col-sm-pull-7, .col-printed-pull-7 { right: 58.33333333%; } .col-sm-pull-6, .col-printed-pull-6 { right: 50%; } .col-sm-pull-5, .col-printed-pull-5 { right: 41.66666667%; } .col-sm-pull-4, .col-printed-pull-4 { right: 33.33333333%; } .col-sm-pull-3, .col-printed-pull-3 { right: 25%; } .col-sm-pull-2, .col-printed-pull-2 { right: 16.66666667%; } .col-sm-pull-1, .col-printed-pull-1 { right: 8.33333333%; } .col-sm-pull-0, .col-printed-pull-0 { right: auto; } .col-sm-push-12, .col-printed-push-12 { left: 100%; } .col-sm-push-11, .col-printed-push-11 { left: 91.66666667%; } .col-sm-push-10, .col-printed-push-10 { left: 83.33333333%; } .col-sm-push-9, .col-printed-push-9 { left: 75%; } .col-sm-push-8, .col-printed-push-8 { left: 66.66666667%; } .col-sm-push-7, .col-printed-push-7 { left: 58.33333333%; } .col-sm-push-6, .col-printed-push-6 { left: 50%; } .col-sm-push-5, .col-printed-push-5 { left: 41.66666667%; } .col-sm-push-4, .col-printed-push-4 { left: 33.33333333%; } .col-sm-push-3, .col-printed-push-3 { left: 25%; } .col-sm-push-2, .col-printed-push-2 { left: 16.66666667%; } .col-sm-push-1, .col-printed-push-1 { left: 8.33333333%; } .col-sm-push-0, .col-printed-push-0 { left: auto; } .col-sm-offset-12, .col-printed-offset-12 { margin-left: 100%; } .col-sm-offset-11, .col-printed-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10, .col-printed-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9, .col-printed-offset-9 { margin-left: 75%; } .col-sm-offset-8, .col-printed-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7, .col-printed-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6, .col-printed-offset-6 { margin-left: 50%; } .col-sm-offset-5, .col-printed-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4, .col-printed-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3, .col-printed-offset-3 { margin-left: 25%; } .col-sm-offset-2, .col-printed-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1, .col-printed-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0, .col-printed-offset-0 { margin-left: 0%; } .visible-xs { display: none !important; } .hidden-xs { display: block !important; } table.hidden-xs { display: table; } tr.hidden-xs { display: table-row !important; } th.hidden-xs, td.hidden-xs { display: table-cell !important; } .hidden-xs.hidden-print { display: none !important; } .hidden-sm { display: none !important; } .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } .panel { border: solid 1px #ccc; } .panel .panel-heading { border-bottom: solid 1px #ccc; } } /* used to hide a modal popup (eg. upload-with-details directive)*/ .hide-modal .modal-dialog { display: none; } body .irs-slider { /*Fix the option range slider using thead wrong img input mode*/ background-image: url('/assets/plugins/ion.rangeSlider-2.1.3/img/sprite-skin-nice.png') !important; } .badge.red { background-color: #ED0D08; color: #fff; } .badge.amber { background-color: #ff6a00; color: #fff; } .badge.green { background-color: #5cb85c; color: #fff; } .badge.badge-square { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .panel-default>.panel-heading .badge.badge-default, .badge.badge-default, .label.label-default { background-color: #b6c2c9 ; background-color: var(--neutral-text-weaker, #b6c2c9); color: #000000; color: var(--bg, #000000); } .panel-default>.panel-heading .badge.badge-danger, .badge.badge-danger, .label.label-danger { background: #ff5b57 ; background: var(--danger-text-weaker, #ff5b57) ; } .panel-default>.panel-heading .badge.badge-warning, .badge.badge-warning, .label.label-warning { background: #f59c1a ; background: var(--warn-text-weaker, #f59c1a) ; } .panel-default>.panel-heading .badge.badge-success, .badge.badge-success, .label.label-success { background: #5cb85c ; background: var(--success-text-weaker, #5cb85c) ; } .panel-default>.panel-heading .badge.badge-info, .badge.badge-info, .label.label-info { background: #49b6d6 ; background: var(--info-text-weaker, #49b6d6) ; } .panel-default>.panel-heading .badge.badge-primary, .badge.badge-primary, .label.label-primary { background: #348fe2 ; background: var(--brand-text-weaker, #348fe2) ; } .panel-default>.panel-heading .badge.badge-inverse, .badge.badge-inverse, .label.label-inverse { background: #2d353c ; background: var(--neutral-text-strong, #2d353c); } /* Border badges*/ .badge.border-badge { border: solid 1px #b6c2c9; background-color: #fff !important; color: #b6c2c9 !important; } .badge.border-badge.badge-warning { border-color: #f59c1a; color: #f59c1a !important; } .badge.border-badge.badge-danger { border-color:#ff5b57; color: #ff5b57 !important; } .badge.border-badge.badge-success { border-color: #28a745; color: #28a745 !important; } .badge.border-badge.badge-info { border-color: #49b6d6; color: #49b6d6 !important; } .badge.border-badge.badge-primary { border-color: #348fe2; color: #348fe2 !important; } .badge.border-badge.badge-inverse { border-color: #000; color: #000 !important; } @media print { .badge { border: solid 1px #b6c2c9; color: #b6c2c9 !important; } .badge-warning { border-color: #f59c1a; color: #f59c1a !important; } .badge-danger { border-color:#ff5b57; color: #ff5b57 !important; } .badge-success { border-color: #28a745; color: #28a745 !important; } .badge-info { border-color: #49b6d6; color: #49b6d6 !important; } .badge-primary { border-color: #348fe2; color: #348fe2 !important; } .badge-inverse { border-color: #000; color: #000 !important; } } .btn.btn-primary { color: #ffffff; color: var(--absolute, #ffffff); background: #348fe2; background: var(--info-text-weaker, #348fe2); border-color: #348fe2; border-color: var(--info-text-weaker, #348fe2); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background: #2a72b5; background: var(--brand-text-weaker, #2a72b5); border-color: var(--brand-text-weaker, #2a72b5); border-color: #2a72b5; } .btn-group .btn.btn-primary:not(.active) + .btn.btn-primary, .input-group-btn .btn.btn-primary:not(.active) + .btn.btn-primary { border-left-color: #2a72b5; border-left-color: var(--brand-text-weaker, #2a72b5); } .btn.btn-warning { color: #ffffff; color: var(--absolute, #ffffff); background: #f59c1a; background: var(--warn-text-weaker, #f59c1a); border-color: #f59c1a; border-color: var(--warn-text-weaker, #f59c1a); } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background: #c47d15; background: var(--warn-text, #c47d15); border-color: #c47d15; border-color: var(--warn-text, #c47d15); } .btn-group .btn.btn-warning:not(.active) + .btn.btn-warning, .input-group-btn .btn.btn-warning:not(.active) + .btn.btn-warning { border-left-color: #c47d15; border-left-color: var(--warn-text-weaker, #c47d15); } .btn.btn-danger { color: #ffffff; color: var(--absolute, #ffffff); background: #ff5b57; background: var(--danger-text-weak, #ff5b57); } .btn-danger.active, .open .dropdown-toggle.btn-danger { background: #cc4946; background: var(--danger-text,#cc4946); border-color: #cc4946; border-color: var(--danger-text,#cc4946); } .btn-success:hover, .btn-danger:hover, .btn-danger:focus { filter: saturation(1) contrast(1.5); } .btn-group .btn.btn-danger:not(.active) + .btn.btn-danger, .input-group-btn .btn.btn-danger:not(.active) + .btn.btn-danger { border-left-color: #ff5b57; border-left-color: var(--danger-text-weak, #ff5b57); } .btn.btn-info { color: #ffffff; color: var(--absolute, #ffffff); background: #348fe2; background: var(--info-text-weaker, #348fe2); border-color: #348fe2; border-color: var(--info-text-weaker, #348fe2); } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background: #348fe2; background: var(--info-text-weak, #348fe2); border-color: #348fe2; border-color: var(--info-text-weak, #348fe2); } .btn-group .btn.btn-info:not(.active) + .btn.btn-info, .input-group-btn .btn.btn-info:not(.active) + .btn.btn-info { border-left-color: #348fe2; border-left-color: var(--info-text-weaker, #348fe2); } /* Border buttons */ .btn.border-btn { border: solid 1px #b6c2c9; border: solid 1px var(--neutral-bg-strong, #b6c2c9); background-color: #fff; background-color: var(--absolute, #fff); color: #b6c2c9 !important; color: var(--neutral-bg-strong, #b6c2c9) !important; } .btn.border-btn.btn-warning { border-color: #f59c1a; border-color: var(--warn-graphic-weak, #f59c1a); color: #f59c1a !important; color: var(--warn-graphic-weak, #f59c1a) !important; } .btn.border-btn.btn-danger { border-color: #ff5b57; border-color: var(--danger-graphic-weak, #ff5b57); color: #ff5b57 !important; color: var(--danger-graphic-weak, #ff5b57) !important; } .btn.border-btn.btn-success { border-color: #28a745; border-color: var(--success-text-weaker, #28a745); color: #28a745 !important; color: var(--success-text-weaker, #28a745) !important; } .btn.btn-success { background-color: #28a745; background-color: var(--success-text-weaker, #28a745); } .btn.border-btn.btn-info { border-color: #49b6d6; border-color: var(--info-text-weaker, #49b6d6); color: #49b6d6 !important; color: var(--info-text-weaker, #49b6d6) !important; } .btn.border-btn.btn-primary { border-color: #348fe2; border-color: var(--brand-text-weak, #348fe2); color: #348fe2 !important; color: var(--brand-text-weak, #348fe2) !important; } .btn.border-btn.btn-inverse { border-color: #000; border-color: var(--neutral-text-stronger, #000); color: #000 !important; color: var(--neutral-text-stronger, #000) !important; } .tabs-light .nav-tabs { background-color: #fff; } .tabs-light .nav-tabs>li>a { background-color: #f2f2f2; } .tabs-light .nav-tabs>li.active>a { background-color: #e6e3e3; } .tabs-light .tab-content { background-color: #fafafa; } .accessory-type-list tr.section-row>td { font-size:0.75em; padding: 3px; background-color: #aaa; color: #fff; } .accessory-type-list tr.section-row>td:hover { background-color: #aaa !important; } /*div.assetTemplates .nav-tabs > li > a { margin-left: 0px; } div.assetTemplates .nav > li > a { padding: 5px 6px; }*/ div.assetTemplates > div:first-child { width: 30%; display:flex; align-items: stretch; padding: 10px 5px 10px 15px; } div.assetTemplates > div:first-child > div { width: 100%; overflow-y: auto; padding: 5px; } div.assetTemplates > div:last-child { width: 70%; display:table-row; align-items: stretch; overflow-x:hidden; overflow-y: auto; background-color:white; margin-top: 15px; } div.assetTemplates > div:last-child > div { background-color: white; overflow-x: visible; overflow-y: visible; padding: 10px; } div.assetTemplates h3 { margin-top: 10px; margin-bottom: 10px; } div.assetTemplates .dl-horizontal { margin-bottom: 0px; } div.assetTemplates .dl-horizontal dt { width: 90px; } div.assetTemplates .dl-horizontal dd { margin-left: 100px; } div.assetTemplates .total-files-container { padding: 5px 10px 5px 10px; font-size: 14px; text-align: left; padding: 5px; margin: 0px 10px 10px 10px; background-color: #2d353c; color: #fff; } div.assetTemplates .total-files.count-panel-header { background-color: #5691ac; } div.assetTemplates .template-dashboard count-panel { padding: 5px; } div.assetTemplates .total .fa, div.assetTemplates .total, div.assetTemplates .template-dashboard .count-panel-content { font-size: 14px; } div.assetTemplates .total.count-panel-header { background-color: #5691ac; } div.assetTemplates hr { margin: 20px; } div.assetTemplates .dashboard-stats-panel { margin: 0px 10px 10px 10px; } div.assetTemplates .importRecord { border: 1px solid #b8b8b8; border-radius: 10px; margin: 5px 0px; padding: 5px; display: flex; } div.assetTemplates .deleteImport { background-color: red; border: 2px solid red; color: #fff; border-radius: 10px; padding: 20px; margin: -6px; text-orientation: sideways; writing-mode: vertical-rl; text-align: center; display:none; } div.assetTemplates .show { opacity: 1; transition: opacity 0.5s; } div.assetTemplates .importRecord:hover { background-color: #f2f2f2; cursor:pointer; } div.assetTemplates .importRecord.selected { background-color: #d9e0e7 !important; } div.assetTemplates .template-download { color: #5691ac; font-size: 12px; } div.assetTemplates .template-download:hover, div.assetTemplates .template-download i:hover { text-decoration:none; } div.assetTemplates .template-upload { color: #5691ac; font-size: 12px; } div.assetTemplates .template-upload:hover, div.assetTemplates .template-upload i:hover { text-decoration:none; } div.assetTemplates .template-download, div.assetTemplates .template-upload { flex: auto; display: grid; padding: 0px 0px 10px 0px; } div.assetTemplates .template-download a, div.assetTemplates .template-upload a { font-size: 20px; } div.assetTemplates .btn-download { color: #fff; background: #33383c; border-color: #33383c; display: block; } div.assetTemplates .btn-upload { color: #fff; border-color: #33383c; display: block; } div.assetTemplates .importBadge { background-color: grey; border-radius:10px; color:#fff; padding: 2px 6px; } div.assetTemplates .badgeDanger { background-color: #ff5b57 !important; } div.assetTemplates .badgeWarning { background-color: #f59c1a !important; } div.assetTemplates .badgeSuccess { background-color: #5cb85c !important; } div.assetTemplates .templateData h3, div.assetTemplates .importErrors h3 { margin-top: 10px; margin-bottom: 10px; } div.assetTemplates .importErrors .errors { padding: 10px; border: 1px solid #d9e0e7; white-space: pre-line; margin-bottom: 10px; } div.assetTemplates .importErrors .errors:hover { background-color: #d9e0e7; cursor:pointer; } .exclusion-window-edit { background-color: #d9e0e7; } .exclusion-window-edit table td > ul[disabled] { opacity: 0.2; } .exclusion-window-edit.ng-submitted .ng-invalid-required, .exclusion-window-edit tbody.ng-submitted input.ng-invalid-required, .exclusion-window-edit input.ng-invalid-required.ng-dirty, .exclusion-window-edit input.ng-invalid-required.ng-touched{ background-color:#fbbfbf !important; border-color:#ff3a3a; } div.indicative-works-entry-edit { background-color:#d9e0e7; } div.indicative-works-entry-edit .tab-content { position: relative; min-height: 300px; } div.indicative-works-entry-edit ul.nav-tabs>li>a { padding: 9px 9px; font-size:0.9em; } div.indicative-works-entry-edit table td > ul[disabled] { opacity: 0.2; } div.indicative-works-entry-edit .likelihood { line-height: 1 } div.indicative-works-entry-edit .likelihood .swatch { width: 12px; height: 12px; background-color: transparent; display: inline-block; margin-right: 7px; float: left; opacity: .5; } div.indicative-works-entry-edit .scrolling-panel { max-height: 300px; overflow-y: auto; padding-right: 10px; margin-right: -10px; } .job-instruction-edit { background-color: #d9e0e7; } .job-instruction-edit.ng-submitted .ng-invalid-required, .job-instruction-edit .ng-invalid-required.ng-dirty, .job-instruction-edit .ng-invalid-required.ng-touched, .job-instruction-edit .ng-invalid-required input.ng-touched { background-color:#fbbfbf !important; border-color:#ff3a3a; } .email-content { margin-bottom: 10px; width: 100%; /*overflow: scroll;*/ } .portfolio-container { flex-direction: column; max-height: 500px; overflow: hidden; overflow-y: auto; } .notification-container { flex-direction: column; width: 70%; margin-left: 10px; } .legalDocs-Form .ng-valid[required], .legalDocs-Form .ng-valid.required { border-left: 5px solid #85ec64; /* green */ } .legalDocs-Form .ng-invalid:not(form) { border-left: 5px solid #fab3b3; /* red */ } div.myNotifications-container { align-items: stretch; overflow-x:hidden; overflow-y: auto; background-color:white; margin-top: 15px; padding: 0px; } div.myNotifications-container .notification-item-archived, div.myNotifications-container .notification-item-archived:hover { background-color: #fbe5e5 !important; } div.myNotifications-container .notification-item { margin: 0px; padding: 5px; border-bottom: 2px solid #eaeaea; transition: all 0.2s; } div.myNotifications-container .notification-item-new { background-color:#ddf3fd; } div.myNotifications-container .notification-item:hover { background-color: #f2f2f2; cursor:pointer; } div.myNotifications-container .notification-item .pointer { cursor: pointer; } div.myNotifications .myNotifications-filters { padding: 5px; border-bottom: 10px solid #dae1e8; background-color: #37393c !important; } div.myNotifications .myNotifications-filters .fa-filter { margin:0px; } div.myNotifications .myNotifications-filters .filters-title { padding: 0px; margin: 0px 0px; border-bottom: 2px solid #000; } div.myNotifications .myNotifications-filters .filters-title h3 { color: #fff; padding: 0px; margin: 5px 0px; font-size: large; } div.myNotifications .myNotifications-filters .filter-container { display: inline; font-size: 14px; } div.myNotifications-container .notification-check { float: left; padding: 24px 15px; } div.myNotifications-container .notification-icon { float:left; padding: 27px 10px; } div.myNotifications-container .notification-action { text-align: right; padding: 20px; } div.myNotifications-container dl { display: inline-block; } div.myNotifications-container .dl-horizontal { padding: 0px !important; margin: 0px; } div.myNotifications .select-all { font-weight: bold; color: #5292af; position: sticky; top: 170px; z-index: 1; background-color: #fff; padding: 2px 10px; margin: 0px; border: 2px solid #37393c; } .table-wrapper { margin: 0 auto; display: block; width: 88vw; height: 88vh; overflow: auto; } .permissions-matrix { table-layout: fixed; /* or auto depending on your need */ } .permissions-matrix .role-column { width: 105px; text-align: center; } .permissions-matrix th { vertical-align: bottom; padding: 2px !important; background-color: #fff; } .permissions-matrix .function-column { width: 400px; min-width: 150px; z-index: 1; top: 15px; position: sticky; left: 0px; padding: 2px 5px 5px 5px; } .permissions-matrix .function-row th { height: 30px; vertical-align: middle; } .permissions-matrix .section-row th.role-column, .permissions-matrix .section-row th.function-column { background-color: #6e6e6e; color: #fff; padding-top: 3px; padding-bottom: 3px; min-width: 150px; } .permissions-matrix .section-row th, .permissions-matrix .function-row th { position: -webkit-sticky; top: 15px; position: sticky; left: 0px; width: min-content; padding: 2px 5px 5px 5px; } .permissions-matrix .function-row td.role-column { background-color: #fff; border-left: solid 1px #000; } .permissions-matrix .function-row td.locked-column { background-color: #b5b5b5; border-left: solid 1px #000; } .permissions-matrix .function-row td.role-column.last { border-right: solid 1px #000; } .permissions-matrix .function-row.function-scope-row td.function-column { background-color: #d1d6dc; padding-left: 40px; } .permissions-matrix .function-row.function-scope-row td.role-column { background-color: #f4f4f4; } .permissions-matrix .function-row.function-scope-row td.locked-column { background-color: #a2a2a2; } .permissions-matrix .spacer { border-top: none !important; border-bottom: none !important; } .section-row .spacer { border-top: none !important; border-bottom: none !important; background-color: #d9e0e7; border-left: solid 1px #000; } .permissions-matrix .permission-icon { font-size: 1.4em; margin-right: 4px; } .permissions-matrix th.task-management { background-color: #f9ff6a; } .permissions-matrix .function-row td.role-column.task-management { background-color: #fbfce6; } .permissions-matrix .function-row.function-scope-row td.role-column.task-management { background-color: #f0f1db; } .permissions-matrix th.works-authorisations-and-permits { background-color: #7585ff; color: #fff; } .permissions-matrix .function-row td.role-column.works-authorisations-and-permits { background-color: #eef0ff; } .permissions-matrix .function-row.function-scope-row td.role-column.works-authorisations-and-permits { background-color: #e2e4f5; } .permissions-matrix th.role-column > .edit-controls { white-space: nowrap; display:none; margin-left: 4px; } .permissions-matrix th.role-column:hover > .edit-controls { display: inline-block; } .sticky-col { position: -webkit-sticky; position: sticky; left: 0; min-width: 300px !important; z-index: 2; background-color: #d1d6dc; } .permissions-matrix th.sticky-col { background-color: #6e6e6e; color: #fff; } .predefined-program-edit { background-color: #d9e0e7; } .predefined-program-edit.ng-submitted .ng-invalid-required, .predefined-program-edit .ng-invalid-required.ng-dirty, .predefined-program-edit.ng-submitted .ng-invalid-required.ng-touched, .predefined-program-edit .ng-invalid-required input.ng-touched { background-color: #fbbfbf !important; border-color: #ff3a3a; } .interval-filter-panel { background-color: #ececec; margin: 5px 2px 0px; padding: 9px; border-radius: 6px; border-left: solid 6px #ddd; } .interval-filter-panel h4 { margin-top:0px; margin-bottom: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .interval-filter-panel>.interval-filter-steps { margin-top: 5px; margin-left: 15px; } .interval-filter-panel>.interval-filter-steps[disabled] { opacity: 0.4; } .interval-filter-panel>.interval-filter-steps>div{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .interval-filter-panel>.interval-filter-steps .heading { font-size: 0.8em; font-weight: bold; } .interval-filter-panel>.interval-filter-steps .heading:not(:first-of-type) { margin-top: 6px; } .interval-filter-panel>.interval-filter-steps .step-details { background-color: white; margin: 2px 2px 2px 30px; padding: 5px; border-radius: 5px; white-space: normal; } .interval-filter-panel input.override-control { width: 100px; text-align: center; } .predefined-program-edit.modal-body > div > ul.nav.nav-tabs { background-color: transparent; } .predefined-program-edit.modal-body > div > ul.nav.nav-tabs > li:not(.active) > a { background-color: #e9e9e9; } .queues-list-edit .queues-list-description { display: inline-block; } .queues-list-edit .queues-list-description h4 { cursor: pointer; display: inline-block; color: inherit; margin-top: 6px; margin-bottom: 9px; } .queues-list-edit .edit-controls> i.fa, .toolbox > i.fa { font-size: 20px; padding: 8px 15px 0px 5px; float: left; } div.register div.user-settings[disabled] input[ui-switch]+span.switchery { opacity: 0.5; } .responsibility-holder-edit .list-group-item.location-heading { padding-top: 3px; padding-bottom: 3px; background-color: #c6c6c6; color: #fff; font-weight: bold; font-size: 0.9em; } .self-serve-icon-picker .icon-thumb{ width:14.5%; height:14.5%; margin: 2px 1%; padding:4px; border-radius: 5px; } .self-serve-icon-picker .icon-list { max-height: 70vh; overflow-y: auto; margin-top:10px; } .self-serve-icon-picker .icon-thumb>.icon-image { border-radius: 5px; padding: 5px; transition: padding linear 0.2s; position:relative; } .self-serve-icon-picker .icon-thumb > .icon-image > span.badge { position: absolute; right: -7px; top: -5px } .self-serve-icon-picker .icon-thumb:hover { background-color: #eee; } .self-serve-icon-picker .icon-thumb>.icon-image:hover { padding:1px; } .self-serve-icon-picker .icon-thumb>.icon-label { font-size: 10px; text-align: center; margin-top: 5px; } .self-serve-icon-picker .icon-thumb:hover>img { width: 90%; height: 90%; } .self-serve-option-list .option-item .item-buttons { display:none; } .self-serve-option-list .option-item:hover .item-buttons { display:block; } .self-serve-option-list .option-item:hover .item-buttons .btn.btn-circle { width: 21px; height: 21px; } .self-serve-option-list .option-section-header.root-section .option-item { display: none; } .self-serve-option-list .option-item img { padding:15%; } .self-serve-option-list .option-item { padding: 2px 4px; min-height: 40px; margin-top: 3px; border-radius: 7px; } .self-serve-option-list .option-item:hover { opacity: 0.9; } .self-serve-option-list .option-item { font-size: 1.3em } .service-line-edit .list-group-item.location-heading { padding-top: 3px; padding-bottom: 3px; background-color: #c6c6c6; color: #fff; font-weight: bold; font-size: 0.9em; } .table-scrollable { max-height: 80vh; /* adjust as needed */ overflow-y: auto; display: block; } .table-scrollable table { width: 100%; border-collapse: separate; border-spacing: 0; } /*.table-email tbody tr:hover { background-color: #f5f5f5; cursor: pointer; }*/ .table-scrollable thead th { position: sticky; top: 0; background-color: #fff; z-index: 2; } .admin-settings .setting-tab-container > .tab-content { display: none; } .setting-tab-container { position: sticky; top: 74px; /* 74px = fixed header + .content padding-top; 20px = .content padding-bottom. Sticky stays in flow, so missing the bottom padding overflows the page. */ height: calc(100vh - 74px - 20px); overflow-y: auto; width: 22%; margin-right: 5px; } .ledger-table .ledger-cell:hover { background-color: #afdcfa; border-top-color: #000; } /* Works Estimate References */ div.works-estimate-references > ul.references > li { width: 100%; border-radius: 3px; border: solid 1px #a5a5a5; background-color: #fff; padding: 5px; margin-bottom: 4px; min-height: 70px; transition: background-color 100ms linear; } div.works-estimate-references > ul.references > li.pending-weighting-change { background-color: #ffe3cb; } div.works-estimate-references > ul.references > li h2 { margin-top: 3px; display: inline-block; } div.works-estimate-references > ul.references > li ul.list-inline { margin-left: 10px; display: inline-block; } div.works-estimate-references > ul.references > li .entry-weighting { width: 120px; text-align: center; } div.works-estimate-references > ul.references > li .entry-weighting input { text-align: center; } div.works-estimate-references ul.entries > li { width: 100%; background-color: #e7e7e7; padding: 5px; margin-bottom: 3px; } div.works-estimate-references ul.entries > li:nth-child(even) { background-color: #dcdcdc; } div.works-estimate-references ul.entries > li > div { display: flex; align-items: stretch; } div.works-estimate-references ul.entries > li > div > div:first-child { margin-right: 20px; width: 100px; height: 100px; border: 0; background-position: center center; background-size: cover; } div.works-estimate-references ul.entries > li > div > div:last-child { flex: 1; } /* Space types */ div.space-types-edit .space-types .space-type-description { padding: 8px; /*margin-right: 25px;*/ } div.space-types-edit .space-types .toolbox i { font-size: 20px; background-color: #ffffff; padding: 7px; } div.space-types-edit .space-types .space-type-association { padding: 5px 0px 0px 0px; margin-right: 25px; text-align: right; } /* Document types */ div.document-types-edit { } .collapsible-box { /* border: 1px solid #ccc;*/ /* margin-bottom: 5px;*/ cursor: pointer; } .collapsible-header { /* background-color: #f9f9f9;*/ padding: 0.75rem 1rem; /* border: 1px solid #ddd;*/ border-radius: 8px; cursor: pointer; /* transition: background-color 0.3s ease;*/ } .collapsible-header:hover { background-color: #f0f0f0; } .collapsible-header.collapsed { background-color: #d9e0e7!important; /* Collapsed color */ } .collapsible-header.expanded { background-color: #d9e0e7; /* Expanded color */ } .collapsible-box:focus { outline: none; } .collapsible-content { /* padding: 10px;*/ display: block; padding-left: 2rem; /* Indentation from header */ } .header-title { display: flex; align-items: center; font-size: 1.2rem; margin: 0; gap: 10px; color: #333; } .toggle-icon { color: #007bff; font-size: 0.5rem; border: 1px solid #ddd; } .module-icon { /* color: #6c757d;*/ font-size: 1.3rem; } .childhidden { display: none; } .custom-divider { border-top: 1px solid #ccc; margin: 1rem 0; } .sfg20-setup .nav-tabs { background-color: transparent; } div.sla-entries > div { padding: 10px; } div.sla-entries > div:first-child { width: 30%; display:flex; align-items: stretch; padding: 10px 5px 10px 15px; } div.sla-entries > div:first-child > div { background-color: white; width: 100%; overflow-x: hidden; overflow-y: auto; padding: 5px; } div.sla-entries > div:last-child { width: 70%; overflow-x: hidden; overflow-y: auto; } div.sla-entries .radios > label { display: block; } div.sla-entries-list .sla-entry { background-color: #fbfbfb; border-radius: 5px; margin-bottom: 5px; padding: 0px 6px 9px; transition: opacity 1s ease-out; } div.sla-entries-list .sla-entry.discriminator-disabled { opacity: 0.5 } div.sla-details-dialog numeric-stepper input.form-control { text-align: center; } div.sla-entries .location-header { background-color: #f3f3f3; margin: 5px 0px; padding: 3px; border-radius: 3px; } div.sla-entries .sla-item:hover { background-color: #fafafa; } .email-content { margin-bottom: 10px; } .team-list-description { display: inline-block; } .team-list-description h5 { cursor: pointer; display: inline-block; } .team-list-description > .member-count{ padding-left: 20px; } .toolbox { display: none; } .edit-team > i.fa, .toolbox > i.fa { font-size: 20px; padding: 8px 15px 0px 5px; } .team-member-list > i { font-size: 14px; } .team-member-list > i.button { margin: 0 0 0 8px; } .space-types:hover > div.toolbox, .lookup-value:hover > div.toolbox { display: flex; } .teams-list-edit .drag-to-root { height: 100px; width: 100%; } .teams-list-edit .badge-role { background-color:#348fe2; } /*.teams-list-edit role-list { margin-bottom: 10px; display: block; border-bottom: 1px solid #b6c2c9; padding-bottom: 5px; }*/ .adminUserList {} .adminUserList .nav-tabs { background-color:#dae1e8 !important; } .adminUserList .tabs .nav > li.active > a { background-color:#fff !important; } .adminUserList .tabs .nav > li > a { background-color:#c0c0c0; } table.table-users tr.user-disabled { opacity: 0.5; } /*div.vendorGeneric .nav-tabs > li > a { margin-left: 0px; } div.vendorGeneric .nav > li > a { padding: 5px 6px; }*/ div.vendorGeneric > div:first-child { width: 30%; display:flex; align-items: stretch; padding: 10px 5px 10px 15px; } div.vendorGeneric > div:first-child > div { width: 100%; overflow-y: auto; padding: 5px; } div.vendorGeneric > div:last-child { width: 70%; display:table-row; align-items: stretch; overflow-x:hidden; overflow-y: auto; background-color:white; margin-top: 15px; } div.vendorGeneric > div:last-child > div { background-color: white; overflow-x: visible; overflow-y: visible; padding: 10px; } div.vendorGeneric .importType{ margin-bottom: 10px; } div.vendorGeneric h3 { margin-top: 10px; margin-bottom: 10px; } div.vendorGeneric .dl-horizontal { margin-bottom: 0px; } div.vendorGeneric .dl-horizontal dt { width: 90px; } div.vendorGeneric .dl-horizontal dd { margin-left: 100px; } div.vendorGeneric .total-files-container { padding: 5px 10px 5px 10px; font-size: 14px; text-align: left; padding: 5px; margin: 0px 10px 10px 10px; background-color: #2d353c; color: #fff; } div.vendorGeneric .total-files.count-panel-header { background-color: #5691ac; } div.vendorGeneric .template-dashboard count-panel { padding: 5px; } div.vendorGeneric .total .fa, div.vendorGeneric .total, div.vendorGeneric .template-dashboard .count-panel-content { font-size: 14px; } div.vendorGeneric .total.count-panel-header { background-color: #5691ac; } div.vendorGeneric hr { margin: 20px; } div.vendorGeneric .dashboard-stats-panel { margin: 0px 10px 10px 10px; } div.vendorGeneric .importRecord { border: 1px solid #b8b8b8; border-radius: 10px; margin: 5px 0px; padding: 5px; display: flex; } div.vendorGeneric .deleteImport { background-color: red; border: 2px solid red; color: #fff; border-radius: 10px; padding: 20px; margin: -6px; text-orientation: sideways; writing-mode: vertical-rl; text-align: center; display:none; } div.vendorGeneric .show { opacity: 1; transition: opacity 0.5s; } div.vendorGeneric .importRecord:hover { background-color: #f2f2f2; cursor:pointer; } div.vendorGeneric .importRecord.selected { background-color: #d9e0e7 !important; } div.vendorGeneric .template-download { color: #5691ac; font-size: 12px; } div.vendorGeneric .template-download:hover, div.vendorGeneric .template-download i:hover { text-decoration:none; } div.vendorGeneric .template-upload { color: #5691ac; font-size: 12px; } div.vendorGeneric .template-upload:hover, div.vendorGeneric .template-upload i:hover { text-decoration:none; } div.vendorGeneric .template-download, div.vendorGeneric .template-upload { flex: auto; display: grid; padding: 0px 0px 10px 0px; } div.vendorGeneric .template-download a, div.vendorGeneric .template-upload a { font-size: 20px; } div.vendorGeneric .btn-download { color: #fff; background: #33383c; border-color: #33383c; display: block; } div.vendorGeneric .btn-upload { color: #fff; border-color: #33383c; display: block; } div.vendorGeneric .importBadge { background-color: grey; border-radius:10px; color:#fff; padding: 2px 6px; } div.vendorGeneric .badgeDanger { background-color: #ff5b57 !important; } div.vendorGeneric .badgeWarning { background-color: #f59c1a !important; } div.vendorGeneric .badgeSuccess { background-color: #5cb85c !important; } div.vendorGeneric .templateData h3, div.vendorGeneric .importErrors h3 { margin-top: 10px; margin-bottom: 10px; } div.vendorGeneric .importErrors .errors { padding: 10px; border: 1px solid #d9e0e7; white-space: pre-line; margin-bottom: 10px; } div.vendorGeneric .importErrors .errors:hover { background-color: #d9e0e7; cursor:pointer; } table.table.table-meta-grid tr>th, table.table.table-meta-grid tr>td { padding: 4px 5px; } table.table.table-meta-grid tr > th:not(:last-child), table.table.table-meta-grid tr > td:not(:last-child) { font-size: 9px; } .small-grid>.small-grid-row { background-color: #f5f5f5; padding: 6px; border-radius: 3px; margin-bottom: 10px; } .small-grid>.small-grid-row .small-grid-title { color:#aeaeae; } .simple-attachment-list-item { display: flex; align-items: center; width: 100%; justify-content: space-between; padding-block: 0.2ch; } .simple-attachment-list-item:not(:last-of-type) { border-bottom: 1px solid #e5ebf1; } .simple-attachment-list-item:hover, .simple-attachment-list-item:focus-within { background-color: #f7fafd; } .simple-attachment-list-item:hover > .other-attachment-download, .simple-attachment-list-item:focus-within > .other-attachment-download { opacity: 0.5; } .simple-attachment-list-item > .other-attachment-download:hover, .simple-attachment-list-item > .other-attachment-download:focus { opacity: 1; } .other-attachment-download { align-self: end; opacity: 0.25; padding: 0.5ch; width: 1.5rem; display: flex; align-items: center; justify-content: center; } .quick-dialog .nav.nav-tabs { background-color: #fff; } .quick-dialog .tab-content { background-color: #f0f0f0; } .quick-dialog .nav-tabs li>a { background-color: #f8f8f8; } .quick-dialog .nav-tabs li.active>a { background-color: #e6e4e4; } /* Added to display a red background on tabs that contain field validation errors */ .quick-dialog .nav-tabs li.hasErrors > a, .quick-dialog .nav-tabs li.active.hasErrors > a { background-color: #ffdedd !important; /*border-color: #ff5b57 !important;*/ } .quick-dialog hr.field-row-divider { margin-top: 0px; margin-bottom: 12px; border-bottom: solid 1px #d0d0d0; } div.asbestos-buildings > div.asbestos-search-header { display: flex; align-items: stretch; padding: 10px 5px 10px 15px; justify-content: space-between; } div.asbestos-buildings > div > div { width: 40%; } div.asbestos-buildings table.table-email tr.section-row { background-color: #d5d5d5; } div.asbestos-buildings table.table-email tr.section-row td { padding-top: 2px; padding-bottom: 2px; } div.asbestos-buildings table.table-email tr:hover td { background-color: #e6e6e6 !important; } div.asbestos-buildings table.table-email tr.section-row:hover td { background-color: #d5d5d5 !important; } div.asbestos-buildings table.table-email tr.section-row:hover td.collapsable-header { background-color: #d0d0d0 !important; } div.asbestos-buildings table.table-email tr.major-header > th { text-align: center; border-bottom-style: none !important; } div.asbestos-buildings table.table-email tr.major-header > th.asbestos-entries-detail { background-color: #ededed; } div.asbestos-buildings table.table-email tr.major-header > th.asbestos-inspection-detail { background-color: #e1e1e1; } div.asbestos-buildings table.table-email tr.minor-header > th { text-align: center; border-top-style: none !important; font-size: 0.55rem; position: sticky; top: 0; background-color: #fff; } div.asbestos-buildings table.table-email th.asbestos-entries-detail, div.asbestos-buildings table.table-email td.asbestos-entries-detail { background-color: #f5f5f5 !important; } div.asbestos-buildings table.table-email th.asbestos-inspection-detail, div.asbestos-buildings table.table-email td.asbestos-inspection-detail { background-color: #f2f2f2 !important; } div.asbestos-buildings .count-panel > .count-panel-header { height: 70px; font-size: 0.8rem; } div.asbestos-buildings .count-panel > .count-panel-header i.count-panel-icon { display: block; font-size:1.4rem; } div.asbestos-buildings .badge.red { background-color: #ff5b57; color: #fff; } div.asbestos-buildings .badge.amber { background-color: #f59c1a; color: #fff; } div.asbestos-buildings .badge.green { background-color: #5cb85c; color: #fff; } div.asbestos-entry-inspection-edit { background-color:#d9e0e7; } div.asbestos-entry-inspection-edit .tab-content { position: relative; min-height: 270px; } div.asbestos-entry-inspection-edit div.scoring-scrollable { height: 25vh; overflow-y: scroll; padding-right: 10px; margin-right: -13px; } div.asbestos-entry-inspection-edit .scoring-section { background-color: #ececec; padding: 5px 2px; margin: 3px 0px; } div.asbestos-entry-inspection-edit .scoring-subsection { border-bottom: solid 1px #aeaeae; } div.asbestos-entry-inspection-edit .ng-submitted .form-control.ng-invalid-required:not([ng-form]), div.asbestos-entry-inspection-edit .ng-submitted div.ng-invalid-required:not([ng-form]) input, div.asbestos-entry-inspection-edit .ng-invalid-required.ng-dirty:not([ng-form]), div.asbestos-entry-inspection-edit .ng-invalid-required.ng-touched, div.asbestos-entry-inspection-edit .ng-invalid-required:not([ng-form]) input.ng-touched, div.asbestos-entry-inspection-edit .ng-submitted .ng-invalid-required:not([ng-form]) input, div.asbestos-entry-inspection-edit .ng-submitted .btn-group.ng-invalid-required>.btn { background-color:#fbbfbf !important; border-color:#ff3a3a; } div.asbestos-scoring-comments>div { background: #ddd; padding: 10px; border-radius: 5px; margin-bottom: 3px; } div.asbestos-entry-edit { background-color:#d9e0e7; } div.asbestos-entry-edit .tab-content { position: relative; min-height: 270px; } div.asbestos-entry-edit .inspection-item:hover { background-color: #f1f1f1 !important; } div.asbestos-entry-edit .ng-submitted .form-control.ng-invalid-required:not([ng-form]), div.asbestos-entry-edit .ng-submitted div.ng-invalid-required:not([ng-form]) input, div.asbestos-entry-edit .ng-invalid-required.ng-dirty:not([ng-form]), div.asbestos-entry-edit .ng-invalid-required.ng-touched, div.asbestos-entry-edit .ng-invalid-required:not([ng-form]) input.ng-touched, div.asbestos-entry-edit .ng-submitted .ng-invalid-required:not([ng-form]) input, div.asbestos-entry-edit .ng-submitted .btn-group.ng-invalid-required>.btn { background-color:#fbbfbf !important; border-color:#ff3a3a; } div.asbestos-explorer > div:first-child { display:flex; align-items: stretch; padding: 10px 5px 10px 15px; width: 25%; } div.asbestos-explorer > div:last-child { width: 75%; display:flex; align-items: stretch; padding: 10px 5px 10px 0px; } div.asbestos-explorer > div > div { background-color: white; width: 100%; padding: 5px; overflow: auto; } div.asbestos-explorer .asb-entries-body { overflow-x: hidden; overflow-y: auto; } div.asbestos-explorer table.table-email tr.section-row { background-color: #d5d5d5; } div.asbestos-explorer table.table-email tr.section-row td { padding-top: 2px; padding-bottom: 2px; } div.asbestos-explorer table.table-email tr.section-row:hover td { background-color: #d5d5d5 !important; } div.asbestos-explorer #leaflet-map { height: 40vh; } div.asbestos-explorer .location-match { padding-top: 4px; padding-bottom: 4px; margin-bottom: 5px; } div.asbestos-explorer .location-match:hover { background-color: #ddd; } div.asbestos-explorer tr.is-removed { background: repeating-linear-gradient( 45deg, #f1f1f1, #f1f1f1 2px, transparent 2px, transparent 6px ); } div.asbestos-locn-inspection { background-color:#d9e0e7; } div.asbestos-locn-inspection .action-notes { margin-top: 6px; } div.asbestos-locn-inspection .action-notes>div>div { width: 80%; background-color: #2b96f0; color: #fff; border-radius: 4px; padding: 4px; text-align: left; margin-top: 3px; } div.asbestos-locn-inspection .action-notes>div:first-child>div { margin-top: 0px; } div.asbestos-locn-inspection .action-notes>div:nth-child(odd)>div { margin-left: auto; margin-right: 0px; } horizontal-timeline { display:block; overflow:hidden; } horizontal-timeline-chart { display:flex; margin:10px 5px 10px 249px; align-items:flex-end; justify-content:space-between; height:160px; border-left: 2px solid #525252; border-bottom: 2px solid #525252; position:relative; } horizontal-timeline-series { flex:1; height:0%; background-color:#4cff00; opacity:.6; margin:5px 0px 0px 0px; border-top-left-radius:5px; border-top-right-radius:5px; -moz-transition: height .5s, opacity .15s; -o-transition: height .5s, opacity .15s; -webkit-transition: height .5s, opacity .15s; transition: height .5s, opacity .15s; } horizontal-timeline-series[ng-click]:not(.selected):hover { opacity:.8; } horizontal-timeline-series.selected { background-color:#09f !important; opacity:initial; } horizontal-timeline-series.week-start:before { content:attr(data-x-axis-label); position:absolute; top:-10px; margin-left:4px; /*background: #09f;*/ color:#fff; display:block; font-size:.8vw; pointer-events: none; } horizontal-timeline-series.week-start:after { content:''; width:1px; height: 340px; position:absolute; top:0px; margin-top:-5px; margin-left:-5px; background: #7e7e7e; display:block; pointer-events: none; } /*horizontal-timeline-series.selected:after { content:''; position: absolute; bottom:-12px; height:12px; width:100%; background-color:#09f; display:block; }*/ horizontal-timeline-chart canvas { width:100%; height:100%; position:absolute; background-color: transparent; background-size: 15px 15px; background-image: linear-gradient(0deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent); } horizontal-timeline-tick-y { position:absolute; width:30px; text-align:right; font-size:.8em; left:-35px; margin-top:50px; } .commentary { display: flex; flex-direction: column; } .commentary>.commentary-comment { position: relative; background-color: #ddd; background-color: var(--neutral-text-weaker, #ddd); border-radius: .4em; margin: 2px 15px; padding: 5px; width: 65%; } .commentary>.commentary-comment.commentary-comment-mine { align-self: flex-end; background-color: #348fe2; background-color: var(--info-text-weak, #348fe2); color: #fff; color: var(--info-bg-weak, #fff); } .commentary>.commentary-comment>q.commentary-text { font-weight: bold; color: #fff; color: var(--bg, #fff); } .commentary>.commentary-comment>.commentary-author { font-size: 0.7em; text-align: right; color: #979797; color: var(--absolute, #979797); } .commentary>.commentary-comment.commentary-comment-mine>.commentary-author { color: #c9c9c9; color: var(--absolute, #c9c9c9); } .commentary>.commentary-comment:before { content: ''; position: absolute; top: 50%; width: 0; height: 0; border: 15px solid transparent; border-top: 0; margin-top: -7.5px; margin-left: -14px; } .commentary>.commentary-comment:not(.commentary-comment-mine):before { left: 0; border-left: 0; border-right-color: #ddd; border-right-color: var(--neutral-text-weaker, #ddd); } .commentary>.commentary-comment.commentary-comment-mine:before { right: -14px; border-right: 0; border-left-color: #348fe2; border-left-color: var(--info-text-weak, #348fe2); } .commentary>.commentary-comment .simple-attachment-list { text-align: left; } .commentary>.commentary-comment .simple-attachment-list .attachment-thumb { border: none; background-color: #fff; border-radius: 4px; } @media (min-width: 1200px) { /*lg*/ .commentary>.commentary-comment { margin: 10px 15px; } } @media (max-width: 769px) { .commentary>.commentary-comment { margin: 2px 10px; } } .commentary > .commentary-comment.job-comment { background-color: #bbb !important; /* Darker grey */ background-color: var(--neutral-text-stronger, #bbb) !important; } .commentary > .commentary-comment.job-comment:not(.commentary-comment-mine):before { border-right-color: #bbb !important; border-right-color: var(--neutral-text-stronger, #bbb) !important; } .commentary > .commentary-comment.job-comment.commentary-comment-mine { background-color: #246bb2 !important; /* Darker blue for "mine" job comments */ background-color: var(--info-text-strong, #246bb2) !important; } .commentary > .commentary-comment.job-comment.commentary-comment-mine:before { border-left-color: #246bb2 !important; border-left-color: var(--info-text-strong, #246bb2) !important; } div.count-panel { height: 70px; width: 100%; border: solid 2px #d0d0d0; text-align: center; table-layout: fixed; display: table; border-radius: 7px; overflow: hidden; } div.count-panel > div { display: table-row; height: 50%; } div.count-panel > div > div { padding: 5px; width: 100%; display: table-cell; vertical-align: middle; } div.count-panel > div > div > i.fa { font-size: 1.2vw; display: block; padding-bottom: 2px; } div.count-panel div.count-panel-content { font-size: 1.5vw; background-color: #fff; } .count-panel-header { font-size: 0.9vw; background-color: #ff0000; color: #fff; } .count-panel-header.count-panel-default { color: #333; background-color: #e0e0e0; } .count-panel-header.count-panel-warning { color: #fff; background-color: #f59c1a; } .count-panel-header.count-panel-primary { color: #fff; background-color: #348fe2; } .count-panel-header.count-panel-inverse { color: #fff; background-color: #2d353c; } .count-panel-header.count-panel-white { color: #333; background-color: #fff; } .count-panel-header.count-panel-danger { color: #fff; background-color: #ff5b57; } .count-panel-header.count-panel-info { color: #fff; background-color: #49b6d6; } .count-panel-header.count-panel-success { color: #fff; background-color: #5cb85c; } div.count-panel .stats-progress { height:2px; padding-left:3px; padding-right:3px; margin-bottom: 0px; background-color: inherit; } div.count-panel .progress-bar { background-color: #fff; } .count-panel-header.red { background-color: #ff5b57; color: #fff; } .count-panel-header.amber { background-color: #f59c1a; color: #fff; } .count-panel-header.green { background-color: #5cb85c; color: #fff; } .date-time-input { display: flex; } .date-time-input>div:not(.time) { flex-grow: 1; } .date-time-input>.time { margin-left: 5px; width: 54px; flex-grow: 0; flex-shrink: 0; } .date-time-input>.time>input { text-align: center; padding-left: 2px; padding-right: 2px; } @media print { .date-time-input > .date > .input-group { width: 100%; } } .email-preview { margin:10px 0; padding:10px; border-bottom: 1px solid #b0b0b0; } .email-preview iframe { width:100%; max-height: 150px; border: 0; } .email-preview .header { background-color: #f4f4f4; padding: 3px; margin-bottom: 3px; } .email-preview .header .btn-white { background-color: transparent; } .email-preview .header .btn-white:hover { background-color: #fff; } .compose-email-dialog trix-editor { min-height:100px !important; } .compose-email-dialog trix-toolbar { margin-top:15px; } div.image-gallery-dialog { padding: 20px 25px 2px; } div.image-gallery-dialog>i.fa-times { position: absolute; top: 0px; right: 0px; font-size: 20px; } .image-gallery { position:relative; } .image-gallery .psv-navbar { background: none; } .image-gallery .psv-caption { pointer-events: none; } .image-gallery .stack > div { margin-left: auto; margin-right: auto; border-top-left-radius: 2px; border-top-right-radius: 2px; } .image-gallery .stack > div:first-child { width: 96%; height:2px; background-color: #AAA; } .image-gallery .stack > div:last-child { width: 100%; height:4px; background-color: #666; } .image-gallery .more { width: 100%; text-align: center; margin-left: auto; margin-right: auto; } .image-gallery .info { width: 21px; height: 21px; position: absolute; top: 10px; left: 10px; border-radius: 4px; opacity: 0.75; color: #000; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,0.4); border: solid 1px #909090; } .image-gallery .info:hover { background-color: #fff; } .image-gallery .info.archived { background-color: rgba(0,0,255,0.4); } .image-gallery .info.archived:hover { background-color: #00f; } .image-gallery .info.deleted { background-color: rgba(255,0,0,0.4); } .image-gallery .info.deleted:hover { background-color: #f00; } .image-gallery .gallery-thumbnail-list { display:flex; flex-wrap: nowrap; overflow-x:auto; } .image-gallery .gallery-thumbnail-wrapper { width:40px; height:40px; display: inline-flex; justify-content: center; align-items: center; overflow:hidden; margin:3px; border-radius:3px; border:1px solid #fff; position: relative; z-index: 0; } .image-gallery-timeline-slider { position: fixed; bottom: 2px; margin-left: -25%; width: 50%; height: 129px; z-index: 2020; background-color: #575757; border-radius: 10px; left: 50%; padding:2px 35px; } .image-gallery-timeline-slider img { width: 45px; height: 45px; object-fit: cover; border-radius:12px; } .image-gallery-timeline-slider .irs-from, .irs-to, .irs-single { top: -45px !important; } .image-gallery-timeline-slider .irs-grid-text { bottom: -45px; } .image-gallery .viewer-3d { height: 100%; width: 100%; } #fbplus-content .viewer-3d { height: 90vh; width: 90vw; } #fbplus-left, #fbplus-right { width: 15%; } .image-gallery .gallery-thumbnail { padding:0; width: 100%; object-fit:cover; } .image-gallery-overlay { width: 100%; text-align:center; margin-top: -22px; margin-bottom: 5px; pointer-events: none; z-index: 100; position: relative; } .image-gallery-overlay.image-gallery-overlay-full { font-size: 125%; } .image-gallery.fixed-height .image-gallery-overlay.image-gallery-overlay-full { position: absolute; bottom: 20px; } .image-gallery-overlay .badge { white-space: normal; } .image-gallery .gallery-thumbnail-wrapper>.image-gallery-shader { z-index: 50; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; opacity: 0.3; display: flex; align-items: center; justify-content: center; pointer-events: none; color: #fff; } .image-gallery .gallery-thumbnail-wrapper>.image-gallery-shader.archived { background-color: #00f; } .image-gallery .gallery-thumbnail-wrapper>.image-gallery-shader.deleted { background-color: #f00; } .image-gallery .menu { position:absolute; right:0px; top: 10px; z-index: 100; } .image-gallery .menu .menu-button { background-color: rgba(255,255,255,.75); border:none; color: #000; padding: 0px 4px; } /* fixed-height mode */ .image-gallery.fixed-height { display: flex; justify-content: center; align-items: center; overflow:hidden; } /* overlap mode */ .image-gallery.overlap-picker .picker { position:absolute; width:100%; bottom:0; left:0; z-index:100; } .image-gallery.overlap-picker .more { padding:2px 5px; background-color:#AAA; border-radius:5px; position:absolute; bottom:0; left:50%; margin-left:-50px; opacity:.75; width:auto; } .image-gallery.overlap-picker .set-primary-image { position:absolute; top:3px; left:50%; margin-left:-75px; } .image-gallery-other-attachments { z-index: 1050; background: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); padding: 0.5rem 0; margin: 0.5rem 0; min-width: 320px; border: 1px solid #eee; } .image-gallery-other-attachments li.other-attachment { background: #fff; border-bottom: 1px solid #f0f0f0; border-radius: 6px; margin: 0 0.5rem; /* Reduced from 1rem */ padding: 0.75rem 1.25rem 0.75rem 1rem; /* Left reduced, right reduced for less space */ display: flex; align-items: center; justify-content: space-between; /* Push file info left, icons right */ position: relative; transition: background 0.2s; font-family: 'Segoe UI', Arial, sans-serif; font-size: 1em; display: flex; align-items: center; justify-content: space-between; /* Space between file info and actions */ padding-right: 1rem; /* Less excessive padding on right */ } .image-gallery-other-attachments li.other-attachment:last-child { border-bottom: none; } .image-gallery-other-attachments li.other-attachment:hover { background: #f7fafd; } .simple-attachment-list-item .other-attachment-delete { visibility: hidden; } .simple-attachment-list-item:hover .other-attachment-delete { visibility: visible !important; } .image-gallery-other-attachments li.other-attachment .other-attachment-delete, .image-gallery-other-attachments li.other-attachment .other-attachment-download, .image-gallery-other-attachments li.other-attachment .other-attachment-edit { position: static; top: 50%; opacity: 0.3; transition: opacity 0.2s ease; } .image-gallery-other-attachments li.other-attachment .other-attachment-delete { right: 1rem; } .image-gallery-other-attachments li.other-attachment .other-attachment-edit { right: 2.2rem; /* Adjust spacing between edit & delete */ } .image-gallery-other-attachments li.other-attachment:hover .other-attachment-delete, .image-gallery-other-attachments li.other-attachment:hover .other-attachment-download, .image-gallery-other-attachments li.other-attachment:hover .other-attachment-edit { opacity: 1; } .file-info { display: flex; flex-direction: column; margin-left: 0.5rem; /* Reduced slightly for tighter layout */ flex: 1; /* Let it grow/shrink naturally */ } .file-name { font-weight: 500; color: #222; } .file-size { font-size: 0.85em; color: #888; } .dropdown-menu > li > :is(a.image-thumb-wrapper.iframe, div) { padding-inline: 0; } .dropdown-menu > li > :is(a.image-thumb-wrapper.iframe, div) > .file-info { display: flex; flex-direction: row; align-items: center; margin-inline: 0; gap: 0.5em; } .dropdown-menu > li > a.image-thumb-wrapper.iframe:hover { background-color: initial; } .dropdown-menu > li > a.image-thumb-wrapper.iframe:hover > .file-info > .file-name { text-decoration: underline; } .attachment-actions { display: flex; gap: 0.1rem; /* More breathing room between badges */ align-items: center; margin-left: auto; /* Push badges to far right if needed */ } .attachment-badges { display: flex; gap: 0.1rem; /* More breathing room between badges */ align-items: center; margin-left: auto; /* Push badges to far right if needed */ } .attachment-badge { display: inline-block; padding: 0.2em 0.6em; border-radius: 12px; font-size: 0.7rem; font-weight: 500; } .badge-queued { background: #fffbe6; color: #bfa100; border: 1px solid #ffe58f; } .badge-failed { background: #e6f7ff; color: #1890ff; border: 1px solid #91d5ff; } .badge-deleted { background: #fff1f0; color: #cf1322; border: 1px solid #ffa39e; } .other-attachment.deleted { background: #fff1f0; color: #cf1322; text-decoration: line-through; opacity: 0.7; } .other-attachment-delete, .other-attachment-edit { position: static; /* Remove absolute positioning */ transform: none; /* Remove centering hacks */ opacity: 0.3; transition: opacity 0.2s ease; } .other-attachment:hover .other-attachment-delete, .other-attachment:hover .other-attachment-edit { color: #cf1322; /* Brighter on hover */ opacity: 1; } .action-bar { display: flex; align-items: center; gap: 0.6rem; /* Space between badges and icons */ } .load-more-panel>.load-more-content { transition: opacity linear 0.3s; opacity: 1; } .load-more-panel>.load-more-content.is-loading { opacity: 0.4; } .numeric-stepper>input { text-align: center; } .path-with-supplementary .supplement { color: #0094ff; } .path-with-supplementary input { border:none; } .path-with-supplementary .partial.empty { color: #ddd; } .property-changes .property-change { border: solid 1px #AAA; border-radius: 5px; padding: 4px; margin-bottom: 5px; background-color: #f2f2f2; } div.qr-code-dialog { padding: 25px; } div.qr-code-dialog>i.fa-times { position: absolute; top: 0px; right: 0px; font-size: 20px; } div.qr-code-dialog canvas { width: 100%; } div.qr-code-dialog .qr-label { text-align: center; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 25px; } .qr-code-input { display: flex; } .qr-code-input>div:first-child { flex: 1 1 0px; } .qr-code-input>div:last-child { margin-left: 20px; } div.quick-picker .picker-item { padding: 4px 10px; font-size:130%; } div.quick-picker.zebra .picker-item { background-color: #f4f4f4; background-color: var(--bg, #f4f4f4); } div.quick-picker.zebra .picker-item:nth-child(odd) { background-color: #e5e5e5; background-color: var(--neutral-bg-weak, #e5e5e5); } div.quick-picker.zebra .picker-item[disabled] { background-color: #fff; } div.quick-picker .picker-item:not(.no-close-on-select):not([disabled]):hover, div.quick-picker .picker-item.no-close-on-select.is-selected:not(.hide-selection-background) { background-color: #c2c2c2; background-color: var(--neutral-bg-strong, #C2C2C2); color: var(--neutral-text-stronger, #333); } div.quick-picker .picker-item .search-result-path > span { font-size: 60%; display:block; opacity: 0.75; } div.quick-picker .picker-section-header { background-color: #333; background-color: var(--neutral-text-strong, #333); color: #fff; color: var(--absolute, #fff); font-weight: bold; font-size: 90%; padding: 2px 2px 2px 15px; height: 19px; position: sticky; top: 0px; } div.quick-picker .picker-item > .multi-container>div { display: inline-block; } div.quick-picker .multi-container { display: flex; justify-content: flex-start; align-items: center; } div.quick-picker .multi-container > div:first-child { margin-left: -10px; margin-right: 5px; } div.quick-picker .multi-container > div:last-child { flex-grow: 1; } div.quick-picker .clear-search { top: 8px; right: 3px; font-size: 1.5em; z-index: 10; } .security-principal-icon { width: 1.5em; } .security-principal-icon>span>i.fa-fw { width: 1.5em; } .security-principal-icon .fa-stack { width:1.5em; } div.security-principal-picker div.principal-list { max-height: 300px; overflow-y: auto; } div.security-principal-picker div.principal-list h5 { font-weight: bold; border-bottom: solid 1px black; } div.security-principal-picker div.principal-list a.principal { display: block; text-decoration: none; cursor: pointer; color: #000; } div.security-principal-picker div.principal-list a.principal:hover { background-color: #e7e7e7 !important; } div.security-principal-picker div.principal-list a.principal[disabled] { color: #dfdfdf !important; } div.security-principal-picker .nav-tabs { background-color: #fff; } div.security-principal-picker .nav-tabs > li, div.security-principal-picker .nav-tabs > li > a, div.security-principal-picker .nav-tabs > li > a:hover { margin-bottom: 0px !important; } div.security-principal-picker .nav-tabs > li > a { border: 1px solid #e2e7eb !important; border-bottom: none; } div.security-principal-picker .nav-tabs > li.active > a{ background-color: #e2e7eb !important; border: 1px solid #e2e7eb !important; } div.security-role-picker div.role-list { max-height: 200px; overflow-y: auto; } div.security-role-picker div.role-list > a.role { display: block; text-decoration: none; cursor: pointer; color: #000; } div.security-role-picker div.role-list > a.role:hover { background-color: #e7e7e7 !important; } div.security-role-picker div.role-list > a.role[disabled] { color: #dfdfdf !important; } div.target-pick .search-match { padding: 4px 10px; font-size:130%; background-color: #fbfbfb; display: flex; justify-content: flex-start; align-items: center; } div.target-pick .search-match:nth-child(odd) { background-color: #e5e5e5; } div.target-pick .search-match:hover { background-color: #c2c2c2; } div.target-pick .search-match.match-selected { background-color: #a9a9a9; border: solid 1px #000; color: #fff; } div.target-pick .search-match .search-result-path > span { font-size: 60%; display:block; opacity: 0.75; } div.target-pick .search-match > div:first-child { margin-left: -5px; margin-right: 5px; } div.target-pick .search-match>.info-matches { flex-grow:1; } target-tree[disabled]>div { opacity: 0.5; } target-tree .jstree-numbering { padding: 0px 5px; color: #fff; background-color: #348fe2; margin-left: 10px; border-radius: 5px; } div.team-picker.zebra .picker-item { background-color: #f4f4f4; background-color: var(--bg, #f4f4f4); } div.team-picker.zebra .picker-item:nth-child(odd) { background-color: #e5e5e5; background-color: var(--neutral-bg-weak, #e5e5e5); } div.team-picker.zebra .picker-item[disabled] { background-color: #fff; } div.textarea-with-toolbar { position: relative; border: solid 1px #e4e7eb; background: #fff; } div.textarea-with-toolbar > textarea { background: #fff; resize: none; border: none; } div.textarea-with-toolbar > div.toolbar-area { height: 38px; margin: 0px 10px; background: #fdfdfd; display: flex; border-top: solid 1px #e4e7eb; padding: 5px 0px; justify-content: flex-start; align-items: stretch; } div.textarea-with-toolbar > div.toolbar-area .translatable-input-accessory > button { padding: 4px 6px 2px; } input.time-interval[readonly]:not([disabled]) { background-color:#fff; color:#555; opacity: 1; } div.time-interval-unit { width: 100%; text-align:center; display: block; } div.time-interval-unit > div { display:inline-block; } div.time-interval-unit > div > small { display:block; } div.time-interval-unit input { width: 85px; text-align: center; } .timeline-list { position: relative; overflow:hidden; min-height:30px; -moz-transition: height .5s; -o-transition: height .5s; -webkit-transition: height .5s; transition: height .5s; } .timeline-list:focus, .timeline-list [ng-click]:focus { outline:none; } .timeline-list:not(.collapsed) { overflow-y: auto; } .timeline-list .marker { position: absolute; top: 0; background-color:#EE7101; opacity:.8; z-index: 100; -moz-transition: height .5s, opacity .15s; -o-transition: height .5s, opacity .15s; -webkit-transition: height .5s, opacity .15s; transition: height .5s, opacity .15s; } .timeline-list .marker:hover { opacity: 1; } .timeline-list:not(.collapsible) { cursor:default !important; } .timeline-list .timeline-mark, .timeline-list .timeline-now { position: absolute; pointer-events:none; opacity:.8; -moz-transition: height .5s; -o-transition: height .5s; -webkit-transition: height .5s; transition: height .5s; } .timeline-list .timeline-now { background-color: rgba(107, 107, 107, 0.21); } .timeline-list .timeline-mark { width: 1px; background-color:rgb(224, 224, 227); } .timeline-list .year-heading { position:relative; left: 4px; top: -5px; font-size:.75em; color:#000; font-weight:bold; white-space:nowrap; } .timeline-segment-tooltip { width:250px; } .timeline-list ul { margin:0; padding:0; } .timeline-list li { top:0; position:absolute; padding:10px 0 10px 10px; height:30px; list-style:none; -moz-transition: top .5s; -o-transition: top .5s; -webkit-transition: top .5s; transition: top .5s; } .timeline-list.collapsed li { top:0; color:#707478; } .timeline-list .row-title { opacity:1; } .timeline-list.collapsed .row-title { opacity:0; } .timeline-list li > span { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; } .timeline-list .timeline-segment, .timeline-list li .marker { height:20px !important; top:8px; min-width: 1px; } .timeline-list .timeline-segment { position:absolute; display:inline-block; background: #64a5dc; border-radius:6px; opacity:.5; -moz-transition: opacity .15s; -o-transition: opacity .15s; -webkit-transition: opacity .15s; transition: opacity .15s; } .timeline-list .timeline-segment:hover, .timeline-list .timeline-segment.timeline-segment-hover { opacity: 1; border: 1px solid rgb(224, 224, 227); } .popover-content .timeline-list { max-height:110px; } .works-detail .timeline-list { max-height:360px; } .top-down-preview-dialog .timeline-list { margin-top:15px; } .lifecycle-middle-row .timeline-list { background: #3e3e40; color: rgb(224, 224, 227); } .lifecycle-middle-row .timeline-list:not(.collapsed) { height:195px !important; background: -webkit-linear-gradient(#3e3e40, #2A2A2B); background: -o-linear-gradient(#3e3e40, #2A2A2B); background: -moz-linear-gradient(#3e3e40, #2A2A2B); background: linear-gradient(#3e3e40, #2A2A2B); } .lifecycle-middle-row .timeline-mark { height: 195px !important; background-color: #3e3e40; } .translatable-input-accessory>button { padding: 7px 6px 4px; } .translatable-input-accessory > button > i { font-size: 22px; line-height: 18px; vertical-align: -0.075em; } div.broadcasts .nav-tabs > li > a { margin-left: 0px; } div.broadcasts .nav > li > a { padding: 5px 6px; } div.broadcasts > div:first-child { width: 30%; display:flex; align-items: stretch; padding: 10px 5px 10px 15px; } div.broadcasts > div:first-child > div { width: 100%; overflow-y: auto; padding: 5px; } div.broadcasts > div:last-child { width: 70%; display:table-row; align-items: stretch; overflow-x:hidden; overflow-y: auto; background-color:white; margin-top: 15px; } div.broadcasts > div:last-child > div { background-color: white; overflow-x: visible; overflow-y: visible; padding: 10px; } div.broadcasts h3 { margin-top: 10px; margin-bottom: 10px; } div.broadcasts .tab-content { height: calc(100% - 40px); width: 100%; } div.broadcasts .flex-content .tab-content>.tab-pane.active { display: flex; flex-direction: column; height: 100%; } div.broadcasts .nav-tabs { background-color: transparent; } div.broadcasts .nav-tabs > li { text-align: center; } div.broadcasts .nav-item:not(.active)>a { background-color: #d9d9d9; } div.broadcasts .schedules-list { overflow-y: auto; flex-grow: 1; } div.broadcasts .schedules-list .schedule-item { border: solid 1px #ddd; border-radius: 4px; padding: 10px; margin-bottom: 2px; display: flex; } div.broadcasts .schedules-list .schedule-item:hover { background-color: #f2f2f2; } div.broadcasts .schedules-list .schedule-item>i { align-self: center; } div.broadcasts .schedules-list .schedule-item > div:nth-child(2) { flex-grow: 1; } div.broadcasts .schedules-list .schedule-item h5 { display: inline; } div.broadcasts button.new-schedule-button { position: absolute; top: 10px; right: 5px; } div.broadcasts .fc-event, div.broadcasts .fc-event-dot { background-color: #eaeaea; } div.broadcasts .fc-event { border: 1px solid #b1b1b1; border-left: 5px solid #b1b1b1; color: #000; cursor: pointer; } div.broadcasts .fc-event.late { border-left-color: #f00; } div.broadcasts .fc-event.due { border-left-color: #f59c1a; } div.broadcasts .fc-event.abnormal { border-left-color: #000; } div.broadcasts .fc-event.complete { border-left-color: #5cb85c; } div.broadcasts .fc-event:hover { background-color: #f4f3f3; } div.broadcasts .document-container { padding: 5px; } div.broadcasts .document-item-archived, div.broadcasts .document-item-archived:hover { background-color: #fbe5e5 !important; } div.broadcasts .document-item-checkedout, div.broadcasts .document-item-checkedout:hover { background-color: #fff6d1 !important; } div.broadcasts .document-item { padding: 10px; border-bottom: 2px solid #eaeaea; transition: all 0.2s; } div.broadcasts .document-item:hover { background-color: #f2f2f2; cursor:pointer; } div.broadcasts .document-item .document-icon-container { display: flex; height: 50px; border: 0; justify-content: center; align-items: center; overflow: hidden; margin: auto; } div.broadcasts .document-item .document-icon { font-size: 50px; width: 44px; } div.broadcasts .document-warning-msg { padding: 30px 0 30px 0; } div.broadcasts .pointer { cursor: pointer; } div.broadcasts .document-rating-container { padding: 0px; } div.broadcasts .document-rating-container i { font-size: 20px; } div.broadcasts .vote-yes { color: #5cb85c; } div.broadcasts .vote-no { color: #d9534f; } div.broadcasts .dl-horizontal { margin-bottom: 0px; } div.broadcasts .dl-horizontal dt { width: 90px; } div.broadcasts .dl-horizontal dd { margin-left: 100px; } div.broadcasts .document-rating-container .tag { background-color: #5bc0de; padding: 0px 10px 0px 10px; border: 1px solid #3f98bf; border-radius: 30px 30px; color: #ffffff; text-transform: lowercase; display: inline-flex; margin-bottom: 2px; } div.broadcasts .document-rating-container .tag i { font-size: 12px; margin-left: 10px; padding-top: 2px; } div.broadcasts .new-document-button { position: absolute; right: 10px; } div.broadcasts .tags-container { padding: 4px; text-align: right; } div.broadcasts .total-files-container { padding: 5px 10px 5px 10px; font-size: 14px; text-align: left; padding: 5px; margin: 0px 10px 10px 10px; background-color: #2d353c; color: #fff; } div.broadcasts .search-container { padding: 5px 10px 5px 10px; } div.broadcasts .warning { color: #f59c1a; } div.broadcasts .danger { color: #e4423f; } .div.broadcasts .document-actionbutton-container { margin: auto; } div.broadcasts .action-button { display: inline-block; padding: 6px 12px 6px 35px; margin-bottom: 2px; font-size: 14px; font-weight: 200; text-align: left; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; width: 100px; background-color: #d9e0e7; } div.broadcasts .action-button i { font-size: 18px; left: 8px; position: absolute; } .broadcasts-chart { min-height:325px; max-height: 325px; } div.broadcasts .total-files.count-panel-header { background-color: #5691ac; } div.broadcasts .broadcasts-dashboard count-panel { padding: 5px; } div.broadcasts .total .fa, div.broadcasts .total, div.broadcasts .broadcasts-dashboard .count-panel-content { font-size: 14px; } div.broadcasts .total.count-panel-header { background-color: #5691ac; } div.broadcasts hr { margin: 20px; } div.broadcasts .dashboard-stats-panel { margin: 0px 10px 10px 10px; } div.broadcasts .broadcasts-folders-tab li { list-style:none; } div.broadcasts .chart-wrapper { visibility: visible !important; } div.broadcasts .broadcasts-chart-table th { background-color:#2d353c; color: #fff; } div.broadcasts .broadcasts-chart-table .data-row { background-color:#5691ac; color: #fff; } div.broadcasts .broadcasts-chart-table .data-row:hover { color: #000; } div.broadcasts .broadcasts-chart-table .drill-down-row { background-color:rgba(45, 53, 60, 0.11); } div.broadcasts .broadcasts-chart-table .drill-down-cell { padding-left: 50px; } div.broadcasts .image-thumb-wrapper { display: flex; width: 50px; height: 50px; border: 0; justify-content: center; align-items: center; overflow: hidden; } div.broadcasts .search-container { background-color: #fff; padding: 10px; border-radius: 10px; border: 2px solid #b8b8b8; } div.broadcasts .btn-Settings { color: #fff; background: #33383c; border-color: #33383c; display: inline; } /* .broadcasts-pdf { color:red; } .broadcasts-excel { color:green; } .broadcasts-dxf { color: purple; } .broadcasts-visio { color:#3C579B; } .broadcasts-zip { color:#E6712B; } .broadcasts-empty { color: #ffc7ad; font-size: 44px !important; border: 2px dashed #ffc7ad; padding: 1px; }*/ div.broadcasts .broadcasts-download-container { display: flex; justify-content: center; align-items: center; overflow: hidden; padding: 5px 0px 0px 0px; } div.broadcasts .broadcasts-download, div.broadcasts .broadcasts-download i { color: #5691ac; font-size: 12px; } div.broadcasts .broadcasts-download:hover, div.broadcasts .broadcasts-download i:hover, div.broadcasts .broadcasts-archive:hover, div.broadcasts .broadcasts-archive i:hover { text-decoration:none; } div.broadcasts .broadcasts-archive, div.broadcasts .broadcasts-archive i { color: red; font-size: 12px; } div.broadcasts .broadcasts-folder-tree .hideNode { display: none; } div.broadcasts .broadcasts-folder-tree .jstree-icon { color:#f59c1a; } div.broadcasts .broadcastsTypes-container, div.broadcasts .broadcasts-tags-container, div.broadcasts .broadcasts-projects-container, div.broadcasts .broadcasts-collection-container { padding-left: 30px; } div.broadcasts .broadcasts-customfilter-container { padding: 0px 10px; flex-flow: row; flex-direction: row; } div.broadcasts .broadcasts-customfilter-container .customFilter { padding: 5px 0px 5px 10px; background-color: #d9e0e7; margin: 5px 0px; color: #333; border: 1px solid #e9e9e9; } div.broadcasts .broadcasts-customfilter-container .customFilter:hover { background-color: #c0c0c0; border: 1px solid #333; cursor: pointer; } div.broadcasts .broadcasts-customfilter-container .customFilter button { margin: -2px 7px; border: 1px solid #333; } div.broadcasts .broadcasts-customfilter-container .customFilter button i { color: red; } div.broadcasts .broadcastsTypes-container .checkbox, div.broadcasts .broadcasts-tags-container .checkbox, div.broadcasts .broadcasts-projects-container .checkbox { padding-bottom: 5px; } div.broadcasts .broadcastsTypes-container .checkbox input, div.broadcasts .broadcasts-tags-container .checkbox input, div.broadcasts .broadcasts-projects-container .checkbox input { margin: 0px 0px 0px -20px; padding: 0px 0px 0px -20px; } div.broadcasts .broadcasts-collection-container .radio { padding: 3px 0px; } div.broadcasts .broadcasts-collection-container .radio input { margin-right: 10px; margin-top: 2px; } div.broadcasts .broadcasts-projects-container .fa { padding-left: 5px; } div.broadcasts .broadcasts-folder-tree .jstree-numbering , div.broadcasts .broadcasts-projects-container .jstree-numbering { padding: 0px 5px; color: #fff; background-color: #348fe2; margin-left: 10px; border-radius: 5px; } div.broadcasts .broadcasts-filters { padding:10px 0px 0px 0px; border-bottom: 10px solid #dae1e8; background-color: #37393c !important; } div.broadcasts .broadcasts-filters .fa-filter { margin:0px; } div.broadcasts .broadcasts-filters .filters-title { padding: 0px; margin: 0px 0px; border-bottom: 2px solid #000; } div.broadcasts .broadcasts-filters .filters-title h3 { color: #fff; } div.broadcasts .broadcasts-filters .filter-container { display: inline; font-size: 14px; } div.broadcasts .broadcasts-filters .filter-type { font-size:12px; color:#000; font-weight:bold; display: inline; padding: 10px 0px 0px 0px } div.broadcasts .broadcasts-filters .filters { display: inline-block; padding: 2px 5px 0px 0px; } div.broadcasts .broadcasts-bulkdownload, div.broadcasts .broadcasts-filters, div.broadcasts .broadcasts-dashboard { border-bottom: 10px solid #dae1e8; } div.broadcasts .broadcasts-addNew { flex: auto; display: grid; padding: 0px 0px 10px 0px; } div.broadcasts .broadcasts-addNew a { font-size: 20px; } div.broadcasts .btn-addNew { color: #fff; background: #33383c; border-color: #33383c; display: block; } div.broadcasts .attachment-edit, div.broadcasts .attachment-notify, div.broadcasts .attachment-request-update { background-color: #d9e0e7; max-height: 700px; overflow-y: scroll; } div.broadcasts .attachment-edit .attachment-content, div.broadcasts .attachment-notify .attachment-content, div.broadcasts .attachment-request-update .attachment-content { background-color: #fff; margin: 0px; } div.broadcasts .attachment-edit .attachment-lock { text-align: right; } div.broadcasts .attachment-edit .attachment-lock i { font-size: 30px; } div.broadcasts .attachment-edit hr, div.broadcasts .attachment-notify hr { border-top: 1px solid #000; } div.broadcasts .attachment-edit .split-btn { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } div.broadcasts .attachment-edit .attachment-supplementaryData { padding: 10px 0px; background-color: #e3e8ec; margin: 10px; box-shadow: deeppink; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); } .broadcasts-attachment-container { justify-content: center; align-items: center; display:block; background-color:#fff; padding:5px; margin-bottom: 10px; } .broadcasts-attachment-container .image-container { padding-bottom:10px; } .broadcasts-attachment-container .attachment-container { display: flex; justify-content: center; align-items: center; overflow: hidden; padding: 5px 0px 10px 0px; } .broadcasts-attachment-container .attachment-container i, .broadcasts-attachment-container .attachment-container .document-icon { font-size: 30px; width: 28px; } .broadcasts-attachment-container .attachment-button { text-align: center; padding: 0px 0px 10px 0px; } .broadcasts-attachment-container .broadcasts-attachment-display { width: 100%; border: 1px solid rgb(0, 0, 0); } .broadcasts-attachment-container .dropdown-menu { padding: 10px 0px; border: 1px solid grey; margin: -2px 0px 0px 0px; width: 180px; border-radius: 0px; background-color: #fff; } .broadcasts-attachment-container .dropdown-item { padding: 10px; display: block; } .broadcasts-attachment-container .dropdown-item:hover { text-decoration: none; background-color: whitesmoke; } .broadcasts-file-container { background-color: #fff; margin: 0px 0px 10px 0px; padding-top: 5px; } .broadcasts-form .ng-valid[required], .broadcasts-form .ng-valid.required { border-left: 5px solid #85ec64; /* green */ } .broadcasts-form .ng-invalid:not(form) { border-left: 5px solid #fab3b3; /* red */ } .broadcasts-form .progress { height: 5px; margin: 0px; } .broadcasts-form .shared-details-flag { text-align: center; padding: 10px; margin: 5px; } .broadcasts-form .file-details-table th { width: 90px; font-weight: bold; text-transform:capitalize; text-align: left; } .broadcasts-form .file-details-table tr { line-height:20px; } .broadcasts-form .file-details-table table { margin-bottom: 10px; } .broadcasts-form .tags-container { padding-top: 10px; } .broadcasts-notifications-container { border-bottom: 1px solid #c0c0c0; margin-bottom: 2px; padding: 5px 0px; } .broadcasts-notifications-container:hover { background-color: #f2f2f2; cursor: pointer; } .broadcasts-notification-icon-container { border: 0; justify-content: center; align-items: center; overflow: hidden; padding: 0px; margin: 0px; text-align: center; } .broadcasts-notification-details-container { padding: 0px; margin: 0px; } .broadcasts-notification-icon-container i, .broadcasts-notification-icon-container .document-icon { font-size: 30px !important; width: 28px; } .broadcasts-notification-download-container { border: 0; justify-content: center; align-items: center; overflow: hidden; padding: 0px; margin: 0px; text-align: center; } .broadcasts-notification-download-container i { font-size: 12px; } .broadcasts-notification-action-container { text-align: center; } div.broadcasts .broadcasts-buttons-container { text-align: right !important; display: grid; } div.broadcasts .broadcasts-button i { font-size: 14px; padding: 3px; } div.broadcasts .broadcasts-button { color: #5591ac; } div.broadcasts .broadcasts-button-blue:hover { color: blue; } div.broadcasts .broadcasts-button-black:hover { color: #000; } div.broadcasts .broadcasts-button-purple:hover { color: purple; } div.broadcasts .broadcasts-button-yellow:hover { color: #f59c1a; } div.broadcasts .broadcasts-button-green:hover { color: #27AE60; } div.broadcasts .broadcasts-button-orange:hover { color: orangered; } div.broadcasts .broadcasts-button:hover { text-decoration: none; } /*.attachment-request-update .broadcasts-date-note { font-size: 10px; color: #b1b1b1; }*/ div.broadcasts .broadcasts-bulkdownload .document-item { padding: 10px; border-bottom: 2px solid #eaeaea; } div.broadcasts .broadcasts-bulkdownload .document-item:hover { background-color: #FFF; cursor:auto; } div.broadcasts .broadcasts-bulkdownload .document-item .document-icon-container { display: flex; height: 35px; border: 0; justify-content: center; align-items: center; overflow: hidden; } div.broadcasts .broadcasts-bulkdownload .document-item .document-icon { font-size: 20px; width: 18px; } div.broadcasts .action-success { background-color: #f1fff0 !important; border: 2px solid #21b159; animation: pulse 0.2s 2; } div.broadcasts .action-fail { background-color: #fff0f0 !important; border: 2px solid #b12121; animation: pulse 0.2s 2; } div.broadcasts .broadcasts-archive-button { float:right; } div.broadcasts .broadcasts-archive-button a { background-color: #37393c !important; margin: 0px; color: #fff; border-radius: 5px; transition: all 0.5s; } div.broadcasts .broadcasts-archive-button a:hover { background-color: #ff5b57 !important; } /* Tags modal styles */ /* .tags-container .tag-list { max-height: 200px; overflow-y: auto; } .tags-container .tag-list > a.tag { display: block; text-decoration: none; cursor: pointer; color: #000; padding: 2px 0px 2px 2px; } .tags-container .tag-list > a.tag:hover { background-color: #e7e7e7 !important; } .tags-container .tag-list > a.tag[disabled] { color: #dfdfdf !important; } .tags-container > .tag, .tags-container .selected-tags > .tag { padding: 0px 5px 0px 4px; background-color: #2d8fe6; color: #fff; border-radius: 10px; margin: 0px 0px 2px 2px; display: inline-block; } .tags-container .selected-tags { border-top: 1px solid #e3e8ec; } .tags-container > .tag .delete, .tags-container .selected-tags > .tag .delete { color: red; } */ div.broadcasts .document-item .tag { padding: 0px 5px 0px 4px; background-color: #2d8fe6; color: #fff; border-radius: 10px; margin: 0px 0px 2px 2px; display: inline-block; } .file-warning { padding: 10px; font-size: small; margin-bottom: 10px; background-color: #ff5b57; color: #fff; } .leaseDates-container { margin: 10px 0px 20px 0px; border-bottom: 9px solid #4c5053 !important; border: 1px solid #4c5053; background-color: #4c5053; } /*.courses-dashboard { color:blue; } div.courses-dashboard > div:first-child { display: flex; align-items: stretch; padding: 10px 5px 10px 15px; justify-content: space-between; } div.courses-dashboard > div > div:first-child { width: 40%; } div.courses-dashboard tr.expired-request { background-color: #fff0f0; } */ div.courses-dashboard .nav-tabs > li > a { margin-left: 0px; } div.courses-dashboard .nav > li > a { padding: 5px 6px; } div.courses-dashboard > div:first-child { width: 30%; display: flex; align-items: stretch; padding: 10px 5px 10px 15px; } div.courses-dashboard > div:first-child > div { width: 100%; overflow-y: auto; padding: 5px; } div.courses-dashboard > div:last-child { width: 70%; display: table-row; align-items: stretch; overflow-x: hidden; overflow-y: auto; background-color: white; margin-top: 15px; } div.courses-dashboard > div:last-child > div { background-color: white; overflow-x: visible; overflow-y: visible; padding: 10px; } div.courses-dashboard h3 { margin-top: 10px; margin-bottom: 10px; } div.courses-dashboard .tab-content { height: calc(100% - 40px); width: 100%; } div.courses-dashboard .flex-content .tab-content > .tab-pane.active { display: flex; flex-direction: column; height: 100%; } div.courses-dashboard .nav-tabs { background-color: transparent; } div.courses-dashboard .nav-tabs > li { text-align: center; } div.courses-dashboard .nav-item:not(.active) > a { background-color: #d9d9d9; } div.courses-dashboard .schedules-list { overflow-y: auto; flex-grow: 1; } div.courses-dashboard .schedules-list .schedule-item { border: solid 1px #ddd; border-radius: 4px; padding: 10px; margin-bottom: 2px; display: flex; } div.courses-dashboard .schedules-list .schedule-item:hover { background-color: #f2f2f2; } div.courses-dashboard .schedules-list .schedule-item > i { align-self: center; } div.courses-dashboard .schedules-list .schedule-item > div:nth-child(2) { flex-grow: 1; } div.courses-dashboard .schedules-list .schedule-item h5 { display: inline; } div.courses-dashboard button.new-schedule-button { position: absolute; top: 10px; right: 5px; } div.courses-dashboard .fc-event, div.courses-dashboard .fc-event-dot { background-color: #eaeaea; } div.courses-dashboard .fc-event { border: 1px solid #b1b1b1; border-left: 5px solid #b1b1b1; color: #000; cursor: pointer; } div.courses-dashboard .fc-event.late { border-left-color: #f00; } div.courses-dashboard .fc-event.due { border-left-color: #f59c1a; } div.courses-dashboard .fc-event.abnormal { border-left-color: #000; } div.courses-dashboard .fc-event.complete { border-left-color: #5cb85c; } div.courses-dashboard .fc-event:hover { background-color: #f4f3f3; } div.courses-dashboard .document-container { padding: 5px; } div.courses-dashboard .document-item-archived, div.courses-dashboard .document-item-archived:hover { background-color: #fbe5e5 !important; } div.courses-dashboard .document-item-checkedout, div.courses-dashboard .document-item-checkedout:hover { background-color: #fff6d1 !important; } div.courses-dashboard .document-item { padding: 10px; border-bottom: 2px solid #eaeaea; transition: all 0.2s; } div.courses-dashboard .document-item:hover { background-color: #f2f2f2; cursor: pointer; } div.courses-dashboard .document-item .document-icon-container { display: flex; height: 50px; border: 0; justify-content: center; align-items: center; overflow: hidden; margin: auto; } div.courses-dashboard .document-item .document-icon { font-size: 50px; width: 44px; } div.courses-dashboard .document-warning-msg { padding: 30px 0 30px 0; } div.courses-dashboard .pointer { cursor: pointer; } div.courses-dashboard .document-rating-container { padding: 0px; } div.courses-dashboard .document-rating-container i { font-size: 20px; } div.courses-dashboard .vote-yes { color: #5cb85c; } div.courses-dashboard .vote-no { color: #d9534f; } div.courses-dashboard .dl-horizontal { margin-bottom: 0px; } div.courses-dashboard .dl-horizontal dt { width: 90px; } div.courses-dashboard .dl-horizontal dd { margin-left: 100px; } div.courses-dashboard .document-rating-container .tag { background-color: #5bc0de; padding: 0px 10px 0px 10px; border: 1px solid #3f98bf; border-radius: 30px 30px; color: #ffffff; text-transform: lowercase; display: inline-flex; margin-bottom: 2px; } div.courses-dashboard .document-rating-container .tag i { font-size: 12px; margin-left: 10px; padding-top: 2px; } div.courses-dashboard .new-document-button { position: absolute; right: 10px; } div.courses-dashboard .tags-container { padding: 4px; text-align: right; } div.courses-dashboard .total-files-container { padding: 5px 10px 5px 10px; font-size: 14px; text-align: left; padding: 5px; margin: 0px 10px 10px 10px; background-color: #2d353c; color: #fff; } div.courses-dashboard .search-container { padding: 5px 10px 5px 10px; } div.courses-dashboard .warning { color: #f59c1a; } div.courses-dashboard .danger { color: #e4423f; } .div.courses-dashboard .document-actionbutton-container { margin: auto; } div.courses-dashboard .action-button { display: inline-block; padding: 6px 12px 6px 35px; margin-bottom: 2px; font-size: 14px; font-weight: 200; text-align: left; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; width: 100px; background-color: #d9e0e7; } div.courses-dashboard .action-button i { font-size: 18px; left: 8px; position: absolute; } .courses-dashboard-chart { min-height: 325px; max-height: 325px; } div.courses-dashboard .total-files.count-panel-header { background-color: #5691ac; } div.courses-dashboard .courses-dashboard-dashboard count-panel { padding: 5px; } div.courses-dashboard .total .fa, div.courses-dashboard .total, div.courses-dashboard .courses-dashboard-dashboard .count-panel-content { font-size: 14px; } div.courses-dashboard .total.count-panel-header { background-color: #5691ac; } div.courses-dashboard hr { margin: 20px; } div.courses-dashboard .dashboard-stats-panel { margin: 0px 10px 10px 10px; } div.courses-dashboard .courses-dashboard-folders-tab li { list-style: none; } div.courses-dashboard .chart-wrapper { visibility: visible !important; } div.courses-dashboard .courses-dashboard-chart-table th { background-color: #2d353c; color: #fff; } div.courses-dashboard .courses-dashboard-chart-table .data-row { background-color: #5691ac; color: #fff; } div.courses-dashboard .courses-dashboard-chart-table .data-row:hover { color: #000; } div.courses-dashboard .courses-dashboard-chart-table .drill-down-row { background-color: rgba(45, 53, 60, 0.11); } div.courses-dashboard .courses-dashboard-chart-table .drill-down-cell { padding-left: 50px; } div.courses-dashboard .image-thumb-wrapper { display: flex; width: 50px; height: 50px; border: 0; justify-content: center; align-items: center; overflow: hidden; } div.courses-dashboard .search-container { background-color: #fff; padding: 10px; border-radius: 10px; border: 2px solid #b8b8b8; } div.courses-dashboard .btn-Settings { color: #fff; background: #33383c; border-color: #33383c; display: inline; } /* .courses-dashboard-pdf { color:red; } .courses-dashboard-excel { color:green; } .courses-dashboard-dxf { color: purple; } .courses-dashboard-visio { color:#3C579B; } .courses-dashboard-zip { color:#E6712B; } .courses-dashboard-empty { color: #ffc7ad; font-size: 44px !important; border: 2px dashed #ffc7ad; padding: 1px; }*/ div.courses-dashboard .courses-dashboard-download-container { display: flex; justify-content: center; align-items: center; overflow: hidden; padding: 5px 0px 0px 0px; } div.courses-dashboard .courses-dashboard-download, div.courses-dashboard .courses-dashboard-download i { color: #5691ac; font-size: 12px; } div.courses-dashboard .courses-dashboard-download:hover, div.courses-dashboard .courses-dashboard-download i:hover, div.courses-dashboard .courses-dashboard-archive:hover, div.courses-dashboard .courses-dashboard-archive i:hover { text-decoration: none; } div.courses-dashboard .courses-dashboard-archive, div.courses-dashboard .courses-dashboard-archive i { color: red; font-size: 12px; } div.courses-dashboard .courses-dashboard-folder-tree .hideNode { display: none; } div.courses-dashboard .courses-dashboard-folder-tree .jstree-icon { color: #f59c1a; } div.courses-dashboard .courses-dashboardTypes-container, div.courses-dashboard .courses-dashboard-tags-container, div.courses-dashboard .courses-dashboard-projects-container, div.courses-dashboard .courses-dashboard-collection-container { padding-left: 30px; } div.courses-dashboard .courses-dashboard-customfilter-container { padding: 0px 10px; flex-flow: row; flex-direction: row; } div.courses-dashboard .courses-dashboard-customfilter-container .customFilter { padding: 5px 0px 5px 10px; background-color: #d9e0e7; margin: 5px 0px; color: #333; border: 1px solid #e9e9e9; } div.courses-dashboard .courses-dashboard-customfilter-container .customFilter:hover { background-color: #c0c0c0; border: 1px solid #333; cursor: pointer; } div.courses-dashboard .courses-dashboard-customfilter-container .customFilter button { margin: -2px 7px; border: 1px solid #333; } div.courses-dashboard .courses-dashboard-customfilter-container .customFilter button i { color: red; } div.courses-dashboard .courses-dashboardTypes-container .checkbox, div.courses-dashboard .courses-dashboard-tags-container .checkbox, div.courses-dashboard .courses-dashboard-projects-container .checkbox { padding-bottom: 5px; } div.courses-dashboard .courses-dashboardTypes-container .checkbox input, div.courses-dashboard .courses-dashboard-tags-container .checkbox input, div.courses-dashboard .courses-dashboard-projects-container .checkbox input { margin: 0px 0px 0px -20px; padding: 0px 0px 0px -20px; } div.courses-dashboard .courses-dashboard-collection-container .radio { padding: 3px 0px; } div.courses-dashboard .courses-dashboard-collection-container .radio input { margin-right: 10px; margin-top: 2px; } div.courses-dashboard .courses-dashboard-projects-container .fa { padding-left: 5px; } div.courses-dashboard .courses-dashboard-folder-tree .jstree-numbering, div.courses-dashboard .courses-dashboard-projects-container .jstree-numbering { padding: 0px 5px; color: #fff; background-color: #348fe2; margin-left: 10px; border-radius: 5px; } div.courses-dashboard .courses-dashboard-filters { padding: 10px 0px 0px 0px; border-bottom: 10px solid #dae1e8; background-color: #37393c !important; } div.courses-dashboard .courses-dashboard-filters .fa-filter { margin: 0px; } div.courses-dashboard .courses-dashboard-filters .filters-title { padding: 0px; margin: 0px 0px; border-bottom: 2px solid #000; } div.courses-dashboard .courses-dashboard-filters .filters-title h3 { color: #fff; } div.courses-dashboard .courses-dashboard-filters .filter-container { display: inline; font-size: 14px; } div.courses-dashboard .courses-dashboard-filters .filter-type { font-size: 12px; color: #000; font-weight: bold; display: inline; padding: 10px 0px 0px 0px } div.courses-dashboard .courses-dashboard-filters .filters { display: inline-block; padding: 2px 5px 0px 0px; } div.courses-dashboard .courses-dashboard-bulkdownload, div.courses-dashboard .courses-dashboard-filters, div.courses-dashboard .courses-dashboard-dashboard { border-bottom: 10px solid #dae1e8; } div.courses-dashboard .courses-dashboard-addNew { flex: auto; display: grid; padding: 0px 0px 10px 0px; } div.courses-dashboard .courses-dashboard-addNew a { font-size: 20px; } div.courses-dashboard .btn-addNew { color: #fff; background: #33383c; border-color: #33383c; display: block; } div.courses-dashboard .attachment-edit, div.courses-dashboard .attachment-notify, div.courses-dashboard .attachment-request-update { background-color: #d9e0e7; max-height: 700px; overflow-y: scroll; } div.courses-dashboard .attachment-edit .attachment-content, div.courses-dashboard .attachment-notify .attachment-content, div.courses-dashboard .attachment-request-update .attachment-content { background-color: #fff; margin: 0px; } div.courses-dashboard .attachment-edit .attachment-lock { text-align: right; } div.courses-dashboard .attachment-edit .attachment-lock i { font-size: 30px; } div.courses-dashboard .attachment-edit hr, div.courses-dashboard .attachment-notify hr { border-top: 1px solid #000; } div.courses-dashboard .attachment-edit .split-btn { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } div.courses-dashboard .attachment-edit .attachment-supplementaryData { padding: 10px 0px; background-color: #e3e8ec; margin: 10px; box-shadow: deeppink; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); } .courses-dashboard-attachment-container { justify-content: center; align-items: center; display: block; background-color: #fff; padding: 5px; margin-bottom: 10px; } .courses-dashboard-attachment-container .image-container { padding-bottom: 10px; } .courses-dashboard-attachment-container .attachment-container { display: flex; justify-content: center; align-items: center; overflow: hidden; padding: 5px 0px 10px 0px; } .courses-dashboard-attachment-container .attachment-container i, .courses-dashboard-attachment-container .attachment-container .document-icon { font-size: 30px; width: 28px; } .courses-dashboard-attachment-container .attachment-button { text-align: center; padding: 0px 0px 10px 0px; } .courses-dashboard-attachment-container .courses-dashboard-attachment-display { width: 100%; border: 1px solid rgb(0, 0, 0); } .courses-dashboard-attachment-container .dropdown-menu { padding: 10px 0px; border: 1px solid grey; margin: -2px 0px 0px 0px; width: 180px; border-radius: 0px; background-color: #fff; } .courses-dashboard-attachment-container .dropdown-item { padding: 10px; display: block; } .courses-dashboard-attachment-container .dropdown-item:hover { text-decoration: none; background-color: whitesmoke; } .courses-dashboard-file-container { background-color: #fff; margin: 0px 0px 10px 0px; padding-top: 5px; } .courses-dashboard-form .ng-valid[required], .courses-dashboard-form .ng-valid.required { border-left: 5px solid #85ec64; /* green */ } .courses-dashboard-form .ng-invalid:not(form) { border-left: 5px solid #fab3b3; /* red */ } .courses-dashboard-form .progress { height: 5px; margin: 0px; } .courses-dashboard-form .shared-details-flag { text-align: center; padding: 10px; margin: 5px; } .courses-dashboard-form .file-details-table th { width: 90px; font-weight: bold; text-transform: capitalize; text-align: left; } .courses-dashboard-form .file-details-table tr { line-height: 20px; } .courses-dashboard-form .file-details-table table { margin-bottom: 10px; } .courses-dashboard-form .tags-container { padding-top: 10px; } .courses-dashboard-notifications-container { border-bottom: 1px solid #c0c0c0; margin-bottom: 2px; padding: 5px 0px; } .courses-dashboard-notifications-container:hover { background-color: #f2f2f2; cursor: pointer; } .courses-dashboard-notification-icon-container { border: 0; justify-content: center; align-items: center; overflow: hidden; padding: 0px; margin: 0px; text-align: center; } .courses-dashboard-notification-details-container { padding: 0px; margin: 0px; } .courses-dashboard-notification-icon-container i, .courses-dashboard-notification-icon-container .document-icon { font-size: 30px !important; width: 28px; } .courses-dashboard-notification-download-container { border: 0; justify-content: center; align-items: center; overflow: hidden; padding: 0px; margin: 0px; text-align: center; } .courses-dashboard-notification-download-container i { font-size: 12px; } .courses-dashboard-notification-action-container { text-align: center; } div.courses-dashboard .courses-dashboard-buttons-container { text-align: right !important; display: grid; } div.courses-dashboard .courses-dashboard-button i { font-size: 14px; padding: 3px; } div.courses-dashboard .courses-dashboard-button { color: #5591ac; } div.courses-dashboard .courses-dashboard-button-blue:hover { color: blue; } div.courses-dashboard .courses-dashboard-button-black:hover { color: #000; } div.courses-dashboard .courses-dashboard-button-purple:hover { color: purple; } div.courses-dashboard .courses-dashboard-button-yellow:hover { color: #f59c1a; } div.courses-dashboard .courses-dashboard-button-green:hover { color: #27AE60; } div.courses-dashboard .courses-dashboard-button-orange:hover { color: orangered; } div.courses-dashboard .courses-dashboard-button:hover { text-decoration: none; } /*.attachment-request-update .courses-dashboard-date-note { font-size: 10px; color: #b1b1b1; }*/ div.courses-dashboard .courses-dashboard-bulkdownload .document-item { padding: 10px; border-bottom: 2px solid #eaeaea; } div.courses-dashboard .courses-dashboard-bulkdownload .document-item:hover { background-color: #FFF; cursor: auto; } div.courses-dashboard .courses-dashboard-bulkdownload .document-item .document-icon-container { display: flex; height: 35px; border: 0; justify-content: center; align-items: center; overflow: hidden; } div.courses-dashboard .courses-dashboard-bulkdownload .document-item .document-icon { font-size: 20px; width: 18px; } div.courses-dashboard .action-success { background-color: #f1fff0 !important; border: 2px solid #21b159; animation: pulse 0.2s 2; } div.courses-dashboard .action-fail { background-color: #fff0f0 !important; border: 2px solid #b12121; animation: pulse 0.2s 2; } div.courses-dashboard .courses-dashboard-archive-button { float: right; } div.courses-dashboard .courses-dashboard-archive-button a { background-color: #37393c !important; margin: 0px; color: #fff; border-radius: 5px; transition: all 0.5s; } div.courses-dashboard .courses-dashboard-archive-button a:hover { background-color: #ff5b57 !important; } /* Tags modal styles */ /* .tags-container .tag-list { max-height: 200px; overflow-y: auto; } .tags-container .tag-list > a.tag { display: block; text-decoration: none; cursor: pointer; color: #000; padding: 2px 0px 2px 2px; } .tags-container .tag-list > a.tag:hover { background-color: #e7e7e7 !important; } .tags-container .tag-list > a.tag[disabled] { color: #dfdfdf !important; } .tags-container > .tag, .tags-container .selected-tags > .tag { padding: 0px 5px 0px 4px; background-color: #2d8fe6; color: #fff; border-radius: 10px; margin: 0px 0px 2px 2px; display: inline-block; } .tags-container .selected-tags { border-top: 1px solid #e3e8ec; } .tags-container > .tag .delete, .tags-container .selected-tags > .tag .delete { color: red; } */ div.courses-dashboard .document-item .tag { padding: 0px 5px 0px 4px; background-color: #2d8fe6; color: #fff; border-radius: 10px; margin: 0px 0px 2px 2px; display: inline-block; } .file-warning { padding: 10px; font-size: small; margin-bottom: 10px; background-color: #ff5b57; color: #fff; } .leaseDates-container { margin: 10px 0px 20px 0px; border-bottom: 9px solid #4c5053 !important; border: 1px solid #4c5053; background-color: #4c5053; } .stats .tab-content .tab-pane { height: 200px; max-height: 200px; overflow: auto; } div.modules .nav-tabs > li > a { margin-left: 0px; } div.modules .nav > li > a { padding: 5px 6px; } div.modules > div:first-child { width: 30%; display:flex; align-items: stretch; padding: 10px 5px 10px 15px; } div.modules > div:first-child > div { width: 100%; overflow-y: auto; padding: 5px; } div.modules > div:last-child { width: 70%; display:table-row; align-items: stretch; overflow-x:hidden; overflow-y: auto; background-color:white; margin-top: 15px; } div.modules > div:last-child > div { background-color: white; overflow-x: visible; overflow-y: visible; padding: 10px; } div.modules h3 { margin-top: 10px; margin-bottom: 10px; } div.modules .tab-content { height: calc(100% - 40px); width: 100%; } div.modules .flex-content .tab-content>.tab-pane.active { display: flex; flex-direction: column; height: 100%; } div.modules .nav-tabs { background-color: transparent; } div.modules .nav-tabs > li { text-align: center; } div.modules .nav-item:not(.active)>a { background-color: #d9d9d9; } div.modules .schedules-list { overflow-y: auto; flex-grow: 1; } div.modules .schedules-list .schedule-item { border: solid 1px #ddd; border-radius: 4px; padding: 10px; margin-bottom: 2px; display: flex; } div.modules .schedules-list .schedule-item:hover { background-color: #f2f2f2; } div.modules .schedules-list .schedule-item>i { align-self: center; } div.modules .schedules-list .schedule-item > div:nth-child(2) { flex-grow: 1; } div.modules .schedules-list .schedule-item h5 { display: inline; } div.modules button.new-schedule-button { position: absolute; top: 10px; right: 5px; } div.modules .fc-event, div.modules .fc-event-dot { background-color: #eaeaea; } div.modules .fc-event { border: 1px solid #b1b1b1; border-left: 5px solid #b1b1b1; color: #000; cursor: pointer; } div.modules .fc-event.late { border-left-color: #f00; } div.modules .fc-event.due { border-left-color: #f59c1a; } div.modules .fc-event.abnormal { border-left-color: #000; } div.modules .fc-event.complete { border-left-color: #5cb85c; } div.modules .fc-event:hover { background-color: #f4f3f3; } div.modules .document-container { padding: 5px; } div.modules .document-item-archived, div.modules .document-item-archived:hover { background-color: #fbe5e5 !important; } div.modules .document-item-checkedout, div.modules .document-item-checkedout:hover { background-color: #fff6d1 !important; } div.modules .document-item { padding: 10px; border-bottom: 2px solid #eaeaea; transition: all 0.2s; } div.modules .document-item:hover { background-color: #f2f2f2; cursor:pointer; } div.modules .document-item .document-icon-container { display: flex; height: 50px; border: 0; justify-content: center; align-items: center; overflow: hidden; margin: auto; } div.modules .document-item .document-icon { font-size: 50px; width: 44px; } div.modules .document-warning-msg { padding: 30px 0 30px 0; } div.modules .pointer { cursor: pointer; } div.modules .document-rating-container { padding: 0px; } div.modules .document-rating-container i { font-size: 20px; } div.modules .vote-yes { color: #5cb85c; } div.modules .vote-no { color: #d9534f; } div.modules .dl-horizontal { margin-bottom: 0px; } div.modules .dl-horizontal dt { width: 90px; } div.modules .dl-horizontal dd { margin-left: 100px; } div.modules .document-rating-container .tag { background-color: #5bc0de; padding: 0px 10px 0px 10px; border: 1px solid #3f98bf; border-radius: 30px 30px; color: #ffffff; text-transform: lowercase; display: inline-flex; margin-bottom: 2px; } div.modules .document-rating-container .tag i { font-size: 12px; margin-left: 10px; padding-top: 2px; } div.modules .new-document-button { position: absolute; right: 10px; } div.modules .tags-container { padding: 4px; text-align: right; } div.modules .total-files-container { padding: 5px 10px 5px 10px; font-size: 14px; text-align: left; padding: 5px; margin: 0px 10px 10px 10px; background-color: #2d353c; color: #fff; } div.modules .search-container { padding: 5px 10px 5px 10px; } div.modules .warning { color: #f59c1a; } .div.modules .document-actionbutton-container { margin: auto; } div.modules .action-button { display: inline-block; padding: 6px 12px 6px 35px; margin-bottom: 2px; font-size: 14px; font-weight: 200; text-align: left; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; width: 100px; background-color: #d9e0e7; } div.modules .action-button i { font-size: 18px; left: 8px; position: absolute; } .modules-chart { min-height:325px; max-height: 325px; } div.modules .total-files.count-panel-header { background-color: #5691ac; } div.modules .modules-dashboard count-panel { padding: 5px; } div.modules .total .fa, div.modules .total, div.modules .modules-dashboard .count-panel-content { font-size: 14px; } div.modules .total.count-panel-header { background-color: #5691ac; } div.modules hr { margin: 20px; } div.modules .dashboard-stats-panel { margin: 0px 10px 10px 10px; } div.modules .modules-folders-tab li { list-style:none; } div.modules .chart-wrapper { visibility: visible !important; } div.modules .modules-chart-table th { background-color:#2d353c; color: #fff; } div.modules .modules-chart-table .data-row { background-color:#5691ac; color: #fff; } div.modules .modules-chart-table .data-row:hover { color: #000; } div.modules .modules-chart-table .drill-down-row { background-color:rgba(45, 53, 60, 0.11); } div.modules .modules-chart-table .drill-down-cell { padding-left: 50px; } div.modules .image-thumb-wrapper { display: flex; width: 50px; height: 50px; border: 0; justify-content: center; align-items: center; overflow: hidden; } div.modules .search-container { background-color: #fff; padding: 10px; border-radius: 10px; border: 2px solid #b8b8b8; } div.modules .btn-Settings { color: #fff; background: #33383c; border-color: #33383c; display: inline; } div.modules .modules-download-container { display: flex; justify-content: center; align-items: center; overflow: hidden; padding: 5px 0px 0px 0px; } div.modules .modules-download, div.modules .modules-download i { color: #5691ac; font-size: 12px; } div.modules .modules-download:hover, div.modules .modules-download i:hover, div.modules .modules-archive:hover, div.modules .modules-archive i:hover { text-decoration:none; } div.modules .modules-archive, div.modules .modules-archive i { color: red; font-size: 12px; } div.modules .modules-folder-tree .hideNode { display: none; } div.modules .modules-folder-tree .jstree-icon { color:#f59c1a; } div.modules .modulesTypes-container, div.modules .modules-tags-container, div.modules .modules-projects-container, div.modules .modules-collection-container { padding-left: 30px; } div.modules .modules-customfilter-container { padding: 0px 10px; flex-flow: row; flex-direction: row; } div.modules .modules-customfilter-container .customFilter { padding: 5px 0px 5px 10px; background-color: #d9e0e7; margin: 5px 0px; color: #333; border: 1px solid #e9e9e9; } div.modules .modules-customfilter-container .customFilter:hover { background-color: #c0c0c0; border: 1px solid #333; cursor: pointer; } div.modules .modules-customfilter-container .customFilter button { margin: -2px 7px; border: 1px solid #333; } div.modules .modules-customfilter-container .customFilter button i { color: red; } div.modules .modulesTypes-container .checkbox, div.modules .modules-tags-container .checkbox, div.modules .modules-projects-container .checkbox { padding-bottom: 5px; } div.modules .modulesTypes-container .checkbox input, div.modules .modules-tags-container .checkbox input, div.modules .modules-projects-container .checkbox input { margin: 0px 0px 0px -20px; padding: 0px 0px 0px -20px; } div.modules .modules-collection-container .radio { padding: 3px 0px; } div.modules .modules-collection-container .radio input { margin-right: 10px; margin-top: 2px; } div.modules .modules-projects-container .fa { padding-left: 5px; } div.modules .modules-folder-tree .jstree-numbering , div.modules .modules-projects-container .jstree-numbering { padding: 0px 5px; color: #fff; background-color: #348fe2; margin-left: 10px; border-radius: 5px; } div.modules .modules-filters { padding:10px 0px 0px 0px; border-bottom: 10px solid #dae1e8; background-color: #37393c !important; } div.modules .modules-filters .fa-filter { margin:0px; } div.modules .modules-filters .filters-title { padding: 0px; margin: 0px 0px; border-bottom: 2px solid #000; } div.modules .modules-filters .filters-title h3 { color: #fff; } div.modules .modules-filters .filter-container { display: inline; font-size: 14px; } div.modules .modules-filters .filter-type { font-size:12px; color:#000; font-weight:bold; display: inline; padding: 10px 0px 0px 0px } div.modules .modules-filters .filters { display: inline-block; padding: 2px 5px 0px 0px; } div.modules .modules-bulkdownload, div.modules .modules-filters, div.modules .modules-dashboard { border-bottom: 10px solid #dae1e8; } div.modules .modules-addNew { flex: auto; display: grid; padding: 0px 0px 10px 0px; } div.modules .modules-addNew a { font-size: 20px; } div.modules .btn-addNew { color: #fff; background: #33383c; border-color: #33383c; display: block; } div.modules .attachment-edit, div.modules .attachment-notify, div.modules .attachment-request-update { background-color: #d9e0e7; max-height: 700px; overflow-y: scroll; } div.modules .attachment-edit .attachment-content, div.modules .attachment-notify .attachment-content, div.modules .attachment-request-update .attachment-content { background-color: #fff; margin: 0px; } div.modules .attachment-edit .attachment-lock { text-align: right; } div.modules .attachment-edit .attachment-lock i { font-size: 30px; } div.modules .attachment-edit hr, div.modules .attachment-notify hr { border-top: 1px solid #000; } div.modules .attachment-edit .split-btn { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } div.modules .attachment-edit .attachment-supplementaryData { padding: 10px 0px; background-color: #e3e8ec; margin: 10px; box-shadow: deeppink; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); } .modules-attachment-container { justify-content: center; align-items: center; display:block; background-color:#fff; padding:5px; margin-bottom: 10px; } .modules-attachment-container .image-container { padding-bottom:10px; } .modules-attachment-container .attachment-container { display: flex; justify-content: center; align-items: center; overflow: hidden; padding: 5px 0px 10px 0px; } .modules-attachment-container .attachment-container i, .modules-attachment-container .attachment-container .document-icon { font-size: 30px; width: 28px; } .modules-attachment-container .attachment-button { text-align: center; padding: 0px 0px 10px 0px; } .modules-attachment-container .modules-attachment-display { width: 100%; border: 1px solid rgb(0, 0, 0); } .modules-attachment-container .dropdown-menu { padding: 10px 0px; border: 1px solid grey; margin: -2px 0px 0px 0px; width: 180px; border-radius: 0px; background-color: #fff; } .modules-attachment-container .dropdown-item { padding: 10px; display: block; } .modules-attachment-container .dropdown-item:hover { text-decoration: none; background-color: whitesmoke; } .modules-file-container { background-color: #fff; margin: 0px 0px 10px 0px; padding-top: 5px; } .modules-form .ng-valid[required], .modules-form .ng-valid.required { border-left: 5px solid #85ec64; /* green */ } .modules-form .ng-invalid:not(form) { border-left: 5px solid #fab3b3; /* red */ } .modules-form .progress { height: 5px; margin: 0px; } .modules-form .shared-details-flag { text-align: center; padding: 10px; margin: 5px; } .modules-form .file-details-table th { width: 90px; font-weight: bold; text-transform:capitalize; text-align: left; } .modules-form .file-details-table tr { line-height:20px; } .modules-form .file-details-table table { margin-bottom: 10px; } .modules-form .tags-container { padding-top: 10px; } .modules-notifications-container { border-bottom: 1px solid #c0c0c0; margin-bottom: 2px; padding: 5px 0px; } .modules-notifications-container:hover { background-color: #f2f2f2; cursor: pointer; } .modules-notification-icon-container { border: 0; justify-content: center; align-items: center; overflow: hidden; padding: 0px; margin: 0px; text-align: center; } .modules-notification-details-container { padding: 0px; margin: 0px; } .modules-notification-icon-container i, .modules-notification-icon-container .document-icon { font-size: 30px !important; width: 28px; } .modules-notification-download-container { border: 0; justify-content: center; align-items: center; overflow: hidden; padding: 0px; margin: 0px; text-align: center; } .modules-notification-download-container i { font-size: 12px; } .modules-notification-action-container { text-align: center; } div.modules .modules-buttons-container { text-align: right !important; display: grid; } div.modules .modules-button i { font-size: 14px; padding: 3px; } div.modules .modules-button { color: #5591ac; } div.modules .modules-button-blue:hover { color: blue; } div.modules .modules-button-black:hover { color: #000; } div.modules .modules-button-purple:hover { color: purple; } div.modules .modules-button-yellow:hover { color: #f59c1a; } div.modules .modules-button-green:hover { color: #27AE60; } div.modules .modules-button-orange:hover { color: orangered; } div.modules .modules-button:hover { text-decoration: none; } div.modules .modules-bulkdownload .document-item { padding: 10px; border-bottom: 2px solid #eaeaea; } div.modules .modules-bulkdownload .document-item:hover { background-color: #FFF; cursor:auto; } div.modules .modules-bulkdownload .document-item .document-icon-container { display: flex; height: 35px; border: 0; justify-content: center; align-items: center; overflow: hidden; } div.modules .modules-bulkdownload .document-item .document-icon { font-size: 20px; width: 18px; } div.modules .action-success { background-color: #f1fff0 !important; border: 2px solid #21b159; animation: pulse 0.2s 2; } div.modules .action-fail { background-color: #fff0f0 !important; border: 2px solid #b12121; animation: pulse 0.2s 2; } div.modules .modules-archive-button { float:right; } div.modules .modules-archive-button a { background-color: #37393c !important; margin: 0px; color: #fff; border-radius: 5px; transition: all 0.5s; } div.modules .modules-archive-button a:hover { background-color: #ff5b57 !important; } div.modules .dropdown-menu { padding: 10px 0px; border: 1px solid grey; margin: -2px 0px 0px 0px; width: 180px; border-radius: 0px; background-color: #fff; } div.modules .dropdown-item { padding: 10px; display: block; } div.modules .dropdown-item:hover { text-decoration: none; background-color: whitesmoke; } div.modules .library-buttons-container { text-align: right !important; display: grid; } div.modules .library-button i { font-size: 14px; padding: 3px; } div.modules .library-button { color: #5591ac; } div.modules .document-item .tag { padding: 0px 5px 0px 4px; background-color: #2d8fe6; color: #fff; border-radius: 10px; margin: 0px 0px 2px 2px; display: inline-block; } .file-warning { padding: 10px; font-size: small; margin-bottom: 10px; background-color: #ff5b57; color: #fff; } .leaseDates-container { margin: 10px 0px 20px 0px; border-bottom: 9px solid #4c5053 !important; border: 1px solid #4c5053; background-color: #4c5053; } .quizError { border: 2px solid red; background-color: #fab3b3; } .my-dashboard { background-color:#102331; padding:30px; } .my-dashboard .dashboard-col-horizontal-collapse { height:600px; } .my-dashboard .gauge-panel { /*margin-bottom:50px;*/ position:relative; background: transparent; /*box-shadow:rgb(20, 55, 86) 0px 0px 0px 1px inset;*/ border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } .my-dashboard .gauge-panel.panel-expand { position:fixed; overflow:visible; } .my-dashboard .gauge-panel.panel-expand .panel-heading { background-color:#102331; } .my-dashboard .gauge-panel:hover { /*border: 1px solid rgb(0, 139, 243);*/ /*box-shadow:rgb(0, 139, 243) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.15) 0px 0px 5px 3px;*/ } .my-dashboard .gauge-panel .panel-heading .panel-title { /*font-weight:bold;*/ color:#fff; font-size:20px; } .my-dashboard .gauge-panel .gauge-headline { margin-bottom: 5px; text-align:center; } .my-dashboard .gauge-panel .gauge-headline-title { color: rgb(234, 245, 252); font-size:50px; /*line-height:60px;*/ /*font-weight:300;*/ } .my-dashboard .gauge-panel .gauge-headline-diff { font-size: 10px; } .my-dashboard .gauge-panel .gauge-headline-subtitle { color: rgb(234, 245, 252); font-size: 14px; } .my-dashboard .gauge-panel .gauge-headline-diff.red { color: rgb(255, 76, 76); } .my-dashboard .gauge-panel .gauge-headline-diff.green { color: rgb(0, 173, 57); } .my-dashboard .gauge-panel .panel-body { background: rgb(14, 46, 67); } .my-dashboard .gauge-panel .panel-heading { background: transparent; /*background: rgb(20, 55, 86);*/ /*position:absolute;*/ height:36px; bottom:-36px; padding-top:8px; left:0; right:0; z-index:1; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .my-dashboard .gauge-panel .panel-heading .panel-heading-btn, .my-dashboard .gauge-panel .gauge-refresh { opacity:0; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } /*.my-dashboard .gauge-panel:hover .panel-heading { background: rgb(0, 139, 243); height:40px; bottom:-40px; padding-top:10px; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }*/ .my-dashboard .gauge-panel:hover .panel-heading .panel-heading-btn, .my-dashboard .gauge-panel:hover .gauge-refresh { opacity:1; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .my-dashboard .gauge-panel a.dropdown-toggle { cursor: pointer; } .my-dashboard .gauge-panel.panel-expand .gauge-content { height: 100%; } .my-dashboard .gauge-panel .smart-gauge-container-outer { display: flex; height: 250px; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; } .my-dashboard .gauge-panel .header-geuge { flex:1; align-self:stretch; } .my-dashboard .gauge-panel .smart-gauge-container-inner { flex:3; height: 250px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; } .my-dashboard .gauge-panel .smart-gauge-container-inner > div { width:33.3%; } .my-dashboard .smart-gauge-container-outer [gauge-content-small]:hover { background: rgb(16, 65, 97); border-radius:5px; } .my-dashboard .selected-gauge-is-active [gauge-content-small] { opacity:.5; } .my-dashboard .smart-gauge-container-outer [gauge-content-small].selected { opacity:1; background: rgb(16, 65, 97); border-radius:5px; } .my-dashboard .dashboard-drilldown-scrollarea { position:relative; max-height: 320px; overflow: auto; } .my-dashboard .dashboard-table { background: rgb(14, 46, 67); color:#fff; } .my-dashboard .dashboard-drilldown-link a { background-color: rgb(14, 46, 67) !important; } .my-dashboard .dashboard-table-header-row { background: #104161; } .my-dashboard .dashboard-table-header-row th { background: #104161; position: -webkit-sticky; position:sticky; top:0; font-weight:normal; } .my-dashboard .selected-child-gauge-title { background: #104161; padding: 5px 10px; margin-top:10px; color:#fff; font-size:14px; } .my-dashboard .selected-child-gauge-dropdown { /*background: rgb(16, 65, 97);*/ } #compliance-tabs > ul { background-color:inherit; } #compliance-tabs ul > li.uib-tab:not(.active) a { border: 1px solid #1A3E5E; background-color:#e5eaee; color:#fff; } #compliance-tabs ul.nav-tabs > li > a { min-height: 59.2px; } /* Findings tab's loading overlay sits 220px from the top of its own (content-height) container - on initial load, before any rows exist, that container is short enough that the message falls below the visible tab pane. A floor here keeps every tab pane tall enough regardless of how little content it currently has. */ #compliance-tabs .tab-pane { min-height: 500px; } #compliance-tabs ul.remedial-list-group > li.list-group-item { background-color: #f5f5f5; margin-bottom: 10px; } #compliance-tabs ul.remedial-list-group document-symbol { overflow: auto; display: block; padding-bottom: 10px; } #compliance-tabs div.schedule-buttons { margin-bottom: 6px; } div.compliance-stats-panel { background-color: #e5eaee; padding: 15px; /*border: solid 1px #b8b8b8;*/ border-radius: 10px; /*-webkit-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.64); -moz-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.64); box-shadow: 2px 2px 29px 0px rgba(0,0,0,0.64);*/ } .count-panel-header.compliance-stat { font-size: 0.9em; } .count-panel-header.compliance-stat .stats-progress{ background: rgba(255, 255, 255, 0.2); } .count-panel-header.stat-ready { background-color: #5E8FDB; color: #fff; } .count-panel-header.stat-review { background-color: #000; color: #fff; } .count-panel-header.stat-failed { background-color: #ff0000; color: #fff; } .count-panel-header.stat-overdue { background-color: #ff8900; color: #fff; } table.compliance.schedules { border-collapse: separate; /* Don't collapse */ } table.compliance.schedules td:first-child { padding-left: 40px; } table.compliance.schedules th { position: sticky; top: 50px; z-index:1; background-color: #fff; border-bottom: 2px solid #000 !important; } table.compliance.schedules th:first-child { padding-left: 2px; } div.compliance-stats-panel .progress { background-color: #fff; } table.compliance.schedules > tbody > tr.schedule-category > td { padding: 2px 3px; font-weight:bold; background-color: #e6e7e8; font-size: 140%; } table.compliance.schedules > tbody > tr.schedule-type > td { padding: 2px 3px 2px 20px; background-color: #f6f9fb; font-size: 125%; } table.compliance > tbody > tr { cursor:pointer; } .table.compliance.schedules tr.schedule-category, .table.compliance.schedules tr.schedule-type { cursor: default; } .table.compliance.schedules tr.schedule-inactive td { color: #ddd; } #jsTreeCatalogues .jstree-total-numbering, #jsTreeCatalogues .jstree-inactive-numbering { display: inline-block; vertical-align: middle; line-height: 1; font-size: 75%; font-weight: 600; padding: 3px 6px; color: #fff; border-radius: 3px; } #jsTreeCatalogues .jstree-total-numbering { background-color: #348fe2; margin-left: 8px; } #jsTreeCatalogues .jstree-inactive-numbering { background-color: var(--neutral-text-weaker, #b6c2c9); margin-left: 3px; } schedule-table { display: block; width: 100%; } .schedule-explorer { width: auto; margin: 0 -15px; } .schedule-table-flex-row { display: flex; align-items: flex-start; } .schedule-tree-panel { position: relative; flex: 0 0 auto; border-right: 1px solid #dee2e6; } .schedule-tree-panel.schedule-tree-panel-collapsed { border-right: none; } .schedule-tree-header { position: absolute; top: 0; left: 0; right: 0; z-index: 101; padding: 6px; background-color: #f8f9fa; border-bottom: 1px solid #dee2e6; } .schedule-tree-toggle { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; background-color: #eef0f2; border: 1px solid #dee2e6; padding: 2px 5px; margin: 0; cursor: pointer; font-size: 13px; line-height: 1; color: #495057; border-radius: 3px; } .schedule-tree-toggle:hover { background-color: #e2e5e8; color: #333; } .schedule-tree-clip { width: fit-content; min-width: 160px; max-width: 420px; overflow: hidden; padding-top: 34px; transition: max-width 0.2s ease, min-width 0.2s ease; } .schedule-tree-panel.schedule-tree-panel-collapsed .schedule-tree-clip { min-width: 0; max-width: 0; } .schedule-tree-body { padding: 0 6px; white-space: nowrap; } .schedule-tree-scroll { height: calc(100vh - 384px); overflow-y: auto; overflow-x: auto; } .schedule-table-panel { position: relative; flex: 1 1 auto; width: 100%; min-width: 0; padding: 0 6px; } .schedule-table-panel thead th { min-height: 34px; } .schedule-table-loading-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 200; display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.7); font-size: 1rem; } /* Same as schedule-table-loading-overlay above (absolute, spans the whole relative-positioned container), except the message sits a fixed distance from the top (align-items:flex-start + padding-top) instead of vertically centered - the Findings tab is unbounded-height infinite scroll, so centering across the whole result set (as schedule-table-loading-overlay does) put the message well below the visible viewport once there's more than a page's worth of rows. */ .findings-reload-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 200; display: flex; align-items: flex-start; justify-content: center; padding-top: 220px; background-color: rgba(255, 255, 255, 0.7); font-size: 1rem; } .document-category-edit .categories-list { max-height: 70vh; overflow-y: auto; } .document-category-edit .categories-list>div { font-size: 15px; padding: 3px; border: solid 1px #ddd; margin: 2px 0px; border-radius: 4px; } .document-category-edit .categories-list>.category-item { background: #eee; display: flex; } .document-category-edit .categories-list>.category-item>.category-toolbox { visibility: hidden; margin: 0px 0px 0px 4px; } .document-category-edit .categories-list>.category-item:hover { background: #fbfbfb; } .document-category-edit .categories-list>.category-item:hover>.category-toolbox { visibility: visible; } .document-category-edit .categories-list>.add-new-item:hover { background: #ddd; } table.permissions-table { table-layout: fixed; } table.permissions-table tr > :first-child { width: 120px; } table.permissions-table tr > th, table.permissions-table tr > td { padding: 2px; } table.permissions-table tr > th:not(:first-child) { text-align: center; white-space: nowrap; font-size: 85%; } table.permissions-table tr > td:not(:first-child) { text-align: center; } table.permissions-table tr > th:last-child, table.permissions-table tr > td:last-child { width: 15px; } table.permissions-table tr.source-header td { background-color: #f3f2f2; padding: 1px 3px; position: sticky; top: 0; font-size: 75%; } table.permissions-table span.icon-container { width: 28px; text-align: center; display: inline-block; } div.document-schedule-details table.table.history-table > tbody > tr > td:last-child { text-align:center; } div.document-schedule-edit { background-color:#d9e0e7; } div.document-schedule-edit div.document-symbol > div.pull-left { margin-left:-10px; } div.document-schedule-edit div.btn-group .btn { font-size: 90%; } div.document-schedule-edit input.owner-selected { border-color: #b6ff00; border-width: 2px; } div.document-schedule-edit select[disabled] { color: #000 !important; opacity: 1; } div.document-schedule-edit time-interval-input[disabled] > input.time-interval[readonly] { background: #e5e9ed; } div.document-schedule-edit .list-group-item.planned-job-item { background-color: #444444; color: #e6e6e6; border-radius: 7px; margin-bottom: 5px; } div.document-schedule-edit .list-group-item.planned-job-item > h5 { color: #e6e6e6 } div.document-schedule-summary > div.detail-panel { background-color: #f9f9f9; padding: 5px; margin: 4px 0px; border-radius: 3px; border: solid 1px #808080; } div.document-schedule-summary > div.detail-panel > h5 { margin: 0px 0px 17px 0px; } div.document-symbol > div.pull-left { text-align: center; width: 80px; } div.document-symbol > div.pull-left > i.docicon { font-size:52px; display: block; margin: 5px; display: block; } div.document-symbol h4 { display: inline; } div.document-symbol > hm-read-more { display: block; margin-top: 3px; min-height: 60px; } div.document-type-edit { background-color:#d9e0e7; } div.document-type-edit .form-group > div.btn-group { display:block; } div.document-type-edit .form-group > div.btn-group > label:not(.active) { background-color:white; color: black; border-color: black; } div.document-type-list div.header-row { background-color: #a3a3a3; color: #fff; margin: 2px; padding-left: 3px; border-radius: 3px; overflow: hidden; font-size:22px; } div.document-type-list div.row { margin: 2px; padding: 5px 2px; } .zebra-row:nth-child(2n+1) { background-color:#fff } .zebra-row:nth-child(2n+2) { background-color:#efefef } #video-album { --text-color: #484a53; --text-color-strong: #3a3c44; --text-color-weak: #6c6f78; --shadow: 0 0.2rem 0.5rem rgba(0,0,0,0.1); --aspect-ratio-safe-width: calc(((100dvh - (54px + 8rem)) / 9) * 16 ); margin: -20px -25px; padding: 0; display: flex; flex-direction: column; gap: 1.5rem; position: relative; align-content: center; align-items: center; container-type: inline-size; } #video-album #current-feature { max-width: var(--aspect-ratio-safe-width); width: 100%; background-color: white; box-shadow: var(--shadow); padding-bottom: 0; border-radius: 0 0 1rem 1rem; } #video-album #current-feature .vimeo-embed-wrapper { position: relative; width: 100%; height: auto; aspect-ratio: 16/9; background: linear-gradient(30deg, #222, #444); } #video-album #current-feature .current-feature-video-info { padding: 1rem 2rem; color: var(--text-color); display: grid; grid-template-columns: minmax(15em, 65em) minmax(15rem, 1fr); grid-template-rows: auto 1fr; grid-template-areas: "title side" "description side"; grid-gap: 1rem 2rem; max-width: 100rem; transition-behavior: allow-discrete; margin-bottom: 0; height: 0; } #video-album #current-feature .current-feature-video-info .featured-title { grid-area: title; font-size: 1.6rem; font-weight: bold; margin: 0.5em 0; } #video-album #current-feature .current-feature-video-info .featured-description { grid-area: description; font-size: 1rem; line-height: 1.5em; white-space: pre-wrap; } #video-album #current-feature .current-feature-video-info .featured-details { justify-self: center; grid-area: side; color: var(--text-color-weak); display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: center; font-size: 0.95rem; line-height: 1.5em; } #video-album #feed-area { display: grid; grid-template-columns: 1fr; grid-auto-rows: 1fr; padding: 1rem 2rem 4rem; grid-gap: 1rem 2rem; color: var(--text-color); width: 100%; max-width: var(--aspect-ratio-safe-width); } #video-album #feed-area .feed-area-details { grid-column: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 1rem; margin: -1rem -0.5rem 0.5rem; padding: 2.33rem 2rem 3rem; background-color: white; box-shadow: var(--shadow); gap: 1.33rem; } #video-album #feed-area .feed-area-details .feed-header { flex-grow: 9; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; justify-self: flex-start; width: 100%; align-content: stretch; max-width: 40rem; } #video-album #feed-area .feed-area-details .feed-header .feed-title { font-size: 1.4rem; width: 100%; max-width: 40rem; margin: 0; justify-self: flex-start; display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; } #video-album #feed-area .feed-area-details .feed-header .feed-title .video-album-icon { color: var(--text-color-weak); opacity: 0.75; font-size: 1.5em; margin-inline-end: 0.5em; position: relative; top: 0.12em; } #video-album #feed-area .feed-area-details .feed-description { font-size: 1rem; max-width: 40rem; flex-grow: 16; display: flex; flex-direction: column; justify-content: center; } @container (min-width: 52rem) { #video-album #feed-area { grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr)); } #video-album #feed-area .feed-area-details { grid-column: span 2; } } #video-album #feed-area a.video-album-feed-item { display: flex; flex-direction: column; text-decoration: none; color: var(--text-color); } #video-album #feed-area a.video-album-feed-item:hover .video-album-video-thumbnail:after { content: "\f144"; font-family: "Font Awesome 6 Pro"; color: white; border-radius: 1000px; position: absolute; font-size: 3rem; text-shadow: 2px 2px 5px black; top: calc(50% - 2rem); left: calc(50% - 2rem); } #video-album #feed-area a.video-album-feed-item:hover .video-album-video-thumbnail img { transform: scale(1.03); border-radius: 0.2rem; } #video-album #feed-area a.video-album-feed-item .video-album-video-thumbnail { display: flex; width: 100%; position: relative; } #video-album #feed-area a.video-album-feed-item .video-album-video-thumbnail img { height: 100%; width: 100%; aspect-ratio: 16/9; border-radius: 1rem; box-shadow: var(--shadow); background-color: #abadbb; transition: transform 100ms ease-out; transition-property: transform, border-radius; transition-duration: 0.1s; transition-timing-function: ease-out; margin: -1px; } #video-album #feed-area a.video-album-feed-item .video-album-video-thumbnail .video-details-duration { color: white; background-color: rgba(0, 0, 0, 0.75); display: flex; align-items: center; justify-content: center; border-radius: 0.15rem; padding: 0.2em 0.5em; right: 0.5rem; bottom: 1rem; position: absolute; font-size: 0.95rem; } #video-album #feed-area a.video-album-feed-item .video-album-video-details { padding: 0.5rem; } #video-album #feed-area a.video-album-feed-item .video-album-video-details .video-album-video-name { font-size: 1.1rem; font-weight: bold; line-height: 1.25em; color: var(--text-color-strong); } #video-album #feed-area a.video-album-feed-item .video-album-video-details .video-release-time { font-size: 0.9rem; color: var(--text-color-weak); } #video-album .fade { opacity: 0; will-change: opacity; transition-property: opacity; transition-duration: 0s; transition-timing-function: ease-out; transition-delay: 0s; } #video-album:not(.loading) .fade { opacity: 1; transition-duration: 200ms; transition-delay: 275ms; } #video-album:not(.loading) .fade.quick { transition-duration: 125ms; transition-delay: 150ms; } #video-album:not(.loading) .fade.slow { transition-duration: 350ms; transition-delay: 300ms; } #video-album:not(.loading) #current-feature .current-feature-video-info { transition: all 200ms ease-out; height: auto; margin-bottom: 3rem; } div.accidentjob-detail job-header-content .compliance-label { margin: 2px; } div.accidentjob-detail job-header-content .compliance-label button.btn[disabled] { cursor: default !important; filter: unset !important; opacity: 1 !important; color: #fff !important; } div.accidentjob-detail job-header-content .compliance-label .dropdown-menu { background-color: transparent; border: none; box-shadow: none; padding-top:1px; } div.job-details div.initiator-info span.instruction { display: block; font-size: 125%; padding-left: 5px; margin-top: 15px; } div.contact-edit { background-color: #d9e0e7; } div.documentjob-detail job-header-content .compliance-label { margin: 2px; } div.documentjob-detail job-header-content .compliance-label button.btn[disabled] { cursor: default !important; filter: unset !important; opacity: 1 !important; color: #fff !important; } div.documentjob-detail job-header-content .compliance-label .dropdown-menu { background-color: transparent; border: none; box-shadow: none; padding-top:1px; } div.job-details div.initiator-info span.instruction { display: block; font-size: 125%; padding-left: 5px; margin-top: 15px; } div.finding-edit div.btn-group-type label { font-size:13px; } div.finding-edit ul.dropdown-menu.dropdown-menu-severity { padding: 3px; } div.finding-edit ul.dropdown-menu.dropdown-menu-severity>li>a { white-space:normal; } div.finding-edit button > span.severity-label { white-space: normal; } div.finding-edit.ng-submitted .form-control.ng-invalid:not([ng-form]), div.finding-edit.ng-submitted div.ng-invalid:not([ng-form]) input, div.finding-edit .ng-invalid.ng-dirty:not([ng-form]), div.finding-edit .ng-invalid.ng-touched, div.finding-edit .ng-invalid:not([ng-form]) input.ng-touched, div.finding-edit .ng-submitted .ng-invalid:not([ng-form]) input, div.finding-edit .ng-submitted .btn-group.ng-invalid>.btn { background-color:#fbbfbf !important; background-color: var(--danger-bg, #fbbfbf) !important; border-color:#ff3a3a; border-color: var(--danger, #FF3A3A); } div.followup-job-edit div.appliesto-findings-list { max-height: 150px; overflow-y: auto; } .job-assignment-edit .scroll-panel { max-height: 280px; overflow-y: auto; } .job-assignment-edit img.selected-image-large { max-height: 25vh; } .job-assignment-edit-menu.dropdown-menu { z-index: 2000; } .list-group.attachments .list-group-item :not(.labels) { gap: 1rem; } .list-group.attachments .list-group-item [ng-include] { display: flex; align-items: center; gap: 0.5em; } .list-group.attachments .list-group-item [ng-include] .job-attachment-details { display: inline-flex; justify-content: space-between; flex-grow: 1; gap: 1em; } .calendar-loading { position:absolute; opacity:.8; z-index:2; height:100%; width:100%; display:-ms-flexbox; display:flex; align-items: center; justify-content:center; top:0; left:0; } .job-manager-splitview > .floor-plan-split-view.show-floorplan > button { left:65%; } .job-manager-splitview > .floor-plan-split-view.show-floorplan > .floorplan { width:35%; } .job-manager-splitview > .floor-plan-split-view.show-floorplan > .left-panel { width:65%; } #job-calendar-view .fc-event.out-of-focus { opacity:.5; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } #job-calendar-view .fc-event.out-of-focus:hover { opacity:1; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } #calendar-pager { margin-top:3px; margin-bottom: 3px; } #calendar-pager-rows { height: 25px; margin: 3px; color: #000; } .dark-calendar th.fc-sat, .dark-calendar th.fc-sun { background-color:inherit; } .dark-calendar td.fc-sat, .dark-calendar td.fc-sun { background-color:#d6d6d6 !important; } .dark-calendar.fc-unthemed thead, .dark-calendar.fc-unthemed tbody, .dark-calendar .fc-resource-area.fc-widget-header, .dark-calendar .fc-time-area.fc-widget-header { border-top:0; } .dark-calendar.fc-unthemed th, .dark-calendar.fc-unthemed td, .dark-calendar.fc-unthemed .fc-divider, .dark-calendar.fc-unthemed .fc-row, .dark-calendar.fc-unthemed .fc-content, .dark-calendar.fc-unthemed .fc-popover, .dark-calendar.fc-unthemed .fc-list-view, .dark-calendar.fc-unthemed .fc-list-heading td, .dark-calendar .fc-divider { border-color:#a2a2a2; } .dark-calendar.fc-unthemed .fc-divider, .dark-calendar.fc-unthemed .fc-popover .fc-header, .dark-calendar.fc-unthemed .fc-list-heading td { background: #505050; } .dark-calendar.fc-unthemed th.fc-today { background-color: #5292af; border-color: #5292af; } .dark-calendar.fc-unthemed td.fc-today { background-color: #a2bfda; } .dark-calendar .fc-button { background-color: #333; color: #fff; background-image: none; } .dark-calendar .fc-button:hover { background-color:#444; } .dark-calendar .fc-body { background-color: #444; } .dark-calendar .fc-button.fc-state-active { background-color: #5292af; } .dark-calendar .fc-widget-content.fc-day, .dark-calendar .fc-widget-content.fc-major, .dark-calendar .fc-widget-content.fc-minor { background-color:#e6e6e6; } .dark-calendar .fc-nonbusiness { background-color:#4C5053; } .dark-calendar .text-very-muted { color:#5d5d5d; } #job-manager-job-list .job-status-container { float: right; display: flex; flex-direction: column; align-items: flex-end; } #job-manager-job-list .badge.job-status-badge, .dark-calendar .badge.job-status-badge { border-radius:3px; color:#444; } #job-manager-job-list .badge.job-status-badge.badge-inverse, .dark-calendar .badge.job-status-badge.badge-inverse { color: #d7d7d7; } #job-manager-job-list .supplier-acceptance-badges, .dark-calendar .supplier-acceptance-badges { font-size: 10px; } .supplier-acceptance-badges > .badge { line-height: 0.6; } .dark-calendar a.fc-cell-text { color:#fff; } #job-manager-job-list .fc-expander, .dark-calendar .fc-resource-area .fc-expander { color: #828282 !important; } #job-manager-job-list .fc-expander:hover, .dark-calendar .fc-resource-area .fc-expander:hover { color: #959595 !important; } .fc-timelineOneMonth-view .fc-nonbusiness { display:none; } .fc-timelineSixMonth-view .fc-nonbusiness { display:none; } .calendar-resource-content .job-status-badge { min-width:55px; float:right; } /*#job-calendar .fc-today-button { content: "\f192"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; }*/ #job-calendar-view { position:relative; background-color:#444444; color:#e6e6e6; padding-top:5px; } #calendar-groupby-picker { position:relative; top:2px; width:155px; padding:2px 2px; z-index:2; border-radius:5px; color: #f1f1f1; background-color: #666; } #calendar-title { position:absolute; text-align:center; width:250px; margin-left:-125px; left:50%; top: 5px; padding:4px 0; z-index:2; display:none; font-size:14pt; font-weight: bold; } .calendar-resource { width:100%; min-height:35px; position:relative; white-space:normal; } .calendar-resource.child-row { margin-left: 8px; width: calc(100% - 8px); } .fc-time-area.fc-widget-content .fc-scroller-canvas .jump-to-assignment-arrow { position:absolute; color: #717171; z-index: 10; cursor:pointer; border: 1px solid transparent; padding: 4px; border-radius: 15px; font-size: 10px; background-color: rgba(68, 68, 68, 0.1411764705882353); -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } .assign-mode-selected-job .fc-time-area.fc-widget-content .fc-scroller-canvas .jump-to-assignment-arrow { color: #fff; background-color: rgba(82, 146, 175, 0.3); } .fc-time-area.fc-widget-content .fc-scroller-canvas .jump-to-assignment-arrow i { pointer-events:none; position:relative; top:1px; } .fc-time-area.fc-widget-content .fc-scroller-canvas .jump-to-assignment-arrow-right i { margin-left:2px; } .fc-time-area.fc-widget-content .fc-scroller-canvas .jump-to-assignment-arrow-left i { margin-right:2px; } .fc-time-area.fc-widget-content .fc-scroller-canvas .jump-to-assignment-arrow:hover { color: #fff; border-color: #fff; background-color: #444; } .assign-mode-selected-job .fc-time-area.fc-widget-content .fc-scroller-canvas .jump-to-assignment-arrow:hover { background-color: #5292af; } .hide-prev-next-buttons .fc-time-area.fc-widget-content .fc-scroller-canvas .jump-to-assignment-arrow { opacity:0; } .fc-resource-area tr[data-resource-id] .scroll-left-date:before { color:#ff8d00; font-family: FontAwesome; content: "\f060"; position: absolute; top: 0; right: 0px; } .fc-resource-area tr[data-resource-id] .scroll-right-date:before { color:#ff8d00; font-family: FontAwesome; content: "\f061"; position: absolute; top: 0; right: 0px; } #job-manager-job-list .calendar-resource.selected-job { border-top-right-radius: 0; border-bottom-right-radius: 0; } .calendar-resource.selected-job, .calendar-resource.selected-job-to-assign { background-color:#1d1d1d !important; color:#fff !important; } .calendar-resource.selected-job .text-very-muted, .calendar-resource.selected-job-to-assign .text-very-muted { color:#797575; } .calendar-resource.child-row:not(.selected-job-to-assign) { background-color:#2b2b2b !important; } .calendar-resource:not(.selected-job-to-assign) .calendar-resource-content:hover { background-color:#1d1d1d !important; color:#fff !important; opacity:.8; cursor:pointer; } .calendar-resource-highlight { position:absolute; top:0; left:0; width: 6px; height: 100%; } .job-calender-dark-bg { background: #444444; } .job-calendar-search-box { display: block; box-sizing: border-box; font: "Joy Sans", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; } .calendar-resource-job { min-height: 46px; } .calendar-resource-job .calendar-resource-content { position:relative; } .fc-time-area.fc-widget-header a.fc-cell-text { position:relative; } .fc-time-area.fc-widget-header a.fc-cell-text .fa-calendar { opacity:0; position:absolute; padding:5px; right:-20px; top:-4px; z-index:2; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } .fc-time-area.fc-widget-header a.fc-cell-text:hover .fa-calendar { opacity:1; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } .fc-time-area.fc-widget-header > .fc-scroller-clip > a.fc-cell-text:first-of-type .fa-calendar { opacity:1; } #jobCalendarDatePicker tr.uib-weeks td:first-of-type:hover { cursor:pointer; text-decoration:underline; } #jobCalendarDatePicker { position:absolute; width:306px; max-height:0px; min-height:0px; z-index: 9; opacity: 0; background-color:#fff; border-radius:5px; overflow:hidden; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } #jobCalendarDatePicker > .uib-datepicker { color: #666; margin-bottom:5px; } #jobCalendarDatePicker.show { max-height:254px; min-height:254px; opacity: 1; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } #job-calendar-view .fc-event { min-height: 35px; max-height: 35px; overflow: hidden; } #job-calendar-view .fc-event .fc-title, #job-calendar-view .fc-event .fc-title { white-space:normal; } .fc-event-outbox-icon:hover::before { content:'\f0e2' !important; } #job-manager-job-list-wrapper { margin-top:0; padding: 0; position:relative; z-index: 1; } #job-manager-job-list { background-color: #a2a2a2; padding: 0px 5px 15px 5px; position: absolute; top: 32px; left: 0; right: 0; bottom: 0; overflow: auto; margin-bottom: 0px; } .show-floorplan #job-manager-job-list { margin-bottom: 100px; } #job-manager-job-list .calendar-resource-job { box-sizing: content-box; margin-top: 5px; border-radius: 5px; overflow: hidden; background-color: #444444; } #job-calendar-view .calendar-resource-job .calendar-resource-content { margin-right:25px; } #job-manager-job-list .calendar-resource-job .calendar-resource-content { margin-right:0; } #job-manager-job-list .selected-job-to-assign .calendar-resource-content { margin-right:25px; } #job-calendar-view.assign-mode .fc-resource-area .calendar-resource-job .calendar-resource-content { margin-right:0; } .calendar-resource.bulk-selected:not(.selected-job-to-assign) { background-color: #689068 !important; } .calendar-resource.bulk-selected:not(.selected-job-to-assign):hover { background-color: #689068 !important; } .calendar-resource.bulk-selected.child-row:not(.selected-job-to-assign) { background-color: #3f523f !important; } .calendar-resource.bulk-selected.child-row:not(.selected-job-to-assign):hover { background-color: #3f523f !important; } .fc-widget-content .calendar-resource.selected-job-to-assign input.multi-select-check { display: none; } .calendar-resource-job .calendar-resource-selection .btn { background-color: #4c4c4c;; } .calendar-resource-job .calendar-resource-selection .btn:hover { background-color:#1d1d1d; } #job-calendar-view.assign-mode .fc-resource-area .calendar-resource-job .calendar-resource-selection { display:none; } .job-calendar-show-tickets:not(.assign-mode) .calendar-resource-job .calendar-resource-highlight { left:25px; } .calendar-resource-job .calendar-resource-content { margin-left:0px; } .job-calendar-show-tickets:not(.assign-mode) .calendar-resource-job .calendar-resource-content { margin-left:25px; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } .calendar-resource-job .job-list-item-tickets { position:absolute; top:0; left:0; height: 100%; border-bottom: 1px solid #8a8a8a; background-color:#8a8a8a; width: 0px; overflow:hidden; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } .job-calendar-show-tickets:not(.assign-mode) .calendar-resource-job .job-list-item-tickets { width: 25px; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } .calendar-resource-job .job-list-item-ticket { margin: 2px 3px 3px; height: 19px; width: 19px; color:#fff; position:relative; text-align:center; font-weight:bold; border-radius:4px; } .calendar-resource-job .job-list-item-ticket.primary-ticket span { position:relative; top:2px; } .calendar-resource-job .job-list-item-ticket .ii { position:relative; top: 1px; font-size:12px; } .calendar-resource-job .job-list-item-ticket.multiple-tickets { margin: 2px 4px 6px 3px; height: 15px; width: 15px; } .calendar-resource-job .job-list-item-ticket.linked-tickets .fa { position:relative; font-size: 10px; top:1px; } .calendar-resource-job .job-list-item-ticket.multiple-tickets.linked-tickets .fa { position:relative; font-size: 9px; top:-1px; } .calendar-resource-job .job-list-item-ticket.multiple-tickets .more-tickets { position: absolute; top: 25%; left: 25%; width: 85%; height: 85%; border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-radius:4px; } .job-resource-location { color: #a2bfda; font-size: 0.8em; } .job-resource-time { color:#b0b0b0 } .calendar-resource-user { display: flex; align-items: stretch; } .calendar-resource-user > .calendar-resource-content { padding-right: 5px; flex-grow: 1; align-self: stretch; } .calendar-resource > .calendar-resource-button { width: 30px; flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; align-self: stretch; text-align: center; background-color: #6f6f6f; border-left: solid 1px #898989; } .calendar-resource > .calendar-resource-button:hover { background-color: #606060; } .calendar-resource > .calendar-resource-button.ui-droppable-hover { background-color: #ed8e3c; } .calendar-resource > .calendar-resource-button>div { position: relative; } .calendar-resource > .calendar-resource-button .badge { position: absolute; top: -11px; right: 2px; font-size: 10px; border-radius: 8px; padding: 2px; } .calendar-resource .calendar-resource-selection { position:absolute; top:0; right:0px; bottom:0px; width:25px; } #job-manager-job-list .selected-job-to-assign .calendar-resource-selection .btn { background-color:#1d1d1d !important; color:#fff !important; } #job-manager-job-list .calendar-resource:not(.selected-job-to-assign) .calendar-resource-selection { width:0px; opacity:0; } #job-manager-job-list .calendar-resource:not(.selected-job):hover .calendar-resource-selection { width:25px; opacity:1; } .calendar-resource .calendar-resource-selection label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; padding:0; margin:0; } .calendar-resource .calendar-resource-selection label .show-on-hover, .calendar-resource .calendar-resource-selection label:hover .hide-on-hover { display:none; } .calendar-resource .calendar-resource-selection label:hover .show-on-hover { display:block; } .job-assignment-popover .btn-primary, .calendar-resource .calendar-resource-selection label.btn-primary { background-color: #5292af; } .job-assignment-popover-outbox-status, .calendar-resource .calendar-resource-selection label.is-selected { border: 4px dashed #2a72b5; background-color: #2d353c; font-size:12px; } .job-assignment-popover-outbox-status { padding:5px 10px; } .job-assignment-popover-outbox-status .btn { position: relative; top: -2px; left: 8px; } .calendar-resource .calendar-resource-selection label i { display: block; } .calendar-resource-content { overflow:hidden; margin: 0; padding-left: 6px; min-height:100%; } .calendar-resource-content-wrapper { padding:5px; } .calendar-resource.selected-job-to-assign { background-color:#5292af !important } #calendar-title { color:#5292af; } .fc-sat, .fc-sun { background-color:#eeeeee; } .fc-left { margin-left:5px; } .fc-right { margin-right:5px; } .fc-helper { background-color:#f90; } .show-floorplan .fc-right { margin-right:5px; } .fc-highlight, #job-manager-job-list .calendar-resource-job.popup-visible, #job-calendar-view .fc-event.popup-visible { border-width:2px; border-style:dashed; background-color:#bfbfbf !important; color:#444 !important; } #job-calendar-view .fc-event { cursor: pointer; } /* Deliberately understated next to a job assignment bar's solid, saturated fill - reduced opacity (full on hover) so a walk-in Attendance reads as informational, not as prominent as a formal Job Assignment. Fill color set inline in _getAttendanceCalendarEvent; a dashed border was tried and dropped since it's already the outbox "unsaved changes" convention here (see .unscheduled-assignment.has-changes / .fc-event.popup-visible above) - reusing it would make an attendance look like an assignment with unsaved edits. The status color instead shows as a solid left-border stripe, matching the job popover's attendance list - all four sides' colors are set inline in eventRender (a resource-level eventColor default would otherwise beat a CSS color rule here on every side but the one eventRender explicitly overrides), so this rule only owns the non-color structure: border-left's extra width and the reduced opacity. */ #job-calendar-view .fc-event.calendar-attendance-event { border-left-width: 5px; opacity: .8; } #job-calendar-view .fc-event.calendar-attendance-event:hover { opacity: 1; } .fc-button-outbox-wrapper { border-radius: 5px; box-shadow: -2px -2px 8px 0 rgba(92, 184, 92, 0.45), 2px 2px 20px 0 rgba(92, 184, 92, 0.45); margin-left: 0 !important; } .fc-button-outbox { background-color:#5cb85c !important; border-color:#4cae4c !important; } .fc-button-outbox-save { /*color: #000 !important; font-weight: bold;*/ } .fc-button-outbox-menu { background-color:#3d953d !important; /*color: #000 !important;*/ text-align: center; padding-left: 4px; } .fc-button-outbox .badge { padding:3px 7px; border-radius: 7px; color:#fff; } .job-details-popover { background-color:#4C5053; color:#fff; border:0; margin-left:0px !important; min-height:250px; min-width:400px; max-width:400px; } .job-details-popover .text-very-muted { color:#797575; } .job-details-popover .popover-content { font-size:.8em; } .outbox-popover label { color:#fff !important; } .outbox-popover .calendar-job-details-assignment { margin-left: 32px; margin-bottom: 8px; border-radius:5px; font-size: 8pt; padding: 5px; } .outbox-popover { background-color:#4C5053; color:#fff; border:0; min-width:300px; padding-bottom:10px; margin-bottom:0; } .outbox-popover-list { max-height:320px; overflow:auto; } .team-picker-popover { background-color:#4C5053; color:#fff; border:0; min-width:150px; } .team-picker-popover a { padding-right:40px; text-align:left; } .team-picker-popover .check { position:absolute; top:0; right:0; bottom:0; width:25px; display: flex; align-items: center; justify-content: center; text-align: center; z-index:1; } .team-picker-popover .check:hover { background-color:#4C5053; color:#fff; } .team-picker-popover .popover-content { padding:0; } .team-picker-popover .list-group-item { padding: 3px 10px; } .team-picker-popover hr { margin: 1px 0; } .team-picker-popover a i.fa-circle-o { display:none; } .team-picker-popover a:not(:first-of-type):hover i.fa-circle-o { display:flex; } .team-picker-popover a[disabled] { color:#a2a2a2 !important; } .job-assignment-popover { background-color:#4C5053; color:#fff; border:0; max-width: 300px; } .job-assignment-popover .dropdown-menu { max-height: 170px !important; overflow: auto !important; } .job-assignment-popover .connector-arrow-top, .job-assignment-popover .connector-arrow-bottom { width:5px; height:20px; margin-right:10px; border-right:1px solid #d6d6d6; } .job-assignment-popover .connector-arrow-top { border-top:1px solid #d6d6d6; border-top-right-radius:5px; } .job-assignment-popover .connector-arrow-bottom { border-bottom:1px solid #d6d6d6; border-bottom-right-radius:5px; } .job-assignment-popover.top { margin-top:0 !important; } .job-assignment-popover.bottom { margin-top:0 !important; } .job-assignment-popover div[disabled] { color: #fff !important; } .outbox-popover .popover-content .close-top-right, .team-picker-popover .popover-content .close-top-right, .job-details-popover .popover-content .close-top-right, .job-assignment-popover .popover-content .close-top-right { position: absolute; right: 6px; top: 6px; cursor: pointer; padding: 5px; } .outbox-popover .popover-content, .team-picker-popover .popover-content > div, .job-details-popover .popover-content { max-height: 500px; overflow: auto; } .job-details-popover .popover-content .close-top-right:hover, .job-assignment-popover .popover-content .close-top-right:hover { opacity:.8; } .job-details-popover .arrow, .job-assignment-popover .arrow { display:none; } .calendar-job-details-status { font-size:1.2em; overflow:hidden; } .outbox-popover .popover-title, .team-picker-popover .popover-title, .job-details-popover .popover-title, .job-assignment-popover .popover-title { border-bottom:0; background-color:#343435; color:#fff; } .calendar-job-details-dates { clear:both; } .calendar-job-details-dates .row { margin-bottom:5px; } .calendar-job-details-dates .row:hover > div { background-color: #343435; border-radius: 8px; } .calendar-job-details-dates .col-xs-3 { text-align:right; } .calendar-job-details-section-title { padding: 5px 15px; background-color: #343435; } .calendar-job-details-item { margin:5px; border: solid 1px #343435; font-weight: normal; border-radius: 3px; background: #444; padding: 5px; border-radius: 5px; color: #fff; } /* Differentiates walk-in Attendances from formal Job Assignments in the job-detail popover (same left-border status-stripe pattern as courses-dashboard.stylesheet.specific.css) - also previews the distinction planned for the Job Calendar timeline. */ .calendar-job-details-item-attendance { background: #3a4552; } .calendar-job-details-item-attendance-not-started { border-left: 5px solid #b1b1b1; } .calendar-job-details-item-attendance-started { border-left: 5px solid #f59c1a; } .calendar-job-details-item-attendance-complete { border-left: 5px solid #5cb85c; } .calendar-job-popover .hazard-message { padding: 2px; margin: 2px; background-color: #777777; color: #fff; border: solid 1px #fff; border-radius: 3px; } .assignment-in-progress { border: solid 1px #79e147; background-color: #000 !important; } .calendar-job-details-item[ng-click]:hover { opacity:.8; } .calendar-job-details-item { position:relative; } .calendar-job-details-item.awooga:before { position:absolute; left:-12px; top:3px; font-size: .7em; } .calendar-job-details-item>.beacon-controls { position: absolute; top: -3px; right:-16px; } .calendar-job-details-item>.beacon-controls>.close-button { color: #ccc; } .calendar-job-details-item>.beacon-controls>.edit-button { color: #f59c1a; } .calendar-job-details-item>.beacon-controls>.close-button:hover { color: #fff; } .calendar-job-details-item>.beacon-controls>.edit-button:hover { color: #ffcd85; } /*.recource-cell-content { min-height: 35px; }*/ .job-assignment-popover .popover-content { font-size: 0.8em; } .unscheduled-assignment.fc-content { padding: 3px; margin: 0px 4px 5px 4px; border-radius: 4px; } .unscheduled-assignment.fc-content.has-changes { border-width: 2px; border-style: dashed; background-color: #bfbfbf !important; color: #444 !important; } .unscheduled-list.has-unscheduled-selections .unscheduled-assignment:not(.is-selected) { opacity: 0.35; } /*.calendar-resource-icon { color: #fff; padding: 5px; position: absolute; top: -1px; left: 1px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }*/ .title-beacon-wrapper { display: flex; } .title-beacon-wrapper > :not(.beacon-flag-labels) { flex-grow: 1; } .beacon-flag-labels { margin-right: 0.75rem; margin-top: -0.2rem; margin-bottom: -0.25rem; font-size: 0.7rem; letter-spacing: 0.12ch; transform: scaleX(0.825); transform-origin: right; display: flex; flex-direction: column; align-items: flex-end; line-height: 1em; } .primary-beacon-flag-label:before { content: none !important; } .primary-beacon-flag-label.awooga-info { color: #49b6d6; } .primary-beacon-flag-label.awooga-warning { color: #ff8d00; } .primary-beacon-flag-label.awooga-danger { color: #ff908d; } .additional-beacon-count-text { color: #b0b0b0; font-size: 0.9em; } .beacon-label-toggle { color: #e6e6e6; font-weight: normal; margin: 0 0.5rem; } .scroll-wrapper { max-height: 500px; overflow-y: auto; } div.job-details div.job-header > div.job-title-area { margin-top: 0px; } div.job-details job-header-content > div:first-child { width: 100%; min-height: 60px; } div.job-details job-header-content > div:nth-child(2) { position: relative; } div.job-details job-header-content > div:last-child { margin-bottom: 150px; } ul.add-works-dropdown { max-height: 150px; overflow-y: auto; } div.job-details { --bg: #f5f4f3; } div.job-details div.section { margin: 0px 0px 10px 0px; background-color: var(--bg); } div.job-details div.section.step { border: solid 1px #fb7500; border-radius: 5px; margin: 6px 2px 10px 2px; overflow: hidden; } div.job-details div.section.step.disabled { pointer-events: none; opacity: 0.5; } div.job-details .col-md-6 div.section.step .progress-controls input[datetimepicker] { font-size: 10px; padding-left: 4px; padding-right: 4px; } div.job-details .col-md-6 div.section.step .progress-controls .date-time-input input { font-size: 10px; padding-left: 4px; padding-right: 4px; } div.job-details .col-md-6 div.section.step .progress-controls .date-time-input .time { width: 34px; margin-left: 2px; } div.job-details .col-md-6 div.section.step #update-types { margin-left: -5px; margin-right: -5px; } div.job-details div.section.step > .step-title:first-child { display: block; margin: -15px -15px 5px -15px; padding: 5px; border-bottom: solid 1px #fb7500; font-size: 150%; background-color: #fdba7f; color: #FFF; } div.job-details div.section.step > .step-title:first-child:after { content: "\f096"; width: 18px; float: right; text-align: left; display: inline-block; font-family: FontAwesome; } div.job-details div.section.step > .step-title > b { margin-right: 7px; } div.job-details div.section.step .step-instructions { display: block; font-size: 125%; padding-left: 5px; margin-top: 15px; } div.job-details div.section.step.step-complete { border-color: #508750; } div.job-details div.section.step.step-complete > .step-title:first-child { background-color: #5cb85c; border-color: #508750; } div.job-details div.section.step.step-optional { border-color: #8a8a8a; } div.job-details div.section.step.step-optional > .step-title:first-child { background-color: #444; border-color: #8a8a8a; } div.job-details div.section.step.step-complete > .step-title:first-child:after { content: "\f046"; } div.job-details div.section.step.step-nocheck > .step-title:first-child:after { content: " "; } div.job-details .btn.btn-inverse a { color: #fff; } div.job-details .step ul.list-group { margin-bottom: 3px; } div.job-details ul.list-group.findings-list > li::after { content: ""; display: table; clear: both; } div.job-details ul.list-group.findings-list > li > div:last-child { float: right; } div.job-details ul.list-group.findings-list > li.complete { background-color: rgba(237, 255, 237, 0.83); } div.job-details ul.list-group.findings-list > li.complete.negative { background-color: rgba(255, 237, 243, 0.83); } div.job-details .step ul.list-group.job-notes { margin-top: 16px; } div.job-details .step ul.list-group.job-notes span { width: 100%; display: block; } div.job-details .step ul.list-group.job-notes span:first-child { font-size: 125%; } div.job-details span.job-note:before { content: "\f10d"; display: inline; font-family: FontAwesome; margin-right: 2px; font-size: 75%; position: relative; top: -6px; } div.job-details span.job-note:after { content: "\f10e"; display: inline; font-family: FontAwesome; margin-left: 2px; font-size: 75%; position: relative; top: -6px; } div.job-details .step ul.list-group.job-notes span { width: 100%; display: block; } div.job-details .step ul.list-group.job-notes span:nth-child(2):before { content: "\f007"; display: inline; font-family: FontAwesome; margin-right: 5px; } div.job-details .step ul.list-group.job-notes span:nth-child(2) > small { margin-left: 5px; } div.job-details .step ul.list-group.job-notes > li { overflow: hidden; } div.job-details .step ul.list-group.job-notes > li > div:last-child { float: right; } div.job-details .step img.selected-image-large { width: 100% !important; margin-left: 0px !important; } div.job-details ul.list-group > li.list-group-item.list-group-item-disabled { text-align: center; } div.job-details .timeline .timeline-panel .timeline-body { --border-color: oklch(from var(--bg) calc(l * 0.85) c h ); --box-shadow: 0 2px 3px rgba(0,0,0,0.15); } div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment) { display: grid; grid-auto-rows: 1fr; box-sizing: border-box; margin-bottom: 0.25rem; } div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment).collapse:not([aria-expanded=true], .in, .in-remove, [aria-hidden=false]) { overflow: hidden; } div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment).collapse:not([aria-expanded=true], .in, .in-remove, [aria-hidden=false]) .timeline-uploaded-attachment { opacity: 0; transform: scale(0.75); transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; transition-delay: 0; } div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment) .timeline-uploaded-attachment { --corner-radius: 3px; transition: opacity 0.15s ease-in, transform 0.2s ease-in-out; transition-delay: 0.35s; transform: scale(1); display: grid; align-items: center; opacity: 1; position: relative; grid-template-columns: 1fr 1.75rem; grid-gap: 1.5ch; border: 1px solid var(--border-color); margin-inline: -0.75rem -2.5rem; padding: 0 1ch 0 1.5ch; background-color: white; box-shadow: var(--box-shadow); } div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment) .timeline-uploaded-attachment:hover, div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment) .timeline-uploaded-attachment:focus-within { background-color: #f7fafd; } div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment) .timeline-uploaded-attachment:hover .other-attachment-download, div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment) .timeline-uploaded-attachment:focus-within .other-attachment-download { opacity: 0.75; } div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment) .timeline-uploaded-attachment:hover .other-attachment-download:hover, div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment) .timeline-uploaded-attachment:hover .other-attachment-download:focus, div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment) .timeline-uploaded-attachment:focus-within .other-attachment-download:hover, div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment) .timeline-uploaded-attachment:focus-within .other-attachment-download:focus { opacity: 1; } div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment) .timeline-uploaded-attachment:not(:last-of-type) { border-bottom: none; } div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment) .timeline-uploaded-attachment:first-of-type { border-top-left-radius: var(--corner-radius); border-top-right-radius: var(--corner-radius); } div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment) .timeline-uploaded-attachment:last-of-type { border-bottom-left-radius: var(--corner-radius); border-bottom-right-radius: var(--corner-radius); } div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment) .timeline-uploaded-attachment > a, div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment) .timeline-uploaded-attachment > span { z-index: 1; display: grid; grid-template-columns: 1ch 1fr; grid-gap: 2ch; position: relative; align-items: center; padding-block: 0.5ch; height: 100%; line-height: 1.15em; } div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment) .timeline-uploaded-attachment > a i.fa, div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment) .timeline-uploaded-attachment > span i.fa { font-size: 1.15em; } div.job-details .timeline .timeline-panel .timeline-body [uib-collapse]:has(.timeline-uploaded-attachment) .timeline-uploaded-attachment .other-attachment-download { position: relative; height: 1.5rem; z-index: 2; opacity: 0.25; margin-block: 0.5ch; } div.job-details .timeline .timeline-panel .timeline-body .timeline-assignment-schedule { border: 1px solid var(--border-color); background-color: oklch(from var(--bg) calc(l * 0.966) c h); padding-block: 0 0.5em; position: relative; border-radius: 5px; margin-inline: -10px; margin-block: 0.66em 0.33em; box-shadow: var(--box-shadow); overflow: hidden; box-sizing: border-box; } div.job-details .timeline .timeline-panel .timeline-body .timeline-assignment-schedule .timeline-assignment-schedule-assignee { background-color: oklch(from var(--bg) calc(l * 0.92) c h); padding-inline: 0.66rem; padding-block: 0.25rem 0.2rem; color: oklch(from currentcolor calc(l * 0.875) c h); display: flex; flex-direction: row; align-items: center; } div.job-details .timeline .timeline-panel .timeline-body .timeline-assignment-schedule .timeline-assignment-schedule-assignee .icon { margin-inline-end: 0.4rem; padding: 0; box-sizing: border-box; display: block; } div.job-details .timeline .timeline-panel .timeline-body .timeline-assignment-schedule .timeline-assignment-schedule-assignee .assignees-header { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; } div.job-details .timeline .timeline-panel .timeline-body .timeline-assignment-schedule .timeline-assignment-schedule-assignee .assignees-header .assignees { display: flex; flex-direction: column; } div.job-details .timeline .timeline-panel .timeline-body .timeline-assignment-schedule .timeline-assignment-schedule-assignee .assignees-header .assignees .current, div.job-details .timeline .timeline-panel .timeline-body .timeline-assignment-schedule .timeline-assignment-schedule-assignee .assignees-header .assignees .previous { letter-spacing: 0.05ch; transform: scaleX(0.88) translateX(-1px); transform-origin: left; } div.job-details .timeline .timeline-panel .timeline-body .timeline-assignment-schedule .timeline-assignment-schedule-assignee .assignees-header .assignees .current { font-size: 1.05em; } div.job-details .timeline .timeline-panel .timeline-body .timeline-assignment-schedule .timeline-assignment-schedule-assignee .assignees-header .assignees .previous { margin-block: 0; line-height: 1em; opacity: 0.7; } div.job-details .timeline .timeline-panel .timeline-body .timeline-assignment-schedule .timeline-assignment-schedule-assignee .assignees-header .schedule-status.badge { padding: 2px 4px; font-size: 0.53rem; line-height: 1; border-radius: 5px; } div.job-details .timeline .timeline-panel .timeline-body .timeline-assignment-schedule .timeline-assignment-schedule-assignee i.icon { color: oklch(from currentcolor calc(l * 1.3) c h); } div.job-details .timeline .timeline-panel .timeline-body .timeline-assignment-schedule .timeline-assignment-schedule-heading { font-size: 1.05em; border-bottom: 1px solid color-mix(in srgb, currentcolor 20%, transparent); color: oklch(from currentcolor calc(l * 0.95) c h); } div.job-details .timeline .timeline-panel .timeline-body .timeline-assignment-schedule .timeline-assignment-schedule-details, div.job-details .timeline .timeline-panel .timeline-body .timeline-assignment-schedule .timeline-assignment-schedule-heading { padding-inline: 0.5rem; } div.job-details .timeline .timeline-panel .timeline-body .timeline-assignment-schedule .timeline-assignment-schedule-details { display: grid; grid-template-columns: 1fr 9fr; grid-auto-rows: auto; align-items: end; gap: 0.2rem 0.33rem; padding-top: 0.33rem; } div.job-details .timeline .timeline-panel .timeline-body .timeline-assignment-schedule .timeline-assignment-schedule-details .timeline-assignment-schedule-label { margin-inline-end: 0.5em; font-size: 0.95em; letter-spacing: 0.066ch; text-align: start; color: oklch(from currentcolor calc(l * 1.08) c h); } div.job-details .timeline .timeline-panel .timeline-body .timeline-assignment-schedule .timeline-assignment-schedule-details .timeline-assignment-schedule-date { font-family: monospace; letter-spacing: 0.075ch; word-spacing: 1ch; color: oklch(from currentcolor calc(l * 0.95) c h); text-align: center; font-size: 1.033em; font-weight: 600; line-height: 1em; } div.job-details .timeline .timeline-panel .timeline-body .timeline-assignment-schedule .strike { text-decoration: line-through; } div.job-details .timeline .timeline-panel .label:first-child { float: right; padding: 2px 4px; font-size: 0.53rem; border-radius: 5px; } div.job-details .timeline .timeline-panel .label.status-label:first-child { background-color: #878787; color: #fff; margin-top: 3px; margin-right: 3px; } div.job-details .timeline .timeline-panel > li:not(.timeline-small) .timeline-panel { min-height: 65px; } div.job-details .timeline .timeline-panel .timeline-heading .timeline-title { line-height: 1.15em; } div.job-details .timeline .timeline-panel .timeline-heading .timeline-title .highlighted-text { background-color: transparent !important; color: oklch(from currentcolor calc(l * 0.95) c h); } div.job-details .timeline .timeline-panel li.timeline-future { width: 100%; text-align: center; line-height: 20px; background-color: #e4e4e4; font-size: 120%; display: block; border-top-left-radius: 5px; border-top-right-radius: 5px; } div.job-details .timeline .timeline-panel li.timeline-future:after { content: " "; display: block; position: relative; bottom: -5px; height: 6px; background: linear-gradient(-45deg, transparent 75%, #e4e4e4 75%) 0 50%, linear-gradient(45deg, transparent 75%, #e4e4e4 75%) 0 50%; background-repeat: repeat-x; background-size: 10px 5px, 10px 5px; } div.job-details .timeline .timeline-panel li.timeline-future:hover { background-color: #cecece; } div.job-details .timeline .timeline-panel li.timeline-future:hover:after { background: linear-gradient(-45deg, transparent 75%, #cecece 75%) 0 50%, linear-gradient(45deg, transparent 75%, #cecece 75%) 0 50%; background-repeat: repeat-x; background-size: 10px 5px, 10px 5px; } div.job-details div.initiator-info { background-color: #fff; border: solid 1px #8a8a8a; border-radius: 5px; margin: 6px 2px 10px 2px; overflow: hidden; padding-top: 0px; } div.job-details .table.followup-table, div.job-details .table.inspection-test-table { background-color: white; border: solid 1px #ddd; margin-bottom: 4px; } div.job-details .table.followup-table > tbody > tr > td:last-child { white-space: nowrap; } i.fa.severity-high { color: #f00; } i.fa.severity-medium { color: #f70; } i.fa.severity-low { color: #ffd400; } div.job-details .objective-ticket .panel-heading { font-size: 16px; } div.job-details .objective-ticket .panel-title { font-size: 16px; } div.job-details .objective-ticket .panel-title .badge.pull-right { line-height: 1.25; } div.job-details .objective-ticket .panel-default { border: solid 1px #aaa; } div.job-details .objective-ticket .panel-default.panel-open .panel-heading { border-bottom: solid 1px #aaa; } div.job-details .instruction-panel { border: solid 1px #cccccc; border-radius: 5px; padding: 5px; background-color: #f1f1f1; overflow: hidden; } div.job-details .instruction-panel h5 { margin: -5px -5px 3px -5px; background-color: #c5c4c4; padding: 3px; color: #fff; } div.job-details .instruction-panel dl { margin-bottom: 3px; } .timeline-badge-time.timeline-badge-time { background-color: #6a6b6c; letter-spacing: 0.15ch; } .list-group-table .list-group-item { display:table-row; } .list-group-table .list-group-item th, .list-group-table .list-group-item td { display:table-cell; padding:5px; } .job-invoicing-detail-field .highlighted-row { background-color: #d2d2d2; } .job-invoicing-detail-field .highlighted-row:hover td { background-color: #c2c2c2 !important; } .job-invoicing-detail-field .expanded-row { border-left:1px solid; border-bottom:1px solid; border-right:1px solid; border-color:#d2d2d2; } .job-edit .ng-invalid-required.ng-pristine { border-color:#e39e30; } .job-edit.ng-submitted .ng-invalid-required, .job-edit .ng-invalid-required.ng-dirty, .job-edit .ng-invalid-required.ng-touched, .job-edit .ng-invalid-required input.ng-touched { background-color:#fbbfbf !important; border-color:#ff3a3a; } .modal-header.job-edit { color:#fff !important; background-color:#444; } .modal-header.job-edit { color:#fff !important; } .modal-header.job-edit i.fa.fa-times { font-size: 24px; } .job-edit .panel-inverse > .panel-heading { background-color:#444; } .job-edit .panel-inverse .panel-body { background-color: #f5f5f5; border: solid 1px #ddd; } .job-edit .panel-inverse .scrollable-panel { overflow-y: auto; margin: 0px -10px; padding: 0px 10px; } .job-edit .calendar-job-details-section-title { background-color:#444; } .job-edit .calendar-job-details-item { font-size: 10px; padding: 2px 7px; } .job-edit.modal-body[disabled] .btn { display: none; } .job-edit img.selected-image-large { width: 100% !important; margin-left: 0px !important; } .job-edit .appliesto-findings-list { max-height: 100px; overflow-y: auto; } .job-edit-modal-dialog { max-height: 95vh; /* Prevents modal from exceeding 95% of viewport height */ margin: 2vh auto; /* Vertically centers modal with 2% top/bottom margin, horizontally centers with auto */ display: flex; /* Enables flexbox layout for child elements (header, content, footer) */ flex-direction: column; /* Stacks modal children vertically */ width: 90vw; /* Optional: makes modal up to 90% of viewport width for a spacious layout */ max-width: 900px; /* Optional: restricts modal to a maximum width of 900px */ } .job-edit-content { overflow-y: auto; /* Enables vertical scrolling if content exceeds available space */ max-height: calc(95vh - 120px); /* Limits content height to fit within modal, accounting for header/footer (adjust 120px as needed) */ padding-right: 1px; /* Adds space to prevent scrollbar overlapping content */ /* Note: If you use both max-height: 90vh and max-height: calc(95vh - 120px), only the last will apply */ } .appliesto-findings-item { display: flex; justify-content: space-between; align-items: center; /* Aligns all children vertically */ padding: 1px 0; } .appliesto-findings-item-left { display: flex; align-items: center; /* Vertically center checkbox, icon, text */ gap: 4px; /* Add spacing between items if needed */ } .appliesto-findings-item-left span { /*For vertical alignment of the text */ line-height: 1; position: relative; top: 1px; /* tweak as needed: 1px or 2px */ } .appliesto-findings-item input[type="checkbox"], .appliesto-findings-item i, .appliesto-findings-item span { align-items: center; /* Makes sure icons/text inside span align too */ } .appliesto-findings-item input[type="checkbox"] { margin: 0; width: 16px; height: 16px; } .appliesto-findings-item i { font-size: 16px; margin-left: 4px; /* Add if needed for spacing */ } .appliesto-findings-item:focus, /*remove the Google Chrome blue outline on select*/ .appliesto-findings-item:active { outline: none; } .pull-right.d-flex { display: flex; align-items: center; gap: 8px; } .job-edit-modal-dialog .note-footer { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 8px; } .job-edit-modal-dialog .note-visibility { display: flex; align-items: center; gap: 12px; } .job-edit-modal-dialog .visibility-indicator { display: flex; align-items: center; gap: 4px; } div.job-header { width: 100%; } div.job-header .job-list-item { border-radius: 0px; } div.job-header div.job-content-area { background-color:#F1F3F4; border-top: solid 6px #A8ACB1; padding: 5px; } .light-grey-tabs .nav-tabs { background-color: transparent; border: solid 1px #ddd; } .light-grey-tabs .tab-content { background-color: #ebebeb !important; position: relative !important; border: solid 1px #ddd; min-height: 395px; } .light-grey-tabs li.uib-tab:not(.add-new-tab) > a.nav-link { border-top: solid 1px #e5e5e5 !important; border-left: solid 1px #e5e5e5 !important; border-right: solid 1px #e5e5e5 !important; background-color: #c2c2c2; color: #000; opacity: 0.5; } .light-grey-tabs li.uib-tab > a.nav-link:hover { background-color: #fafafa; } .light-grey-tabs li.uib-tab.active > a.nav-link { border-top: solid 1px #aaa !important; border-left: solid 1px #aaa !important; border-right: solid 1px #aaa !important; opacity: 1; } .light-grey-tabs .nav > li > a { padding: 6px 7px; margin-right: 1px; } .light-grey-tabs[justified=true] .nav > li > a { padding: 5px 4px; } .job-instruction-details .criticality-dropdown-menu>li>a { color: #8b8b8b; } .job-instruction-details .criticality-dropdown-menu>li>a>div:first-child { font-weight:bold; color: #000; } .job-instruction-details[disabled] input, .job-instruction-details[disabled] select, .job-instruction-details[disabled] textarea, .job-instruction-details[disabled] .well.picker-field, .job-instruction-details[disabled] .instruction-field-wrapper ul.list-group>li.list-group-item:not(.heading) { background-color: #ececec; } .job-instruction-details[disabled] .instruction-field-wrapper > div:not([disabled]) { pointer-events: auto; } div.job-list-item { margin:10px 0px; padding: 5px 15px; background-color: #444; position:relative; border-radius:6px; overflow:hidden; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } div.job-list-item .impact { position:absolute; top:0; left:0; bottom:0; width:6px; background-color:#444; } div.job-list-item .impactLate { background-color:red !important; } div.job-list-item > div.job-icon { display: table-cell; vertical-align: middle; padding: 5px; width:40px; height:40px; text-align: center; line-height: 40px; font-size: 30px; color: #fff; } div.job-list-item > div.iconLate { color:red !important; } div.job-list-item > div.job-icon.late > div { background-color: red; } div.job-list-item div.right-panel { float: right; text-align: right; } div.job-list-item > div.job-title-area { margin: 0px; padding: 0px 0px 0px 10px; color: #fff; overflow: auto; display: table-cell; width: 100%; } div.job-list-item > div.job-title-area .job-title { font-size: 20px; line-height: 20px; font-weight:100; font-family: 'Yantramanav', Helvetica,Arial, sans-serif; } div.job-list-item > div.job-title-area .job-doctype-details { font-family: 'Yantramanav', Helvetica,Arial, sans-serif; font-size: 12px; } div.job-list-item > div.job-title-area .status-notification { -webkit-box-shadow: 0px 0px 5px 1px rgba(255,255,255,0.7); -moz-box-shadow: 0px 0px 5px 1px rgba(255,255,255,0.7); box-shadow: 0px 0px 5px 1px rgba(255,255,255,0.7); border-radius: 10px; color: #fff; padding: 1px 6px; font-size: 12px; margin-left: 5px; font-weight: bold; background-color: #000; } div.job-list-item span.phase-label { font-size: 12px; } div.job-list-item ul.job-dates { display:grid; font-size: 90%; margin-top: 6px; margin-bottom: 0px; } div.job-list-item ul.job-dates li { display:table; float: left; list-style-type: none; } .job-list-item-sm { border-radius: 4px; background-color: #444; color: #fff; position:relative; min-height:21px; padding-top:2px; padding-left:10px; margin-bottom:4px; cursor:pointer; } .job-list-item-sm:hover { background-color: #3c3c3c; } .job-list-item-sm .badge { border-radius:4px; margin:2px; position:relative; top:-2px; } .job-list-item-priority { position:absolute; top:0; left:0; height: 100%; width:5px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .job-list-item.assignment-in-progress { border-width: 3px; } .job-location-status { display: flex; justify-content: space-between; align-items: center; width: 100%; } /* Awoooogaaa */ .awooga:before { font-family: FontAwesome; content: "\f111"; margin-right:3px; } .awooga.awooga-info:before { color: #49b6d6; } .awooga.awooga-warning:before { color: #ff8d00; } .awooga.awooga-danger:before { color: #ff5b57; } .awooga-flag:before { content: ''; position: absolute; top: -10px; right: -10px; width: 0; height: 0; border: 10px solid transparent; transform: rotate(-45deg); pointer-events: none; } .awooga-flag.awooga-flag-lg:before { top: -15px; right: -15px; border-width: 15px; } .awooga-flag.awooga-info:before { border-left-color: #49b6d6; } .awooga-flag.awooga-warning:before { border-left-color: #ff8d00; } .awooga-flag.awooga-danger:before { border-left-color: #ff5b57; } #jobCalendarDatePicker tr.uib-weeks td:first-of-type:hover { cursor:pointer; text-decoration:underline; } #jobManagerDatePicker { position:absolute; width:306px; max-height:0px; min-height:0px; z-index: 9; opacity: 0; background-color:#fff; border-radius:5px; overflow:hidden; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } #jobManagerDatePicker > .uib-datepicker { color: #666; margin-bottom:5px; } #jobManagerDatePicker td.uib-day > button.selected-date-range-end, #jobManagerDatePicker td.uib-day > button.selected-date-range-end > span, #jobManagerDatePicker td.uib-day:hover > button, #jobManagerDatePicker td.uib-day:hover > button > span { color: #fff !important; background: #3a92ab; border-color: #3a92ab; } #jobManagerDatePicker .date-range { color:#333; background-color:#aec8cf; } #job-manager-filter-controls #jobManagerDatePicker label { color:#666 !important; } #jobManagerDatePicker.show { max-height:289px; min-height:289px; opacity: 1; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } .blink:before { animation: blink-animation 3s steps(5, start) infinite; -webkit-animation: blink-animation 3s steps(5, start) infinite; } @keyframes blink-animation { 0%, 70%, 80%, 90% { opacity: 1; } 75%, 85% { opacity: .1; } } @-webkit-keyframes blink-animation { 0%, 70%, 80%, 90% { opacity: 1; } 75%, 85% { opacity: .1; } } /* FILTERS */ #job-manager-filter-controls { background: #2a2a2b; padding: 10px; color: #fff; } #job-manager-filter-controls .btn-primary { background-color: #5292af !important; } #job-manager-filter-controls label { color:#fff !important; } #job-manager-filter-controls.filter-by-date .irs-from, #job-manager-filter-controls.filter-by-date .irs-to, #job-manager-filter-controls.filter-by-date .irs-single { background-color: #5292af !important; } #job-manager-filter-controls.filter-by-date .input-group { border: 2px solid #5292af !important; border-radius: 5px !important; } #job-manager-filter-controls .dropdown-menu { background-color: #6f6f6f; width: 300px; } #job-manager-filter-controls .dropdown-menu>li:not(:hover)>a { color: #fff !important; } #job-manager-filter-controls .dropdown-header { color: #b1b1b1; padding: 1px 3px; margin: 0px 2px; background-color: #575757; } #job-manager-filter-controls .scene-buttons { position: absolute; top: 2px; right: 1px; display: flex } #job-manager-filter-controls .scene-button { padding: 3px; border-radius: 3px; } #job-manager-filter-controls .scene-button:hover { background-color: #fff; } #job-manager-filters { flex:1 1 auto; display:block; max-width: 230px; padding:5px; position:relative; overflow:visible; color:#ebebeb; background: #2a2a2b; background: -webkit-linear-gradient(#343435,#3e3e40,#343435); background: -o-linear-gradient(#343435,#3e3e40,#343435); background: -moz-linear-gradient(#343435,#3e3e40,#343435); background: linear-gradient(#343435,#3e3e40,#343435); } #job-manager-filters.active { background: -webkit-linear-gradient(#343435,#3e3e40,#343435); background: -o-linear-gradient(#343435,#3e3e40,#343435); background: -moz-linear-gradient(#343435,#3e3e40,#343435); background: linear-gradient(#343435,#3e3e40,#343435); } #job-manager-view-timeline { position:relative; } #show-tickets-control { color:#fff; position:absolute; left:109px; top:59px; z-index:2; font-size:9px; } #show-tickets-control .switchery { position:relative; top:-1px; left:-1px; } .job-manager-filters-header { position:relative; padding:10px 10px 10px 20px; font-size:10pt; color:#fff; overflow: hidden; background-color: #5292af; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } /*.job-manager-assign-mode #job-manager-filters-and-calendar > .job-manager-filters-header { display:none; }*/ .job-manager-filters-header.expanded, .job-manager-filters-header:hover { opacity:.9; } .job-manager-filters-header.expanded:hover { opacity:.85; } .job-manager-filters-header-nofilters { background-color: #343435; } .job-manager-filters-header-pendingupdate { background-color:#824d00; color:#F1F3F4; } .job-manager-filters-header-title { display:inline-block; } #job-manager-filter-button { position:absolute; right:0; top:0; bottom:0; padding: 0 20px; background-color:transparent; border:0; color:#fff; } #job-manager-filter-button:hover { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); } #job-manager-filters .btn-circle { position:absolute; top:8px; right:8px; margin-left:-35px; } .job-manager-filter { flex:none; display:block; margin-top:15px; min-height: 300px; } .job-filter-title { padding:3px; font-weight:bold; border-top-left-radius: 4px; border-top-right-radius: 4px; padding-left:6px; } .job-filter-options-container { max-height: 350px; overflow-y: auto; overflow-x: hidden; } .job-filter-options a { position: relative; display: block; padding: 5px; margin-bottom: 2px; background-color: #474749; border: 0; color:#fff; } .job-filter-options a:hover, .job-filter-options a:focus, .job-filter-options a:visited { text-decoration: none; color: #fff; } .job-filter-options a:nth-child(2n+1) { background-color: #474749; } .job-filter-options a:hover { background:#505051; } .job-filter-options a:active:hover { background:#505051 !important; } .job-filter-options a.active { background-color: #5292af !important; } .job-filter-options a:first-child { border-top-right-radius: 8px; border-top-left-radius: 8px; } .job-filter-options a:last-child { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .job-filter-options a[disabled] { color: #7b7a7a !important; } .job-filter-options a.active[disabled] { color: #a7a7a7 !important; } /* SUMMARY */ #job-manager .summary-panel { height:60px; } #job-manager-summary { display:flex; align-items:stretch; } #job-manager-summary .summary-panel { flex:1 1; } #job-manager-summary .summary-panel .summary-value { line-height: 75%; font-size: 2vw; } #job-manager-summary .summary-panel:hover { opacity:.9; } /* VIEW TABS */ #job-manager-views-picker { display:flex; } .job-manager-views-picker-tab { flex:1 1; padding: 10px; } .job-manager-views-picker-tab { border-top-left-radius:0; border-top-right-radius:0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .job-manager-views-picker-tab.btn-primary { border-color: #343435; background-color: #343435; } .job-manager-filtered .job-manager-views-picker-tab.btn-primary { border-color: #5292af; background-color: #5292af; } #job-manager { display:block; } #job-manager.show-tickets .fc-viewOptions-button { background-color:#666; } .fc-refresh-button > span { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fc-refresh-button > span:before { content: "\f021"; } #job-manager .fc-state-default { text-shadow:none; } #job-manager-filters { display:flex; align-items:stretch; flex:none; max-width: inherit; padding-bottom:15px; } .job-manager-filter { flex:1 1; margin:3px; } #job-manager-filtered-jobs { flex:none; margin:0; border-top-left-radius:0; border-top-right-radius:0; overflow:hidden; } #job-manager-filters .expand-filters-control { position:absolute; bottom:0; left:0; right:0; text-align:center; color:#949494; } #job-manager-filters .expand-filters-control:hover { opacity:.9; } #job-manager-summary { position:fixed; top:54px; left:220px; bottom:0; width:80px; flex-direction:column; } .page-sidebar-minified #job-manager-summary { left:60px; } div[floor-plan-split-view] #job-manager-filters-and-calendar { margin-left:80px; } /* CONDENCED when floor plan IS SHOWN */ .show-floorplan #job-manager #job-manager-filters-and-calendar { margin-left:0; } .show-floorplan #job-manager-summary { position:relative; top:inherit; left:inherit; bottom:inherit; width:auto; flex-direction:row; } .show-floorplan #job-manager-search { margin-right: 0; } .filter-sort-popup-container { position: relative; } .filter-sort-popup { position: absolute; top: 100%; right: 0; width: 200px; background: white; border: 1px solid #ccc; padding: 10px; z-index: 1000; box-shadow: 0 2px 8px rgba(0,0,0,0.15); } .job-question-list li.question { padding: 13px 15px; } .job-question-list .question-section-panel.section-unchecked, .job-question-list .question-section-panel.element-filtered-out, .job-question-list .question.element-filtered-out { opacity: 0.5 } .job-question-list .question-section-panel.element-filtered-out .section-title, .job-question-list .question.element-filtered-out .question-title { text-decoration: line-through; } .job-schedule-list { max-height: 200px; overflow-y: auto; position: relative; padding-right: 4px; } .job-schedule-list::-webkit-scrollbar { width: 6px; } .job-schedule-list::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 3px; } .job-schedule-list-item-content { font-size: 1.1em; padding: 12px 16px; color: #333; background: #fff; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 8px; display: flex; flex-direction: column; gap: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); transition: box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease; } .job-schedule-list-item-content:hover { border-color: #aaa; background-color: #f9f9f9; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08); cursor: default; } .job-schedule-row { display: flex; align-items: center; gap: 6px; } .header-row { display: inline-flex; /* 👈 Treat as inline block so it wraps as a unit */ align-items: center; white-space: normal; /* allow wrapping */ gap: 4px; /* small gap between icon and text */ } .ref-number { color: #555; font-weight: 500; white-space: normal; /* allow wrapping here */ } .ref-number::after { content: ' '; /* ensure space between ref and description */ } .description { color: #000; font-weight: 600; white-space: normal; /* allow wrapping here */ } .row-separator { border: none; border-top: 1px solid #eee; margin: 6px 0; } .repeat-row i { color: #999; } .repeat-text { color: #666; font-style: italic; } .job-schedule-row i { color: #555; } .team-text { color: #444; font-style: italic; } .job-setup-tabset .nav-tabs { background-color: transparent; border: solid 1px #ddd; } .job-setup-tabset .tab-content { background-color: #f5f5f5; border: solid 1px #ddd; } .job-setup-tabset li.uib-tab:not(.add-new-tab) > a.nav-link { border-top: solid 1px #e5e5e5 !important; border-left: solid 1px #e5e5e5 !important; border-right: solid 1px #e5e5e5 !important; background-color: #c2c2c2; color: #000; opacity: 0.5; } .job-setup-tabset li.uib-tab > a.nav-link:hover { background-color: #fafafa; } .job-setup-tabset li.uib-tab.active > a.nav-link { border-top: solid 1px #aaa !important; border-left: solid 1px #aaa !important; border-right: solid 1px #aaa !important; opacity: 1; } .job-setup-tabset li.uib-tab i.tab-close { color: #f00; opacity: 1; } .job-setup-tabset li.uib-tab:not(.active) i.tab-close { opacity: 0.5; } .job-setup-tabset div[disabled] input, .job-setup-tabset div[disabled] select, .job-setup-tabset div[disabled] textarea, .job-setup-tabset div[disabled] .well.picker-field { background-color: #ececec; } .job-setup-tabset div[disabled] span.switchery { opacity: 0.4; } .job-setup-tabset div[disabled] .instruction-step-wrapper button, .job-setup-tabset div[disabled] .instruction-step-wrapper i[role=button] { display: none; } .job-setup-tabset .uib-tab > a.nav-link span.element-filtered-out { text-decoration:line-through; opacity: 0.3; } .job-schedule .interval-exceptions-panel .panel-body { background-color: #f5f5f5; border: solid 1px #ddd; } .job-schedule .ng-submitted[ng-form] .ng-invalid-required, .job-schedule .ng-invalid-required.ng-dirty:not([ng-form]), .job-schedule .ng-invalid-required.ng-touched:not([ng-form]) { background-color:#fbbfbf !important; border-color:#ff3a3a; } .job-schedule-set-timeline { background-color:#f8f8f8; border: solid 1px #eaeaea; padding: 5px; border-radius:3px; margin-bottom: 10px; } .job-schedule-set-table .legend-swatch { height: 12px; width: 12px; border: solid 1px black; display: inline-block; position: relative; top: 2px; margin-right: 5px; } .asset-group-container { background: #fff; border: 1px solid #ddd; border-radius: 6px; margin-bottom: 12px; padding: 12px 16px; } .asset-group-path { font-size: 13px; font-weight: 500; color: #666; margin-bottom: 8px; } .asset-item { background-color: #f5f7fa; border-radius: 4px; padding: 6px 10px; font-size: 13.5px; color: #2a2e34; margin-bottom: 6px; display: flex; align-items: center; gap: 6px; transition: background-color 0.2s; } .asset-item:hover { background-color: #e8ecf1; cursor: pointer; } .asset-item i { font-size: 14px; color: #0d6efd; } .asset-scroll { overflow-y: auto; margin-top: 12px; flex-grow: 1; } .asset-group-container { background: #f9f9f9; border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; margin-bottom: 10px; } .asset-group-path { font-weight: bold; color: #555; margin-bottom: 6px; } .asset-item { padding: 6px 10px; background-color: #fff; border-radius: 4px; font-size: 13.5px; margin-bottom: 5px; display: flex; align-items: center; gap: 6px; } /* Scrollbar styling */ .panel-scroll::-webkit-scrollbar { width: 12px; /* Wider scrollbar */ } .panel-scroll::-webkit-scrollbar-thumb { background: #bbb; border-radius: 6px; border: 3px solid transparent; /* Creates padding between thumb and track */ background-clip: content-box; } .panel-scroll:hover::-webkit-scrollbar-thumb { background: #888; } .panel-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .panel-fixed-height { max-height: 388px; height: 100%; } .panel-scroll { overflow-y: auto; padding-right: 16px; padding-bottom: 16px; position: relative; mask-image: linear-gradient(to bottom, black 92%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 92%, transparent 100%); } .equal-height-row { display: flex; align-items: stretch; } .equal-height-column { display: flex; flex-direction: column; } .fc-popover.fc-more-popover { overflow: auto; max-height: 100%; } div.job-scheduler > div:first-child { width: 30%; display:flex; align-items: stretch; padding: 10px 5px 10px 15px; } div.job-scheduler > div:first-child > div { background-color: white; width: 100%; overflow-x: hidden; overflow-y: auto; padding: 5px; } div.job-scheduler > div:last-child { width: 70%; display: flex; align-items: stretch; padding: 10px 5px 10px 0px; /*overflow-x: hidden; overflow-y: auto;*/ } div.job-scheduler .tab-content { height: calc(100% - 40px); width: 100%; } div.job-scheduler .flex-content .tab-content>.tab-pane.active { display: flex; flex-direction: column; height: 100%; } div.job-scheduler .nav-tabs { background-color: transparent; } div.job-scheduler .nav-item:not(.active)>a { background-color: #d9d9d9; } div.job-scheduler .schedules-list { overflow-y: auto; flex-grow: 1; } div.job-scheduler .schedules-list .schedule-item { border: 1px solid #ddd; border-radius: 6px; padding: 12px 16px; margin-bottom: 6px; display: flex; font-size: 0.95rem; align-items: center; background-color: #fff; transition: background-color 0.2s ease, box-shadow 0.2s ease; } div.job-scheduler .schedules-list .schedule-item .next-job-panel { border-radius: 8px; background-color: #e7e7e7; font-size: 0.7rem; margin-top: 10px; padding: 8px; } div.job-scheduler .schedules-list .schedule-item:hover { background-color: #f2f2f2; box-shadow: 0 1px 4px rgba(0,0,0,0.08); cursor: pointer; } div.job-scheduler .schedules-list .schedule-item>i { align-self: center; } div.job-scheduler .schedules-list .schedule-item > div:nth-child(2) { flex-grow: 1; } div.job-scheduler .schedules-list .schedule-item h5 { display: inline; } div.job-scheduler .new-schedule-button { position: absolute; top: 10px; right: 5px; } div.job-scheduler .edit-bulk-schedule-button { position: absolute; top: 10px; right: 175px; } div.job-scheduler .fc-event, div.job-scheduler .fc-event-dot { background-color: #eaeaea; } div.job-scheduler .fc-event { border: 1px solid #b1b1b1; border-left: 5px solid #b1b1b1; color: #000; cursor: pointer; } div.job-scheduler .fc-event.late { border-left-color: #f00; } div.job-scheduler .fc-event.due { border-left-color: #f59c1a; } div.job-scheduler .fc-event.abnormal { border-left-color: #000; } div.job-scheduler .fc-event.complete { border-left-color: #5cb85c; } div.job-scheduler .fc-event:hover { background-color: #f4f3f3; } div.job-scheduler .btn>.badge.inbox-badge { position: absolute; top: -5px; right: -10px; } .schedule-group-header { font-weight: 600; margin-top: 1rem; padding: 0.5rem 1rem; background: #f9f9f9; } .job-steps .job-assignment-group-header { border-bottom: solid 1px #ddd; margin-top: 3px; color: #aaa; font-size: 8px; } .job-step-cost-group li.list-group-item { padding-top:5px; padding-bottom:5px; } .job-step-cost-group-item .show-on-hover { visibility:hidden; } .job-step-cost-group-item:hover .show-on-hover { visibility:visible; } .inspection-test-table tr.section-row > td { background-color: #d1cece; color: #fff; padding: 7px 10px } .inspection-test-table tr.is-selected.is-editable { background-color: #c0ffee36 } .inspection-test-table tr.is-not-selectable { opacity:0.5 } .job-todos.list-group>li.list-group-item { padding: 5px; } .list-group>li.list-group-item .mover { display: none; color: #ccc; } .job-todos.list-group>li.list-group-item.heading { padding: 3px 5px; background-color: #cbd9e2; color: #555; } .job-todos.list-group>li.list-group-item.heading > b { font-size: 0.9em; } .list-group > li.list-group-item.heading .mover { color: #aaa; } .job-todos.list-group>li.list-group-item.heading>div.pull-right { position: relative; top: -3px; } .list-group>li.list-group-item:hover .mover:not(.ng-hide) { display: block; } .list-group>li.list-group-item .mover:hover { color: #000; } .job-instruction-details[disabled] .mover { display:none !important; } .job-todos .checkable>.todo-checkbox { border-radius: 4px; } .job-todos .checkable>.todo-checkbox:hover { background-color: #f5f4f3; } .job-todos li.list-group-item.element-filtered-out { opacity: 0.3; } .job-todos li.list-group-item.element-filtered-out>b { text-decoration: line-through; } .maintenancejob-detail { position: relative; } .maintenancejob-detail .progress-button { transition: all linear .2s; max-height: 50px; } .maintenancejob-detail .progress-controls { max-height: 200px; transition: all linear .2s; } .maintenancejob-detail .progress-button.ng-hide, .maintenancejob-detail .progress-controls.ng-hide { display: block !important; max-height: 0px; overflow: hidden; padding-top: 0px; padding-bottom: 0px; overflow: hidden; border: none; } .maintenancejob-detail div.assignee { background-color: #eaeaea; border-left: solid 1px #aaa; border-right: solid 1px #aaa; border-top: solid 1px #aaa; padding: 6px; overflow: hidden; } .maintenancejob-detail div.assignee>title { margin-bottom: 3px; } .maintenancejob-detail div.assignee>table.time-entries { margin-top: 6px; } .maintenancejob-detail div.assignee:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .maintenancejob-detail div.assignees:last-child { border-bottom: solid 1px #aaa; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .maintenancejob-detail div:not(.col-md-12) > div.step .progress-controls .btn-group>.btn { white-space: normal; font-size: 90%; } .maintenancejob-detail .objective-ticket .panel-heading i.ii { font-size: 180%; margin-top: -15px; position: relative; top: 5px; } .maintenancejob-detail .objective-ticket .porterage-info { width: 40%; min-width: 230px; margin-left: 5px; padding: 4px; border-radius: 4px; background-color:#ececec; } .maintenancejob-detail .objective-ticket .porterage-info>div{ width: 50%; } .maintenancejob-detail .objective-ticket .porterage-info dl { margin-bottom: 0px; } .maintenancejob-detail .objective-ticket .porterage-info dt { color: #bdbdbd; } .maintenancejob-detail .objective-ticket .porterage-info ul.items>li { padding-left:10px; position: relative; } .maintenancejob-detail .objective-ticket .porterage-info ul.items>li:before { content: "\2022"; display: block; position: absolute; left: 0px; } .maintenancejob-detail .objective-ticket img.selected-image-large { width: 100% !important; margin-left: 0px !important; } .maintenancejob-detail .objective-ticket dl.dl-horizontal > dt { width: 95px; } .maintenancejob-detail .objective-ticket dl.dl-horizontal > dd { margin-left: 105px; } .maintenancejob-detail .objective-ticket .panel-body { padding: 3px; } div.my-tasks ul.nav-inbox > li > a { padding-right:5px; } div.my-tasks .form-search { border-radius:20px; overflow:hidden; border: solid 1px #a1a1a1; } div.my-tasks div#GeneralSearch > span#search_icon { padding: 6px 0px 6px 10px; background-color: #fff !important; } div.my-tasks div#GeneralSearch > span#clear_icon { padding: 6px 6px 6px 0px; background-color: #fff !important; } div.my-tasks div#GeneralSearch > input { border: none; padding-left: 3px; padding-right: 3px; } .scheduled-job-move-dialog .preview-timeline .marker { background-color: #0059ff; } .scheduled-job-move-dialog .preview-timeline .marker.preview-marker, .scheduled-job-move-dialog .preview-key .preview-marker { background-color: #ffc400; } .scheduled-job-move-dialog .preview-timeline .marker.preview-marker-this-job, .scheduled-job-move-dialog .preview-key .preview-marker-this-job { background-color: #ff50ff; min-width: 4px; border: solid 1px black; } .scheduled-job-move-dialog .preview-timeline .marker.preview-marker-this-job { top: 6px; height: 24px !important; } .service-ticket-preview { background-color:#dbe0e6; } .service-ticket-preview .ticket-reference { font-size:16px; font-weight:bold; } .service-ticket-preview .ticket-reference .ii { font-size:1.5em; position:relative; top:3px; } .service-ticket-preview .ticket-icon .ii { margin-left: -5px; top:-4px; font-size:40px; } .service-ticket-preview .subtle-form-section { background-color:#efefef; } .service-ticket-preview .subtle-form-section-dark { background-color:#656565; color: #fff; } .service-ticket-preview .subtle-form-section-dark .btn { background-color: #444; color: #fff; } .service-ticket-preview .ticket-panel { margin: 0px 0px 10px; border-radius: 10px; position: relative; } .service-ticket-preview .ticket-panel>h5 { margin-top:0px; color: #787878; font-size: 0.95em; } div.service-ticket-preview .targets-panel .target { font-size: 105%; color: #b0b0b0; } div.service-ticket-preview .targets-panel .target { font-size: 70%; } div.service-ticket-preview .targets-panel .target.leaf-target { font-size: 100%; color: #348fe2; background-color: #f1f1f1; padding: 3px; margin: 0px 2px 4px; border-radius: 2px; } .service-ticket-preview .timeline-body .corner-button { font-size: 8px; top:-5px; right: -5px } .service-ticket-preview .timeline > li.timeline-small > .timeline-panel { margin-right: 10px; font-size: 10px; width: calc(100% - 80px); width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); } .service-ticket-preview .timeline > li.timeline-small > .timeline-panel .timeline-title { font-size: 12px; } .service-ticket .ng-invalid-required.ng-pristine { border-color:#e39e30; } .service-ticket.ng-submitted .ng-invalid-required:not([ng-form]), .service-ticket .ng-invalid-required.ng-dirty, .service-ticket .ng-invalid-required.ng-touched, .service-ticket .ng-invalid-required input.ng-touched, .service-ticket .validation-proxy.ng-invalid { background-color: #fbbfbf !important; border-color: #ff3a3a; } /*.service-ticket .ng-valid-required { background-color:#b0ff99; border-color:#75bf60; }*/ .btn.component-requirement-mandatory { border-color: #e39e30; } .btn.component-requirement-recommended { border-color: #348fe2; } .ng-invalid-mandatory-component-selection .btn.component-requirement-mandatory { background-color: #fbbfbf !important; border-color: #ff3a3a; } .ticket-action-buttons { /*display:flex;*/ /*position:absolute; top:0; left:0; right:0; height:40px;*/ } .ticket-action-buttons > [uib-dropdown], .ticket-action-buttons > button { display:inline-block; /*width:20%;*/ } .insight-sub-heading { border-radius:8px; padding:3px; padding-left:10px; background-color:#cbcbcb; color:#5c5757; } .insight-agreement-panel { background-color: #fbfbfb; padding: 3px; } .insight-agreement-panel .insight-agreement-title { font-size: 1.1em; color: #70a7e4; font-weight: bold; } .insight-agreement-panel .insight-agreement-dates { color: #adadad; } .service-ticket .ticket-labels>div { display: inline-block } .service-ticket .ticket-labels>div:not(:last-child) { margin-right:3px; } .service-ticket .ticket-status { font-size: .9em; margin-top:-3px; } .service-ticket .ticket-viewers { font-size: .9em; } .service-ticket .ticket-viewers-label { background-color: #e1e1e1; color: #868686; cursor: pointer; border: solid 1px #aaa; } .service-ticket-impact { position:absolute; top:0; left:0; bottom:0; width:6px; border-top-left-radius:10px; border-bottom-left-radius:10px; } .service-ticket .ticket-icon .ii { margin-left: -5px; top:-4px; font-size:40px; } .service-ticket .ticket-reference { font-size:16px; font-weight:bold; } .service-ticket .ticket-reference .ii { font-size:1.5em; position:relative; top:3px; } .service-ticket-comment-list { max-height: 300px; overflow-y: auto; } .service-ticket-comment-list .comment-item { background-color: #fff; margin: 4px; padding: 4px; border-radius: 8px; background-color:#f7f7f7; border: solid 1px #ddd; } .service-ticket .star-rating-saved .checked { display: inline-block; color: orange; } .timeline-badge-time { font-size: .6em; position: absolute; top: 46px; left: 7px; color: #333; font-weight: bold; } .timeline > li.timeline-small .timeline-badge-time { top: 10px; left: -14px; } .timeline .timeline-panel.timeline-item-dark, .service-ticket-comment-list .comment-item.comment-item-dark { background-color:#656565 !important; color:#dcdcdc !important; } .timeline .timeline-panel.timeline-item-dark { padding-top: 1px !important; padding-bottom: 1px !important; } .timeline .timeline-panel.timeline-item-dark .timeline-title { color:#fff; } .timeline > li > .timeline-badge.badge-danger { background-color:#d94141; } .timeline > li > .timeline-badge.badge-warning { background-color:#fbb12f; } .timeline.service-ticket-timeline > li > .timeline-panel:after, .timeline.service-ticket-timeline > li > .timeline-panel:before { border-right-color: #dedede; } .timeline.service-ticket-timeline > li.timeline-small > .timeline-panel:after, .timeline.service-ticket-timeline > li.timeline-small > .timeline-panel:before { border-right-color: #fff; } .timeline.service-ticket-timeline > li.timeline-small > .timeline-panel.timeline-item-dark:after, .timeline.service-ticket-timeline > li.timeline-small > .timeline-panel.timeline-item-dark:before { border-right-color: #656565; } .service-ticket .panel-group:last-child, .service-ticket .panel-group:last-child .panel-body { margin-bottom:0; padding-bottom:0; } .timeline.service-ticket-timeline .timeline-panel .status-label:first-child { position: absolute; top: 3px; right: 7px; background-color: #878787; color: #fff; padding: 2px 4px; font-size: 75%; border-radius: 5px; } .service-ticket .service-ticket-tag-list { margin:0; } .service-ticket .service-ticket-tag { border-radius:3px; padding: 5px 10px; font-size: 11pt; margin:5px; } .service-ticket .reference-value { padding: 1px 3px 3px 3px; } .timeline.service-ticket-timeline:before { background-color:#fff; } .timeline.service-ticket-timeline li .timeline-badge.badge-future { background-color:#fff; } .timeline.service-ticket-timeline > li > .timeline-panel { background-color:#dedede; } .timeline.service-ticket-timeline > li.timeline-small > .timeline-panel { background-color:#fff; } .timeline.service-ticket-timeline .timeline-small > .timeline-panel .status-label { display:none; } .timeline.service-ticket-timeline li.timeline-future { width: 100%; text-align: center; line-height: 20px; background-color: #e4e4e4; font-size: 120%; display:block; border-top-left-radius: 5px; border-top-right-radius: 5px; } .timeline.service-ticket-timeline li.timeline-future:after { content: " "; display:block; position: relative; bottom:-5px; height:6px; background: linear-gradient(-45deg, transparent 75%, #e4e4e4 75%) 0 50%, linear-gradient( 45deg, transparent 75%, #e4e4e4 75%) 0 50%; background-repeat: repeat-x; background-size:10px 5px, 10px 5px; } .timeline.service-ticket-timeline li.timeline-future:hover { background-color: #cecece; } .timeline.service-ticket-timeline li.timeline-future:hover:after { background: linear-gradient(-45deg, transparent 75%, #cecece 75%) 0 50%, linear-gradient( 45deg, transparent 75%, #cecece 75%) 0 50%; background-repeat: repeat-x; background-size:10px 5px, 10px 5px; } .timeline.service-ticket-timeline { margin:0; padding:0; } .timeline.service-ticket-timeline .timeline-panel.public-visibility:not(.timeline-item-dark), .service-ticket-comment-list .comment-item.public-visibility:not(.comment-item-dark) { background-color: #f0fdea !important; } .timeline.service-ticket-timeline .timeline-panel .visibility-indicator:hover { background-color: inherit !important; } .timeline.service-ticket-timeline .timeline-panel .visibility-indicator { position: absolute; bottom:2px; right: 4px; padding: 5px 0px 0px 5px; } .timeline.service-ticket-timeline .timeline-panel .visibility-indicator>.visibility-title, .service-ticket-comment-list .comment-item .visibility-indicator>.visibility-title { display:none; } .timeline.service-ticket-timeline .timeline-panel:hover .visibility-indicator>.visibility-title, .service-ticket-comment-list .comment-item:hover .visibility-indicator>.visibility-title { display:inline; } .timeline.service-ticket-timeline > li.timeline-small > .timeline-panel.public-visibility:after, .timeline.service-ticket-timeline > li.timeline-small > .timeline-panel.public-visibility:before { border-right-color: #f0fdea; } .service-ticket .subtle-form-section { background-color:#efefef; } .service-ticket .subtle-form-section-dark { background-color:#656565; color: #fff; } .service-ticket .subtle-form-section-dark .btn { background-color: #444; color: #fff; } /*.service-ticket .main-form-section { background-color:#efefef; } .service-ticket .main-form-section .arrow-right { border-left-color:#efefef; } .service-ticket .main-form-section .arrow-left { border-right-color:#efefef; } .service-ticket .main-form-section .arrow-up { border-bottom-color:#efefef; } .service-ticket .main-form-section .arrow-down { border-top-color:#efefef; } .service-ticket .form-section-incomplete { background-color:#d8d8d8; }*/ .service-ticket .main-form-section .email-preview { padding-top: 0px; } .service-ticket .main-form-section .email-preview iframe { max-height: 200px; } .service-ticket .panel-default > .panel-heading { background: #e9e9e9; } .timeline li .timeline-badge.badge-future { color: #333; } .timeline-body > div > p { padding: 0 20px 20px; margin-bottom: 0; } .timeline-body > p { white-space: pre-wrap; } .timeline-body .corner-button { position: absolute; top: 4px; right: 4px; max-width: 60%; font-size:10px; } .timeline-body .corner-button > a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; } .job-manager-filters-header .rounded-search { width: 100px; display: inline-block; border: none; margin: -7px 0px -7px 5px; position: relative; top: -1px; -moz-transition: width .25s; -o-transition: width .25s; -webkit-transition: width .25s; transition: width .25s; } .job-manager-filters-header .rounded-search.has-focus { width: 200px; } .service-ticket-list-item { margin:10px; padding: 3px 15px; background-color: #fff; position:relative; border-radius:6px; overflow:hidden; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } .service-ticket-list-item>a { text-decoration: none; color: #707478; } .service-ticket-list-item>a:hover { color: #707478; } .service-ticket-list-item.draft-ticket { background-color: #ececec; border: dashed 1px #aaa; } .service-ticket-list-item:hover { background-color:#e9e9e9; } .service-ticket-list-item .text-default { color:#9c9c9c !important; } .service-ticket-list-item .impact { position:absolute; top:0; left:0; bottom:0; width:6px; background-color:#ccc; } .service-ticket-list-item-columns { display:flex; align-content:center; align-items:center; min-height:55px; } .service-ticket-list-item-columns > div { flex-direction:column; flex-grow: 1; } .service-ticket-list-column-icon { width: 5%; } .service-ticket-list-column-icon .ticket-icon { /*position:absolute;*/ font-size:30px; /*top: 10px; left: 9px;*/ } .service-ticket-list-column-ref { width: 15%; } .service-ticket-list-column-desc { width: 55%; padding-right:10px; } .service-ticket-list-column-jobs { width: 10%; } .service-ticket-list-column-meta { width: 15%; } .ticket-status .label.ticket-status-label.label-warning, .service-ticket-list-item .label.ticket-status-label.label-warning { background: #f3d7ae; border: 1px solid #f59c1a; color: #666; } .ticket-status .label.ticket-status-label.label-success, .service-ticket-list-item .label.ticket-status-label.label-success { background: #afe0af; border: 1px solid #5cb85c; color: #000; } .ticket-status .label.ticket-status-label.label-inverse, .service-ticket-list-item .label.ticket-status-label.label-inverse { background: #8b8b8c; border: 1px solid #2d353c; color: #fff; } .ticket-status .label.ticket-status-label.label-default, .service-ticket-list-item .label.ticket-status-label.label-default { background: #d9e8f1; border: 1px solid #b6c2c9; color: #666; } .service-ticket-list-new { padding: 1px 4px; border-radius:3px; border:1px solid #64a5dc; background-color:#c6d7e6; color:#64a5dc; font-size:.8em; font-weight:bold; } .service-ticket-badge { padding: .25em 1em .25em 0; position: relative; margin: 3px auto; border-top-left-radius:.5em; border-bottom-left-radius:.5em; overflow:hidden; white-space:nowrap; } .service-ticket-badge-count { display:inline-block; margin: -.25em .5em -.25em 0; padding: .25em .5em; position:relative; color:#fff; z-index:2; } .service-ticket-badge-label { position:relative; color:#000; z-index:2; } .service-ticket-badge:before { content: ''; display: block; border: 0; position: absolute; top: 0; left: 0; padding: 0; margin: 0; width: 100%; height: 100%; background-color:#fff; opacity:.5; z-index:1; } .service-ticket-badge:after { content: ''; display: block; border: .9em solid transparent; border-right-color: #fff; position: absolute; top: 0; right: 0; width: 0; height: 0; } .project-milestone-badge { overflow: hidden; text-overflow: ellipsis; margin-right: 5px; font-size: 0.8em; display: inline-block; white-space: nowrap; } div.service-ticket .main-ticket-icon { position: relative; top: 8px; font-size: 40px; margin-right: 4px; } div.service-ticket ul.comments li { background-color: #e9e9e9; margin-bottom: 4px !important; padding: 5px; border-radius: 3px; } div.service-ticket ul.comments li:not(.your-comments):before { content: ''; display: block; position: absolute; left: 25px; width: 0px; height: 0px; border-color: transparent; border-width: 8px 8px 8px 8px; border-style: solid; border-right-color: #e9e9e9; } div.service-ticket ul.comments li:nth-child(even) { background-color: #d9d9d9; } div.service-ticket ul.comments li:nth-child(even):before { border-right-color: #d9d9d9; } div.service-ticket ul.comments li.your-comments { background-color: #55aef8; color: #fff; } div.service-ticket ul.comments li.your-comments:not(.animated):before { content: ''; display: block; position: absolute; right:24px; width: 0px; height: 0px; border-color: transparent; border-width: 8px 8px 8px 8px; border-style: solid; border-left-color: #55aef8; } div.service-ticket ul.comments li.your-comments .text-muted { color: #555 !important; } div.service-ticket .targets-panel .target { font-size: 105%; color: #b0b0b0; } div.service-ticket .targets-panel .target { font-size: 105%; } div.service-ticket .targets-panel .target.leaf-target { font-size: 120%; color: #348fe2; background-color: #f1f1f1; padding: 3px; margin: 0px 2px 4px; border-radius: 2px; } div.service-ticket .linked-ticket { background-color: #efefef; display: flex; align-items: center; justify-content: space-between; padding: 5px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border: solid 1px #bfbfbf; } div.service-ticket .linked-ticket:hover { background-color: #f7f7f7; } div.service-ticket .linked-ticket.direct { background-color: #dadada; } div.service-ticket .linked-ticket.direct:hover { background-color: #f3f3f3; } div.service-ticket .linked-ticket .delete-icon { margin-left: -1px; color:#ff9595; } div.service-ticket .linked-ticket .delete-icon:hover { color:#f00; } div.service-ticket .linked-ticket:not(.direct) .ticket-icon { margin-left: 11px; } div.service-ticket .jobs-table tr.subheading>td { padding-top: 0px; padding-bottom: 0px; background-color: #f0f0f0; } div.service-ticket .contact-match { width: 400px; min-height: 60px; } div.service-ticket .contact-match > div:first-child { float: left; margin-left: -10px; margin-right: 10px; } div.service-ticket .ticket-contact-info div.box { position: relative; width: 100%; max-width: 128px; margin-left: auto; margin-right: auto; } div.service-ticket .ticket-contact-info div.box:before{ content: ""; display: block; padding-top: 100%; } div.service-ticket .ticket-contact-info div.box > div { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } div.service-ticket .contact-image { background-image: url('/assets/img/user-no-image.jpg'); background-size: contain; background-repeat: no-repeat; background-position: center; } div.service-ticket .ticket-contact-info .contact-image-container .contact-image { width: 100% !important; height: 100% !important; border-radius: 50%; } div.service-ticket .contact-match > .contact-image { width: 50px; height: 50px; border-radius: 25px; } div.service-ticket .dropdown-menu > .active > a.contact-match , div.service-ticket .dropdown-menu > .active > a.contact-match :hover, div.service-ticket .dropdown-menu > .active > a.contact-match :focus { background-color: #cbcbcb; } div.service-ticket .contact-name .dropdown-menu { max-height: 200px; overflow-y: auto; background-color: #f1f1f1; } div.service-ticket .input-group.ticket-ref-input { width: 100px; } div.service-ticket .input-group.ticket-ref-input > .form-control, div.service-ticket .input-group.ticket-ref-input > .input-group-addon, div.service-ticket .input-group.ticket-ref-input > .input-group-btn > .btn { height: 17px; line-height: 1.5; overflow-y: hidden; padding: 1px 5px; } div.service-ticket .input-group.ticket-ref-input > .input-group-addon { font-size: 10px; } .sla-tooltip>.tooltip-inner { width: 300px; max-width: 300px; } table.sla-details { text-align:left; width: 100%; } table.sla-details tr>td:nth-child(2) { padding-left:10px; text-align: right; } div.service-ticket .fa-stack-1x.subscript { top: 4px; left: 4px; font-size:0.8em; } div.service-ticket .list-group.porterage-targets>.list-group-item { background-color: #f7f7f7; } div.service-ticket .list-group.porterage-targets>.list-group-item textarea.instruction { margin-top: 4px; resize: none; height: 32px; background-color: #fdfdfd; transition:all linear .1s; border-color:#e6e6e6; } div.service-ticket .list-group.porterage-targets>.list-group-item textarea.instruction:hover, div.service-ticket .list-group.porterage-targets>.list-group-item textarea.instruction:focus, div.service-ticket .list-group.porterage-targets>.list-group-item textarea.instruction.has-data { height: 72px; background-color: #fff; border-color: #ccd0d4; } div.service-ticket .list-group.porterage-targets>.list-group-item textarea.instruction:focus { border-color: #9fa2a5; } div.service-ticket .list-group.porterage-targets .dropdown-menu { max-height: 200px; overflow-y: auto; } div.service-ticket .target-search li:not(:last-child) .freetype { border-bottom: solid 1px #bbb; } div.service-ticket div.ticket-button-ribbon { text-align: right; padding: 10px 15px 10px 0px; background-color: #656565; border-radius: 10px; } div.service-ticket div.ticket-button-ribbon .btn[disabled] { background-color: #808080; color: #fff !important; } /*div.service-ticket .porterage-target-group { display: flex; align-items: center; justify-content: space-between; background-color: #f0f0f0; border-radius: 4px; padding: 3px; margin-bottom: 5px; } div.service-ticket .porterage-target-group div:not(:nth-child(2)) { flex: 1 1 0; } div.service-ticket .porterage-target-group .porterage-target-item { display:flex; align-items: center; justify-content: space-between; background-color: #fafafa; border-radius: 4px; padding: 3px; margin: 2px 0px; cursor: pointer; } div.service-ticket .porterage-target-group .porterage-target-item:hover { background-color: #fff; } div.service-ticket .porterage-target-group .porterage-target-item:hover .caret, div.service-ticket .porterage-target-group .dropdown.open>.porterage-target-item .caret { visibility: visible !important; }*/ div.service-ticket .ref-prefix, div.service-ticket .ref-suffix { color: #9e9e9e !important; } .service-ticket-job-link-modal .picker-item { background-color: #444; color: #fff !important; overflow: hidden; } .service-ticket-job-link-modal .picker-item:not(:last-child) { border-bottom: solid 1px #aaa; } .service-ticket-job-link-modal .picker-item:hover { background-color: #3c3c3c !important; } .service-ticket-job-link-modal .picker-item[disabled] { background-color: #222; color: #aaa !important; } .service-ticket-job-link-modal .picker-item h4 { margin: 0px; color: #fff !important; } .service-ticket-job-link-modal .picker-item .text-muted { color: #a3a3a3; } .service-ticket .advanced-fields fieldset:not(:last-child) { margin-bottom: 4px !important; } .service-ticket .advanced-fields .btn-group>.btn { white-space: normal; } .service-ticket image-gallery .selected-image-large { margin-left: 0px !important; width: 100% !important; border-color: #d4d4d4 !important; } .service-ticket .people-accordion .panel[data-has-errors=true]:not(.panel-open) .panel-heading { background-color:#fbbfbf !important; border:solid 1px #ff3a3a; } .timeline.service-ticket-timeline .timeline-thumb-wrapper { display: flex; width: 40px; height: 40px; border: 0; justify-content: center; align-items: center; overflow: hidden; position: absolute; top: 3px; right: 3px; } .timeline .timeline-panel .timeline-sub-panel { background-color: #fff; padding: 5px; margin: 5px; position: relative; } .timeline .timeline-panel .timeline-sub-panel .timeline-item-datetime { font-size: 8px; position: absolute; bottom:0px; right: 0px; } .fa.resolution-note.resolution-note-on { color: #7fbbe1; } .fa.resolution-note.resolution-note-off { color: #d7d7d7; } .service-ticket-timeline .timeline-body > .timeline-attachment > .timeline-thumb-wrapper { border: solid 1px #fff; border-bottom-width: 3px; transform-origin: bottom center; } .service-ticket-timeline .timeline-body>.timeline-attachment:nth-child(odd)>.timeline-thumb-wrapper { transform: rotate(8deg); opacity: 0.5; } .service-ticket-timeline .timeline-body>.timeline-attachment:nth-child(even)>.timeline-thumb-wrapper { transform: rotate(-8deg); opacity: 0.5; } .service-ticket-timeline .timeline-body>.timeline-attachment[firstimage=true]>.timeline-thumb-wrapper { transform: rotate(0deg); z-index:100; opacity: 1; } .timeline-year-row { display: flex; /* Layout: horizontal flex row */ align-items: center; /* Vertically center items */ width: 100%; /* Full container width */ color: #888888; padding: 0 10px; } .timeline-year-label { font-weight: bold; /* Bold year text */ margin: 0 20px; /* Horizontal spacing around label */ white-space: nowrap; /* Prevent year from wrapping */ flex-shrink: 0; /* Prevent label from shrinking */ font-size: 14px; /* Year font size */ } .timeline-year-separator { flex: 1; /* Take up remaining space */ border: 0; /* Remove all borders except top */ border-top: 2px solid; /* Separator line style and color */ height: 0; /* No vertical height, just the border line */ } .feedback-rating-label { background-color: orange; color: white; font: bold; padding: 2px 6px; border-radius: 4px; margin: 25px; } .service-ticket-header { padding:10px 20px; background-color:#4C5053; color:#fff; font-size:14pt; position:relative; } .service-ticket-header .form-inline { position: absolute; top: 6px; right:15px; width:30%; } .service-ticket-header .form-inline input[type=text] { width:100%; } .service-ticket-list-filters, .service-ticket-list-nofilters { padding:10px 20px; font-size:10pt; color:#fff; overflow: hidden; } .service-ticket-list-filters { background-color: #4674b6; } .service-ticket-list-nofilters { background-color: #2D353C; } .service-ticket-list-filters-title { display:inline-block; } .service-ticket-list-filters ul { list-style-type:none; padding:0; margin:0; display:inline-block; white-space:initial; } .service-ticket-list-filters li { display:inline-block; border-radius:3px; background-color:#2D353C; color:#fff; padding: 3px; margin:5px 0 5px 8px; font-size:8pt; } .service-ticket-list-filters li:hover { opacity:.8; } .service-ticket-list-filters li:last-of-type { background-color:#223053; } div.service-tickets .ticket { width: 100%; background-color: #fff; border-radius:10px; padding: 5px; margin-bottom:1px; display: table; } div.service-tickets .ticket:hover { background-color: #f5f5f5; } div.service-tickets .ticket > div.ticket-icon { display: table-cell; vertical-align: middle; padding-right: 10px; } div.service-tickets .ticket > div.ticket-icon > div { width:50px; height:50px; background-color: #bbb; color: #fff; text-align: center; line-height: 50px; font-size: 30px; border-radius: 28px; } div.service-tickets .ticket > div.ticket-icon.late > div { background-color: red; } div.service-tickets .ticket div.right-panel { float: right; text-align: right; } div.service-tickets .ticket > div.ticket-title-area { margin: 4px; color: #000; overflow: auto; display: table-cell; width: 100%; } div.service-tickets .ticket > div.ticket-title-area .ticket-title { font-size: 24px; line-height: 24px; font-weight:100; font-family: 'Yantramanav', Helvetica,Arial, sans-serif; } div.service-tickets .ticket span.ref-no { font-size: 12px; } div.service-tickets .ticket ul.ticket-dates { display:block; font-size:125%; margin-top: 6px; margin-bottom: 0px; } /* SUMMARY */ .service-tickets .summary-panel { height:60px; } #service-tickets-summary { display:flex; align-items:stretch; } #service-tickets-summary .summary-panel { flex:1 1; } #service-tickets-summary .summary-panel .summary-value { line-height: 75%; font-size: 1.4vw; } #service-tickets-summary .summary-panel .summary-title { font-size: 6pt; } #service-tickets-summary .summary-panel:hover { opacity:.9; } #service-tickets-summary { position:fixed; top:54px; left:220px; bottom:0; width:80px; flex-direction:column; } .page-sidebar-minified #service-tickets-summary { left:60px; } #ticket-manager-list { margin-left:80px; } #service-ticket-list-search { margin-right: 50px; } /* CONDENCED when floor plan IS SHOWN */ .show-floorplan #ticket-manager-list { margin-left: 0; } .show-floorplan #service-tickets-summary { position:relative; top:inherit; left:inherit; bottom:inherit; width:auto; flex-direction:row; } .show-floorplan #service-ticket-list-search { margin-right: 0; } .ticket-queue-label.queue-show-on-hover>.queue-label-description { display: none; } .ticket-queue-label.queue-show-on-hover:hover>.queue-label-description { display: inline; } table.time-entries { background-color: #fff; border: solid 1px #ddd; border-radius: 4px; width: 100%; text-align: center; } table.time-entries td { padding: 2px 15px; } table.time-entries td.icon, table.time-entries td.time-arrow { width: 80px; text-align: center; padding-left: 0px; padding-right: 0px; } table.time-entries span.offset { color: #aaa; font-size: 80%; margin-left: 5px; } div.user-assignments-dialog { background-color: #d9e0e7; } div.user-assignments-dialog .user-assignments-list #tabs { background-color: #d9e0e7; padding-top:2px; } div.user-assignments-list job-header .job-header { border-radius: 8px; overflow: hidden; padding: 0px; margin-bottom: 10px; } div.user-assignments-list .nav.nav-headings>li { width: 32.8%; } div.user-assignments-list .nav.nav-headings>li>div{ padding: 10px; } div.user-assignments-list .nav.nav-headings>li:not(.active) { opacity: 0.4; background-color:#444444; border-radius: 10px; color:#ffffff; transition: all .25s; } div.user-assignments-list .nav.nav-headings>li:not(.active):hover { opacity: 1; transition: all .25s; } div.user-assignments-list div#tabs { z-index: 100; background-color: #d9e0e7; margin-top: -10px; padding-top: 20px; width:100%; } div.user-assignments-list .nav-header>div { display:inline-block; } div.user-assignments-list .nav.nav-headings>li .stats-icon { vertical-align: middle; height: 40px; text-align: center; line-height: 40px; font-size: 30px; } div.user-assignments-list .nav.nav-headings > li .stats-info { padding: 3px; vertical-align: middle; height: 40px; line-height: 40px; font-size:18px } div.user-assignments-list .nav.nav-headings>li.active > div { -webkit-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.95); -moz-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.95); box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.95); background-color:#ffffff; border-radius: 10px; color:#444444; } div.user-assignments-list .tab-content { background-color: transparent; } div.user-assignments-list div#jobs { margin-top: 100px; width:99%; } div.user-assignments-list div#jobs div.job-list-item:hover { background-color: #5b5959; } div.user-assignments-list div.no-records-found { margin-top: 150px; font-size: 200%; text-align:center; } div.user-assignments-list div.no-records-found > i.fa { font-size: 150%; color: #a1a1a1; } div.user-assignments-list div.search-count { font-size: 150%; } div.changeset-create div.btn-group.new-scheme-type > .btn { text-align: left; font-size: 25px; } div.changeset-create div.btn-group.new-scheme-type > .btn > i.fa { font-size: 50px; color: #9a9a9a; } div.changeset-create div.btn-group.new-scheme-type > .btn > span { display: block; font-size: 10px; white-space: normal; color: #808080; } .prepopulate-loading-bg, .prepopulate-loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4; } .prepopulate-loading-bg { background:#333; opacity:.8; } .prepopulate-loading { margin-top:150px; text-align: center; vertical-align: middle; font-size: 20px; color:#fff; } div.life-risks { background-color: #1c262e; } div.life-risks > table { margin: 20px; } div.life-risks > table col.ec { width: 20px; } div.life-risks > table col.ec.level2 { background-color: #333d44; } div.life-risks > table th.rotate { height: 180px; white-space: nowrap; font-size: 80%; overflow: hidden; } div.life-risks > table > thead > tr { vertical-align: bottom; } div.life-risks > table th.ec { border: solid 1px transparent; } div.life-risks > table th.ec.level1, div.life-risks > table tr.building > th { background-color: #333d44; color: #626a70; } div.life-risks > table th.ec.level2, div.life-risks > table tr.component > th { background-color: #b1b5ba; color: #5c636a; } div.life-risks > table td.ec { text-align:center; } div.life-risks > table th.rotate > div { transform: rotate(-90.0deg); width: 30px; margin-bottom: 15px; } .adjustment-popover .popover-inner { max-height: 600px; overflow: auto; } .plangrid-viewoptions .year-heading { color: #cfcfcf; } .plangrid-viewoptions .year-heading.hidden-from-chart { color: #898989; } .plangrid-viewoptions .timeline-segment { border: solid 1px #828282; } .plangrid-viewoptions .timeline-segment.hidden-from-chart { opacity: .5 !important; border-color: transparent; } .plangrid-viewoptions .timeline-segment.hidden-from-chart:hover { opacity: .9 !important; } .plangrid-viewoptions .wiew-options-showrisks { position:relative; } .plangrid-viewoptions .wiew-options-showrisks .panel-loading { position:absolute; top:0; left:0; width:100%; height:100%; display: flex; align-items: center; justify-content: center; z-index: 1; } .plangrid-viewoptions .wiew-options-showrisks .panel-loading span { position:relative; display: inline-block; color: #fff; z-index: 2; } .plangrid-viewoptions .wiew-options-showrisks .panel-loading:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background: #000; opacity: .5; z-index: 1; } .adjustment-refreshing { display: flex; position: fixed; top: 0; right: 0; width: 220px; height: 100%; opacity:.75; z-index: 100; background:#333; align-items: center; justify-content: center; } .plangrid-viewoptions-popover label { margin-bottom: 1px; } .plangrid-viewoptions-popover hr { margin-top: 10px; margin-bottom: 10px; } .plangroup-edit .building-list > li { border:solid 1px #aaa; border-radius: 4px; margin: 4px; padding: 6px 4px; background-color: #efefef; } .plangroup-edit .building-list > li button { margin-top: -4px; margin-right: 6px; background-color: #efefef; border-color: transparent; display:flex; align-items:center; } .plangroup-edit .building-list > li button:hover { background-color: #fff; border-color: #aaa; } .plangroup-edit .building-list > li button .small { font-size: 9px; font-weight: bold; } .plangroup-edit .building-list > li button .caret { margin-left: 4px; margin-right: -8px; } .plangroup-edit .dropdown-menu .dropdown-header { font-size: 10px; color: #aaa; } .plangroup-edit .building-list > li { position: relative; animation-duration: .3s; } .plangroup-edit .building-list > li > i.close-button { position: absolute; right: 2px; top: 2px; font-size: 10px; color: red; z-index: 100; } div.scheme-buttons > button, div.scheme-buttons > div { padding: 1px 2px; display: inline-block; margin-bottom: 3px; } div.works-detail .accordion-toggle h4 { margin: 0px 0px; } div.works-detail .accordion-toggle h4 > span.badge { margin-top: -3px; } .top-down-preview-dialog .works-info-panel { display: table; } .top-down-preview-dialog .works-info-panel > div { display: table-cell; } .top-down-preview-dialog .works-info-panel > div.service-charge-table { width: 220px; } .top-down-preview-dialog .works-info-panel > div.service-charge-table tr > td { padding:3px 15px; } div.legalDocuments .nav-tabs > li > a { margin-left: 0px; } div.legalDocuments .nav > li > a { padding: 5px 6px; } div.legalDocuments > div:first-child { width: 30%; display:flex; align-items: stretch; padding: 10px 5px 10px 15px; } div.legalDocuments > div:first-child > div { width: 100%; overflow-y: auto; padding: 5px; } div.legalDocuments > div:last-child { width: 70%; display:table-row; align-items: stretch; overflow-x:hidden; overflow-y: auto; background-color:white; margin-top: 15px; } div.legalDocuments > div:last-child > div { background-color: white; overflow-x: visible; overflow-y: visible; padding: 10px; } div.legalDocuments .expiredDoc { background-color: #fbe5e5 !important; } div.legalDocuments .checkedout { background-color: #fff6d1 !important; } div.legalDocuments table .overflow { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } div.legalDocuments h3 { margin-top: 10px; margin-bottom: 10px; } div.legalDocuments .tab-content { height: calc(100% - 40px); width: 100%; } div.legalDocuments .flex-content .tab-content>.tab-pane.active { display: flex; flex-direction: column; height: 100%; } div.legalDocuments .nav-tabs { background-color: transparent; } div.legalDocuments .nav-tabs > li { text-align: center; } div.legalDocuments .nav-item:not(.active)>a { background-color: #d9d9d9; } div.legalDocuments .schedules-list { overflow-y: auto; flex-grow: 1; } div.legalDocuments .schedules-list .schedule-item { border: solid 1px #ddd; border-radius: 4px; padding: 10px; margin-bottom: 2px; display: flex; } div.legalDocuments .schedules-list .schedule-item:hover { background-color: #f2f2f2; } div.legalDocuments .schedules-list .schedule-item>i { align-self: center; } div.legalDocuments .schedules-list .schedule-item > div:nth-child(2) { flex-grow: 1; } div.legalDocuments .schedules-list .schedule-item h5 { display: inline; } div.legalDocuments button.new-schedule-button { position: absolute; top: 10px; right: 5px; } div.legalDocuments .fc-event, div.legalDocuments .fc-event-dot { background-color: #eaeaea; } div.legalDocuments .fc-event { border: 1px solid #b1b1b1; border-left: 5px solid #b1b1b1; color: #000; cursor: pointer; } div.legalDocuments .fc-event.late { border-left-color: #f00; } div.legalDocuments .fc-event.due { border-left-color: #f59c1a; } div.legalDocuments .fc-event.abnormal { border-left-color: #000; } div.legalDocuments .fc-event.complete { border-left-color: #5cb85c; } div.legalDocuments .fc-event:hover { background-color: #f4f3f3; } div.legalDocuments .document-container { padding: 5px; } div.legalDocuments .document-item-archived, div.legalDocuments .document-item-archived:hover { background-color: #fbe5e5 !important; } div.legalDocuments .document-item-checkedout, div.legalDocuments .document-item-checkedout:hover { background-color: #fff6d1 !important; } div.legalDocuments .document-item { padding: 10px; border-bottom: 2px solid #eaeaea; transition: all 0.2s; } div.legalDocuments .document-item:hover { background-color: #f2f2f2; cursor:pointer; } div.legalDocuments .document-item .document-icon-container { display: flex; height: 50px; border: 0; justify-content: center; align-items: center; overflow: hidden; } div.legalDocuments .document-item .document-icon { font-size: 50px; width: 44px; } div.legalDocuments .document-warning-msg { padding: 30px 0 30px 0; } div.legalDocuments .pointer { cursor: pointer; } div.legalDocuments .document-rating-container { padding: 0px; } div.legalDocuments .document-rating-container i { font-size: 20px; } div.legalDocuments .vote-yes { color: #5cb85c; } div.legalDocuments .vote-no { color: #d9534f; } div.legalDocuments .dl-horizontal { margin-bottom: 0px; } div.legalDocuments .dl-horizontal dt { width: 90px; } div.legalDocuments .dl-horizontal dd { margin-left: 100px; } div.legalDocuments .document-rating-container .tag { background-color: #5bc0de; padding: 0px 10px 0px 10px; border: 1px solid #3f98bf; border-radius: 30px 30px; color: #ffffff; text-transform: lowercase; display: inline-flex; margin-bottom: 2px; } div.legalDocuments .document-rating-container .tag i { font-size: 12px; margin-left: 10px; padding-top: 2px; } div.legalDocuments .new-document-button { position: absolute; right: 10px; } div.legalDocuments .tags-container { padding: 4px; text-align: right; } div.legalDocuments .total-files-container { padding: 5px 10px 5px 10px; font-size: 14px; text-align: left; padding: 5px; margin: 0px 10px 10px 10px; background-color: #2d353c; color: #fff; } div.legalDocuments .search-container, div.legalDocuments .portfolio-container { padding: 5px 10px 5px 10px; } div.legalDocuments .warning { color: #f59c1a; } .div.legalDocuments .document-actionbutton-container { margin: auto; } div.legalDocuments .action-button { display: inline-block; padding: 6px 12px 6px 35px; margin-bottom: 2px; font-size: 14px; font-weight: 200; text-align: left; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; width: 100px; background-color: #d9e0e7; } div.legalDocuments .action-button i { font-size: 18px; left: 8px; position: absolute; } .legalDocuments-chart { min-height:325px; max-height: 325px; } div.legalDocuments .total-files.count-panel-header { background-color: #5691ac; } div.legalDocuments .legalDocuments-dashboard count-panel { padding: 5px; } div.legalDocuments .total .fa, div.legalDocuments .total, div.legalDocuments .legalDocuments-dashboard .count-panel-content { font-size: 14px; } div.legalDocuments .total.count-panel-header { background-color: #5691ac; } div.legalDocuments hr { margin: 20px; } div.legalDocuments .dashboard-stats-panel { margin: 0px 10px 10px 10px; } div.legalDocuments .legalDocuments-folders-tab li { list-style:none; } div.legalDocuments .chart-wrapper { visibility: visible !important; } div.legalDocuments .legalDocuments-chart-table th { background-color:#2d353c; color: #fff; } div.legalDocuments .legalDocuments-chart-table .data-row { background-color:#5691ac; color: #fff; } div.legalDocuments .legalDocuments-chart-table .data-row:hover { color: #000; } div.legalDocuments .legalDocuments-chart-table .drill-down-row { background-color:rgba(45, 53, 60, 0.11); } div.legalDocuments .legalDocuments-chart-table .drill-down-cell { padding-left: 50px; } div.legalDocuments .image-thumb-wrapper { display: flex; width: 50px; height: 50px; border: 0; justify-content: center; align-items: center; overflow: hidden; } div.legalDocuments .search-container, div.legalDocuments .portfolio-container { background-color: #fff; padding: 10px; border-radius: 10px; border: 2px solid #b8b8b8; } .legalDocuments-pdf { color:red; } .legalDocuments-excel { color:green; } .legalDocuments-dxf { color: purple; } .legalDocuments-visio { color:#3C579B; } .legalDocuments-zip { color:#E6712B; } .legalDocuments-empty { color: #ffc7ad; font-size: 44px !important; border: 2px dashed #ffc7ad; padding: 1px; } div.legalDocuments .legalDocuments-download-container { display: flex; justify-content: center; align-items: center; overflow: hidden; padding: 5px 0px 0px 0px; } div.legalDocuments .legalDocuments-download, div.legalDocuments .legalDocuments-download i { color: #5691ac; font-size: 12px; } div.legalDocuments .legalDocuments-download:hover, div.legalDocuments .legalDocuments-download i:hover, div.legalDocuments .legalDocuments-archive:hover, div.legalDocuments .legalDocuments-archive i:hover { text-decoration:none; } div.legalDocuments .legalDocuments-archive, div.legalDocuments .legalDocuments-archive i { color: red; font-size: 12px; } div.legalDocuments .legalDocuments-folder-tree .hideNode { display: none; } div.legalDocuments .legalDocuments-folder-tree .jstree-icon { color:#f59c1a; } div.legalDocuments .legalDocuments-docTypes-container, div.legalDocuments .legalDocuments-tags-container, div.legalDocuments .legalDocuments-projects-container, div.legalDocuments .legalDocuments-collection-container { padding-left: 30px; } div.legalDocuments .legalDocuments-customfilter-container { padding: 0px 10px; flex-flow: row; flex-direction: row; } div.legalDocuments .legalDocuments-customfilter-container .customFilter { padding: 5px 0px 5px 10px; background-color: #d9e0e7; margin: 5px 0px; color: #333; border: 1px solid #e9e9e9; } div.legalDocuments .legalDocuments-customfilter-container .customFilter:hover { background-color: #c0c0c0; border: 1px solid #333; cursor: pointer; } div.legalDocuments .legalDocuments-customfilter-container .customFilter button { margin: -2px 7px; border: 1px solid #333; } div.legalDocuments .legalDocuments-customfilter-container .customFilter button i { color: red; } div.legalDocuments .legalDocuments-docTypes-container .checkbox, div.legalDocuments .legalDocuments-tags-container .checkbox, div.legalDocuments .legalDocuments-projects-container .checkbox { padding-bottom: 5px; } div.legalDocuments .legalDocuments-docTypes-container .checkbox input, div.legalDocuments .legalDocuments-tags-container .checkbox input, div.legalDocuments .legalDocuments-projects-container .checkbox input { margin: 0px 0px 0px -20px; padding: 0px 0px 0px -20px; } div.legalDocuments .legalDocuments-collection-container .radio { padding: 3px 0px; } div.legalDocuments .legalDocuments-collection-container .radio input { margin-right: 10px; margin-top: 2px; } div.legalDocuments .legalDocuments-projects-container .fa { padding-left: 5px; } div.legalDocuments .legalDocuments-folder-tree .jstree-numbering , div.legalDocuments .legalDocuments-projects-container .jstree-numbering { padding: 0px 5px; color: #fff; background-color: #348fe2; margin-left: 10px; border-radius: 5px; } div.legalDocuments .legalDocuments-filters { padding:10px 0px 0px 0px; border-bottom: 10px solid #dae1e8; background-color: #37393c !important; } div.legalDocuments .legalDocuments-filters .fa-filter { margin:0px; } div.legalDocuments .legalDocuments-filters .filters-title { padding: 0px; margin: 0px 0px; border-bottom: 2px solid #000; } div.legalDocuments .legalDocuments-filters .filters-title h3 { color: #fff; } div.legalDocuments .legalDocuments-filters .filter-container { display: inline; font-size: 14px; } div.legalDocuments .legalDocuments-filters .filter-type { font-size:12px; color:#000; font-weight:bold; display: inline; padding: 10px 0px 0px 0px } div.legalDocuments .legalDocuments-filters .filters { display: inline-block; padding: 2px 5px 0px 0px; } div.legalDocuments .legalDocuments-bulkdownload, div.legalDocuments .legalDocuments-filters, div.legalDocuments .legalDocuments-dashboard { border-bottom: 10px solid #dae1e8; } div.legalDocuments .legalDocuments-addNew { flex: auto; display: grid; padding: 0px 0px 10px 0px; } div.legalDocuments .legalDocuments-addNew a { font-size: 20px; } div.legalDocuments .btn-addNew { color: #fff; background: #33383c; border-color: #33383c; display: block; } .attachment-edit, .attachment-notify, .attachment-request-update { background-color:#d9e0e7; max-height: 700px; overflow-y:scroll; } .attachment-edit .attachment-content, .attachment-notify .attachment-content, .attachment-request-update .attachment-content { background-color:#fff; margin: 0px; } .attachment-edit .attachment-lock { text-align: right; } .attachment-edit .attachment-lock i { font-size: 30px; } .attachment-edit hr, .attachment-notify hr { border-top: 1px solid #000; } .attachment-edit .split-btn { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .attachment-edit .attachment-supplementaryData { padding: 10px 0px; background-color: #e3e8ec; /*margin: 10px;*/ box-shadow: deeppink; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); } .legalDocuments-attachment-container { justify-content: center; align-items: center; display:block; background-color:#fff; padding:5px; margin-bottom: 10px; } .legalDocuments-attachment-container .image-container { padding-bottom:10px; } .legalDocuments-attachment-container .attachment-container { display: flex; justify-content: center; align-items: center; overflow: hidden; padding: 5px 0px 10px 0px; } .legalDocuments-attachment-container .attachment-container i, .legalDocuments-attachment-container .attachment-container .document-icon { font-size: 30px; width: 28px; } .legalDocuments-attachment-container .attachment-button { text-align: center; padding: 0px 0px 10px 0px; } .legalDocuments-attachment-container .legalDocuments-attachment-display { width: 100%; border: 1px solid rgb(0, 0, 0); } .legalDocuments-attachment-container .dropdown-menu { padding: 10px 0px; border: 1px solid grey; margin: -2px 0px 0px 0px; width: 180px; border-radius: 0px; background-color: #fff; } .legalDocuments-attachment-container .dropdown-item { padding: 10px; display: block; } .legalDocuments-attachment-container .dropdown-item:hover { text-decoration: none; background-color: whitesmoke; } .legalDocuments-file-container { background-color: #fff; margin: 0px 0px 10px 0px; padding-top: 5px; } .legalDocuments-form .ng-valid[required], .legalDocuments-form .ng-valid.required { border-left: 5px solid #85ec64; /* green */ } .legalDocuments-form .ng-invalid:not(form) { border-left: 5px solid #fab3b3; /* red */ } .legalDocuments-form .progress { height: 5px; margin: 0px; } .legalDocuments-form .shared-details-flag { text-align: center; padding: 10px; margin: 5px; } .legalDocuments-form .file-details-table th { width: 90px; font-weight: bold; text-transform:capitalize; text-align: left; } .legalDocuments-form .file-details-table tr { line-height:20px; } .legalDocuments-form .file-details-table table { margin-bottom: 10px; } .legalDocuments-notifications-container { border-bottom: 1px solid #c0c0c0; margin-bottom: 2px; padding: 5px 0px; } .legalDocuments-notifications-container:hover { background-color: #f2f2f2; cursor: pointer; } .legalDocuments-notification-icon-container { border: 0; justify-content: center; align-items: center; overflow: hidden; padding: 0px; margin: 0px; text-align: center; } .legalDocuments-notification-details-container { padding: 0px; margin: 0px; } .legalDocuments-notification-icon-container i, .legalDocuments-notification-icon-container .document-icon { font-size: 30px !important; width: 28px; } .legalDocuments-notification-download-container { border: 0; justify-content: center; align-items: center; overflow: hidden; padding: 0px; margin: 0px; text-align: center; } .legalDocuments-notification-download-container i { font-size: 12px; } .legalDocuments-notification-action-container { text-align: center; } div.legalDocuments .legalDocuments-buttons-container { text-align: right !important; display: grid; } div.legalDocuments .legalDocuments-button i { font-size: 14px; padding: 3px; } div.legalDocuments .legalDocuments-button { color: #5591ac; } div.legalDocuments .legalDocuments-button-blue:hover { color: blue; } div.legalDocuments .legalDocuments-button-black:hover { color: #000; } div.legalDocuments .legalDocuments-button-purple:hover { color: purple; } div.legalDocuments .legalDocuments-button-yellow:hover { color: #f59c1a; } div.legalDocuments .legalDocuments-button-green:hover { color: #27AE60; } div.legalDocuments .legalDocuments-button-orange:hover { color: orangered; } div.legalDocuments .legalDocuments-button:hover { text-decoration: none; } .attachment-request-update .legalDocuments-date-note { font-size: 10px; color: #b1b1b1; } div.legalDocuments .legalDocuments-bulkdownload .document-item { padding: 10px; border-bottom: 2px solid #eaeaea; } div.legalDocuments .legalDocuments-bulkdownload .document-item:hover { background-color: #FFF; cursor:auto; } div.legalDocuments .legalDocuments-bulkdownload .document-item .document-icon-container { display: flex; height: 35px; border: 0; justify-content: center; align-items: center; overflow: hidden; } div.legalDocuments .legalDocuments-bulkdownload .document-item .document-icon { font-size: 20px; width: 18px; } div.legalDocuments .action-success { background-color: #f1fff0 !important; border: 2px solid #21b159; animation: pulse 0.2s 2; } div.legalDocuments .action-fail { background-color: #fff0f0 !important; border: 2px solid #b12121; animation: pulse 0.2s 2; } div.legalDocuments .legalDocuments-archive-button { float:right; } div.legalDocuments .legalDocuments-archive-button a { background-color: #37393c !important; margin: 0px; color: #fff; border-radius: 5px; transition: all 0.5s; } div.legalDocuments .legalDocuments-archive-button a:hover { background-color: #ff5b57 !important; } div.legalDocuments table td { vertical-align:inherit; } /* Tags modal styles */ .tags-container .tag-list { max-height: 200px; overflow-y: auto; } .tags-container .tag-list > a.tag { display: block; text-decoration: none; cursor: pointer; color: #000; padding: 2px 0px 2px 2px; } .tags-container .tag-list > a.tag:hover { background-color: #e7e7e7 !important; } .tags-container .tag-list > a.tag[disabled] { color: #dfdfdf !important; } .tags-container > .tag, .tags-container .selected-tags > .tag { padding: 0px 5px 0px 4px; background-color: #2d8fe6; color: #fff; border-radius: 10px; margin: 0px 0px 2px 2px; display: inline-block; } .tags-container .selected-tags { border-top: 1px solid #e3e8ec; } .tags-container > .tag .delete, .tags-container .selected-tags > .tag .delete { color: red; } .file-warning { padding: 10px; font-size: small; margin-bottom: 10px; background-color: #ff5b57; color: #fff; } div.legalDocuments-container .btn-group { display: block !important; } div.legalDocuments-container .btn-group .dropdown-menu { left: auto !important; right: 0px !important; top: 30px !important; } div.legalDocuments-container .btn-group .dropdown-menu-left { left: 0px !important; right: 0px !important; top: 30px !important; } .legal-documents-toolbar { padding: 10px 15px 15px; } .legal-doc-card { background: #ffffff; border: 1px solid #dfe5eb; border-radius: 6px; margin: 0 0 15px 0; padding: 16px 18px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); transition: box-shadow 0.15s ease, border-color 0.15s ease; cursor: pointer; } .legal-doc-card:hover { border-color: #cfd8e3; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06); } .legal-doc-card-header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 12px; } .legal-doc-header-left { display: flex; align-items: flex-start; min-width: 0; } .legal-doc-file-icon { width: 36px; height: 36px; border-radius: 4px; background: #428bca; color: #fff; text-align: center; line-height: 36px; font-size: 18px; margin-right: 12px; flex: 0 0 36px; } .legal-doc-title-wrap { min-width: 0; } .legal-doc-title { margin: 0 0 4px; font-size: 22px; line-height: 1.2; font-weight: 600; color: #243140; word-break: break-word; } .legal-doc-subtitle { font-size: 16px; line-height: 1.4; color: #4d5b6a; word-break: break-word; } .legal-doc-header-right { white-space: nowrap; margin-left: 15px; } .legal-doc-download-btn { margin-right: 8px; } .legal-doc-meta { border-top: 1px solid #edf1f5; border-bottom: 1px solid #edf1f5; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; } .legal-doc-meta-item { margin-bottom: 6px; } .legal-doc-meta-item:last-child { margin-bottom: 0; } .legal-doc-meta-label { display: inline-block; min-width: 70px; font-weight: 600; color: #33485c; margin-right: 8px; } .legal-doc-meta-value { color: #5a6775; word-break: break-word; } .legal-doc-section { padding-top: 0px; padding-bottom: 0px; } .legal-doc-section-title { font-size: 20px; font-weight: 600; color: #2e4053; margin-bottom: 5px; } .legal-doc-grid { margin-left: -8px; margin-right: -8px; } .legal-doc-grid > [class*='col-'] { padding-left: 8px; padding-right: 8px; margin-bottom: 5px; } .legal-doc-field { background: #fafbfd; border: 1px solid #edf1f5; border-radius: 4px; padding: 5px 5px; min-height: 58px; } .legal-doc-field-label { display: block; font-size: 12px; font-weight: 600; color: #697786; text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 4px; } .legal-doc-field-value { display: block; font-size: 16px; color: #243140; font-weight: 500; word-break: break-word; } .legal-doc-alert { background: #fff7e6; border: 1px solid #f2d28b; color: #7a5a16; border-radius: 4px; padding: 10px 12px; margin-bottom: 12px; } .legal-doc-loading { padding: 18px; color: #6f7c89; font-size: 16px; } /* keep existing state styling compatible */ .legal-doc-card.expiredDoc { border-left: 4px solid #d9534f; } .legal-doc-card.checkedout { background: #fcfcfd; } .legal-doc-card.document-item-archived { opacity: 0.88; } /* mobile tweaks */ @media (max-width: 767px) { .legal-doc-card-header { display: block; } .legal-doc-header-right { margin-top: 12px; margin-left: 0; } .legal-doc-title { font-size: 18px; } .legal-doc-subtitle { font-size: 14px; } } div.journal-container { border-radius: 10px; margin: 10px; padding: 10px; } div.journal-container .journal-title h4 { font-size: 24px; padding-top: 5px; text-align: right; } div.journal-container .journal-title .fa { font-size: 34px; float:right; padding-left: 10px; } div.journal-container .timeline .timeline-panel { padding-bottom: 10px; } div.journal-container .timeline .timeline-panel .status-label:first-child { position: absolute; top: 3px; right: 7px; background-color: #878787; color: #fff; padding: 2px 4px; font-size: 75%; border-radius: 5px; } div.journal-container .icon-container { text-align: center } div.journal-container .icon-container .fa, div.journal-container .icon-container .document-icon { font-size:50px; width: 44px; } div.journal-container .image-thumb-wrapper { display: flex; width: 50px; height: 50px; border: 0; justify-content: center; align-items: center; overflow: hidden; } div.journal-container dl { padding: 0px; margin:0px; } /*div.journal-container .timeline .timeline-small > .timeline-panel .status-label { display:none; }*/ /*div.journal-container .timeline li.timeline-future { width: 100%; text-align: center; line-height: 20px; background-color: #e4e4e4; font-size: 120%; display:block; border-top-left-radius: 5px; border-top-right-radius: 5px; }*/ /*div.journal-container .timeline li.timeline-future:after { content: " "; display:block; position: relative; bottom:-5px; height:6px; background: linear-gradient(-45deg, transparent 75%, #e4e4e4 75%) 0 50%, linear-gradient( 45deg, transparent 75%, #e4e4e4 75%) 0 50%; background-repeat: repeat-x; background-size:10px 5px, 10px 5px; }*/ /*div.journal-container .timeline li.timeline-future:hover { background-color: #cecece; } div.journal-container .timeline li.timeline-future:hover:after { background: linear-gradient(-45deg, transparent 75%, #cecece 75%) 0 50%, linear-gradient( 45deg, transparent 75%, #cecece 75%) 0 50%; background-repeat: repeat-x; background-size:10px 5px, 10px 5px; }*/ div.searchSettings { border-radius: 10px; margin: 10px; padding: 10px; } /*div.searchSettings .timeline .timeline-panel { padding-bottom: 10px; }*/ /*div.searchSettings .timeline .timeline-panel .status-label:first-child { position: absolute; top: 3px; right: 7px; background-color: #878787; color: #fff; padding: 2px 4px; font-size: 75%; border-radius: 5px; }*/ div.searchSettings dl { padding: 0px; margin:0px; } /*div.searchSettings .action-comment-state > .red { color: red; } div.searchSettings .action-comment-state > .green { color: green; }*/ div.searchSettings .tab-content { border: 1px solid #e9e8e7; min-height: 400px; max-height: 400px; overflow-y: auto; } div.searchSettings .nav-tabs { background-color: #fff; } div.searchSettings .nav-item > a { border-left: 1px solid #c0c0c0 !important; border-top: 1px solid #c0c0c0 !important; border-right: 1px solid #c0c0c0 !important; background-color: #fff !important; } div.searchSettings .nav-item > a:hover, div.searchSettings .nav-item > a:focus { border-left: 1px solid #c0c0c0 !important; border-top: 1px solid #c0c0c0 !important; border-right: 1px solid #c0c0c0 !important; background-color: #c0c0c0 !important; } div.searchSettings .uib-tab.nav-item.active > a { background-color: #e9e8e7 !important; } /*div.searchSettings .add-comment { padding: 10px; }*/ /*div.searchSettings .nav-item:first-child > a, div.searchSettings .nav-item:first-child.active > a, div.searchSettings .nav-item:first-child.active > a:focus { color: #fff !important; background-color: #348fe2 !important; border-color: #348fe2 !important; }*/ /*div.searchSettings .createCommentForm .ng-valid[required], div.searchSettings .createCommentForm .ng-valid.required { border-left: 5px solid #85ec64; }*/ /*div.searchSettings .createCommentForm .ng-invalid:not(form) { border-left: 5px solid #fab3b3; } div.searchSettings .input-group-addon { min-width: 38px; }*/ div.workflow-comments { border-radius: 10px; margin: 10px; padding: 10px; } /*div.workflow-comments .timeline { min-height: 100px; max-height: 400px; overflow-y: auto; }*/ div.workflow-comments .timeline .timeline-panel { padding-bottom: 10px; } div.workflow-comments .timeline .timeline-panel .status-label:first-child { position: absolute; top: 3px; right: 7px; background-color: #878787; color: #fff; padding: 2px 4px; font-size: 75%; border-radius: 5px; } div.workflow-comments dl { padding: 0px; margin:0px; } div.workflow-comments .action-comment-state > .red { color: red; } div.workflow-comments .action-comment-state > .green { color: green; } div.workflow-comments .tab-content { border: 1px solid #e9e8e7; min-height: 400px; max-height: 400px; overflow-y: auto; } div.workflow-comments .nav-tabs { background-color: #fff; } div.workflow-comments .nav-item > a { border-left: 1px solid #c0c0c0 !important; border-top: 1px solid #c0c0c0 !important; border-right: 1px solid #c0c0c0 !important; background-color: #fff !important; } div.workflow-comments .nav-item > a:hover, div.workflow-comments .nav-item > a:focus { border-left: 1px solid #c0c0c0 !important; border-top: 1px solid #c0c0c0 !important; border-right: 1px solid #c0c0c0 !important; background-color: #c0c0c0 !important; } div.workflow-comments .uib-tab.nav-item.active > a { background-color: #e9e8e7 !important; } div.workflow-comments .add-comment { padding: 10px; } /* The "Add comment" tab is styled as a call-to-action button rather than as a plain tab. Targeted by its own class rather than by :first-child, because it is the one tab that gets hidden (no Create permission, or the document's review failed), and when it goes the Comments tab inherited the blue and looked permanently selected. */ div.workflow-comments .nav-item.add-comment-tab > a, div.workflow-comments .nav-item.add-comment-tab.active > a, div.workflow-comments .nav-item.add-comment-tab.active > a:focus { color: #fff !important; background-color: #348fe2 !important; border-color: #348fe2 !important; } div.workflow-comments .createCommentForm .ng-valid[required], div.workflow-comments .createCommentForm .ng-valid.required { border-left: 5px solid #85ec64; /* green */ } div.workflow-comments .createCommentForm .ng-invalid:not(form) { border-left: 5px solid #fab3b3; /* red */ } div.workflow-comments .input-group-addon { min-width: 38px; } div.library .nav-tabs > li > a { margin-left: 0px; } div.library .nav > li > a { padding: 5px 6px; } div.library > div:first-child { width: 30%; display:flex; align-items: stretch; padding: 10px 5px 10px 15px; } div.library > div:first-child > div { width: 100%; overflow-y: auto; padding: 5px; } div.library > div:last-child { width: 70%; display:table-row; align-items: stretch; overflow-x:hidden; overflow-y: auto; background-color:white; margin-top: 15px; } div.library > div:last-child > div { background-color: white; overflow-x: visible; overflow-y: visible; padding: 10px; } div.library h3 { margin-top: 10px; margin-bottom: 10px; } div.library .tab-content { height: calc(100% - 40px); width: 100%; } div.library .flex-content .tab-content>.tab-pane.active { display: flex; flex-direction: column; height: 100%; } div.library .nav-tabs { background-color: transparent; } div.library .nav-tabs > li { text-align: center; } div.library .nav-item:not(.active)>a { background-color: #d9d9d9; } div.library .schedules-list { overflow-y: auto; flex-grow: 1; } div.library .schedules-list .schedule-item { border: solid 1px #ddd; border-radius: 4px; padding: 10px; margin-bottom: 2px; display: flex; } div.library .schedules-list .schedule-item:hover { background-color: #f2f2f2; } div.library .schedules-list .schedule-item>i { align-self: center; } div.library .schedules-list .schedule-item > div:nth-child(2) { flex-grow: 1; } div.library .schedules-list .schedule-item h5 { display: inline; } div.library button.new-schedule-button { position: absolute; top: 10px; right: 5px; } div.library .fc-event, div.library .fc-event-dot { background-color: #eaeaea; } div.library .fc-event { border: 1px solid #b1b1b1; border-left: 5px solid #b1b1b1; color: #000; cursor: pointer; } div.library .fc-event.late { border-left-color: #f00; } div.library .fc-event.due { border-left-color: #f59c1a; } div.library .fc-event.abnormal { border-left-color: #000; } div.library .fc-event.complete { border-left-color: #5cb85c; } div.library .fc-event:hover { background-color: #f4f3f3; } div.library .document-container { padding: 5px; } div.library .document-item-archived, div.library .document-item-archived:hover { background-color: #fbe5e5 !important; } div.library .document-item-checkedout, div.library .document-item-checkedout:hover { background-color: #fff6d1 !important; } div.library .document-item-pendingreview, div.library .document-item-pendingreview:hover { background-color: #d9edf7 !important; } div.library .document-item-rejected, div.library .document-item-rejected:hover { background-color: #f5d6d6 !important; } div.library .document-item { padding: 10px; border-bottom: 2px solid #eaeaea; transition: all 0.2s; } div.library .document-item:hover { background-color: #f2f2f2; cursor:pointer; } /* The row only opens the edit dialogue when vm.canOpenDocument(doc) allows it. Otherwise the click explains why instead - vm.openDocument shows a permissions or checked-out dialogue - so the row still must not offer a pointer suggesting it will open. Both this class and the ng-click in search.partial.cshtml are driven from that one function, so the cursor and the behaviour cannot fall out of step. */ div.library .document-item-noaction:hover { cursor: default; } div.library .document-item .document-icon-container { display: flex; height: 50px; border: 0; justify-content: center; align-items: center; overflow: hidden; } div.library .document-item .document-icon { font-size: 50px; width: 44px; } div.library .document-warning-msg { padding: 30px 0 30px 0; } div.library .pointer { cursor: pointer; } div.library .document-rating-container { padding: 0px; } div.library .document-rating-container i { font-size: 20px; } div.library .vote-yes { color: #5cb85c; } div.library .vote-no { color: #d9534f; } div.library .dl-horizontal { margin-bottom: 0px; } div.library .dl-horizontal dt { width: 90px; } div.library .dl-horizontal dd { margin-left: 100px; } div.library .document-rating-container .tag { background-color: #5bc0de; padding: 0px 10px 0px 10px; border: 1px solid #3f98bf; border-radius: 30px 30px; color: #ffffff; text-transform: lowercase; display: inline-flex; margin-bottom: 2px; } div.library .document-rating-container .tag i { font-size: 12px; margin-left: 10px; padding-top: 2px; } div.library .new-document-button { position: absolute; right: 10px; } div.library .tags-container { padding: 4px; text-align: right; } div.library .total-files-container { padding: 5px 10px 5px 10px; font-size: 14px; text-align: left; padding: 5px; margin: 0px 10px 10px 10px; background-color: #2d353c; color: #fff; } div.library .search-container { padding: 5px 10px 5px 10px; } div.library .warning { color: #f59c1a; } .div.library .document-actionbutton-container { margin: auto; } div.library .action-button { display: inline-block; padding: 6px 12px 6px 35px; margin-bottom: 2px; font-size: 14px; font-weight: 200; text-align: left; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; width: 100px; background-color: #d9e0e7; } div.library .action-button i { font-size: 18px; left: 8px; position: absolute; } .library-chart { min-height:325px; max-height: 325px; } div.library .total-files.count-panel-header { background-color: #5691ac; } div.library .library-dashboard count-panel { padding: 5px; } div.library .total .fa, div.library .total, div.library .library-dashboard .count-panel-content { font-size: 14px; } div.library .total.count-panel-header { background-color: #5691ac; } div.library hr { margin: 20px; } div.library .dashboard-stats-panel { margin: 0px 10px 10px 10px; } div.library .library-folders-tab li { list-style:none; } div.library .chart-wrapper { visibility: visible !important; } div.library .library-chart-table th { background-color:#2d353c; color: #fff; } div.library .library-chart-table .data-row { background-color:#5691ac; color: #fff; } div.library .library-chart-table .data-row:hover { color: #000; } div.library .library-chart-table .drill-down-row { background-color:rgba(45, 53, 60, 0.11); } div.library .library-chart-table .drill-down-cell { padding-left: 50px; } div.library .image-thumb-wrapper { display: flex; width: 50px; height: 50px; border: 0; justify-content: center; align-items: center; overflow: hidden; } div.library .search-container { background-color: #fff; padding: 10px; border-radius: 10px; border: 2px solid #b8b8b8; } div.library .btn-Settings { color: #fff; background: #33383c; border-color: #33383c; display: inline; } .library-pdf { color:red; } .library-excel { color:green; } .library-dxf { color: purple; } .library-visio { color:#3C579B; } .library-zip { color:#E6712B; } .library-empty { color: #ffc7ad; font-size: 44px !important; border: 2px dashed #ffc7ad; padding: 1px; } div.library .library-download-container { display: flex; justify-content: center; align-items: center; overflow: hidden; padding: 5px 0px 0px 0px; } div.library :is(.document-icon, .image-thumb-wrapper) { overflow: visible; } div.library :is(.document-icon, .image-thumb-wrapper):hover, div.library :is(.document-icon, .image-thumb-wrapper):hover { filter: contrast(1.2) brightness(1.2); } div.library .library-download, div.library .library-download i { color: #5691ac; font-size: 12px; margin-block-start: 1rem; } div.library .library-archive, div.library .library-archive i { color: red; font-size: 12px; } div.library .library-folder-tree .hideNode { display: none; } div.library .library-folder-tree .jstree-icon { color:#f59c1a; } div.library .library-docTypes-container, div.library .library-tags-container, div.library .library-projects-container, div.library .library-collection-container { padding-left: 30px; } div.library .library-customfilter-container { padding: 0px 10px; flex-flow: row; flex-direction: row; } div.library .library-customfilter-container .customFilter { padding: 5px 0px 5px 10px; background-color: #d9e0e7; margin: 5px 0px; color: #333; border: 1px solid #e9e9e9; } div.library .library-customfilter-container .customFilter:hover { background-color: #c0c0c0; border: 1px solid #333; cursor: pointer; } div.library .library-customfilter-container .customFilter button { margin: -2px 7px; border: 1px solid #333; } div.library .library-customfilter-container .customFilter button i { color: red; } div.library .library-docTypes-container .checkbox, div.library .library-tags-container .checkbox, div.library .library-projects-container .checkbox { padding-bottom: 5px; } div.library .library-docTypes-container .checkbox input, div.library .library-tags-container .checkbox input, div.library .library-projects-container .checkbox input { margin: 0px 0px 0px -20px; padding: 0px 0px 0px -20px; } div.library .library-collection-container .radio { padding: 3px 0px; } div.library .library-collection-container .radio input { margin-right: 10px; margin-top: 2px; } div.library .library-projects-container .fa { padding-left: 5px; } div.library .library-folder-tree .jstree-numbering , div.library .library-projects-container .jstree-numbering { padding: 0px 5px; color: #fff; background-color: #348fe2; margin-left: 10px; border-radius: 5px; } div.library .library-filters { padding:10px 0px 0px 0px; border-bottom: 10px solid #dae1e8; background-color: #37393c !important; } div.library .library-filters .fa-filter { margin:0px; } div.library .library-filters .filters-title { padding: 0px; margin: 0px 0px; border-bottom: 2px solid #000; } div.library .library-filters .filters-title h3 { color: #fff; } div.library .library-filters .filter-container { display: inline; font-size: 14px; } div.library .library-filters .filter-type { font-size:12px; color:#000; font-weight:bold; display: inline; padding: 10px 0px 0px 0px } div.library .library-filters .filters { display: inline-block; padding: 2px 5px 0px 0px; } div.library .library-bulkdownload, div.library .library-filters, div.library .library-dashboard { border-bottom: 10px solid #dae1e8; } div.library .library-addNew { flex: auto; display: grid; padding: 0px 0px 10px 0px; } div.library .library-addNew a { font-size: 20px; } div.library .btn-addNew { color: #fff; background: #33383c; border-color: #33383c; display: block; } .attachment-edit, .attachment-notify, .attachment-request-update { background-color:#d9e0e7; max-height: 700px; overflow-y:scroll; } .attachment-edit .attachment-content, .attachment-notify .attachment-content, .attachment-request-update .attachment-content { background-color:#fff; margin: 0px; } .attachment-edit .attachment-lock { text-align: right; } .attachment-edit .attachment-lock i { font-size: 30px; } .attachment-edit hr, .attachment-notify hr { border-top: 1px solid #000; } .attachment-edit .split-btn { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .attachment-edit .attachment-supplementaryData { padding: 10px 0px; background-color: #e3e8ec; /*margin: 10px;*/ box-shadow: deeppink; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); } .library-attachment-container { justify-content: center; align-items: center; display:block; background-color:#fff; padding:5px; margin-bottom: 10px; } .library-attachment-container .image-container { padding-bottom:10px; } .library-attachment-container .attachment-container { display: flex; justify-content: center; align-items: center; overflow: hidden; padding: 5px 0px 10px 0px; } .library-attachment-container .attachment-container i, .library-attachment-container .attachment-container .document-icon { font-size: 30px; width: 28px; } .library-attachment-container .attachment-button { text-align: center; padding: 0px 0px 10px 0px; } .library-attachment-container .library-attachment-display { width: 100%; border: 1px solid rgb(0, 0, 0); } .library-attachment-container .dropdown-menu { padding: 10px 0px; border: 1px solid grey; margin: -2px 0px 0px 0px; width: 180px; border-radius: 0px; background-color: #fff; } .library-attachment-container .dropdown-item { padding: 10px; display: block; } .library-attachment-container .dropdown-item:hover { text-decoration: none; background-color: whitesmoke; } .library-file-container { background-color: #fff; margin: 0px 0px 10px 0px; padding-top: 5px; } .library-form .ng-valid[required], .library-form .ng-valid.required { border-left: 5px solid #85ec64; /* green */ } .library-form .ng-invalid:not(form) { border-left: 5px solid #fab3b3; /* red */ } .library-form .progress { height: 5px; margin: 0px; } .library-form .shared-details-flag { text-align: center; padding: 10px; margin: 5px; } .library-form .file-details-table th { width: 90px; font-weight: bold; text-transform:capitalize; text-align: left; } .library-form .file-details-table tr { line-height:20px; } .library-form .file-details-table table { margin-bottom: 10px; } .library-notifications-container { border-bottom: 1px solid #c0c0c0; margin-bottom: 2px; padding: 5px 0px; } .library-notifications-container:hover { background-color: #f2f2f2; cursor: pointer; } .library-notification-icon-container { border: 0; justify-content: center; align-items: center; overflow: hidden; padding: 0px; margin: 0px; text-align: center; } .library-notification-details-container { padding: 0px; margin: 0px; } .library-notification-icon-container i, .library-notification-icon-container .document-icon { font-size: 30px !important; width: 28px; } .library-notification-download-container { border: 0; justify-content: center; align-items: center; overflow: hidden; padding: 0px; margin: 0px; text-align: center; } .library-notification-download-container i { font-size: 12px; } .library-notification-action-container { text-align: center; } div.library .library-buttons-container { text-align: right !important; display: grid; } div.library .library-button i { font-size: 14px; padding: 3px; } div.library .library-button { color: #5591ac; } div.library .library-button-blue:hover { color: blue; } div.library .library-button-black:hover { color: #000; } div.library .library-button-purple:hover { color: purple; } div.library .library-button-yellow:hover { color: #f59c1a; } div.library .library-button-green:hover { color: #27AE60; } div.library .library-button-orange:hover { color: orangered; } div.library .library-button:hover { text-decoration: none; } .attachment-request-update .library-date-note { font-size: 10px; color: #b1b1b1; } div.library .library-bulkdownload .document-item { padding: 10px; border-bottom: 2px solid #eaeaea; } div.library .library-bulkdownload .document-item:hover { background-color: #FFF; cursor:auto; } div.library .library-bulkdownload .document-item .document-icon-container { display: flex; height: 35px; border: 0; justify-content: center; align-items: center; overflow: hidden; } div.library .library-bulkdownload .document-item .document-icon { font-size: 20px; width: 18px; } div.library .action-success { background-color: #f1fff0 !important; border: 2px solid #21b159; animation: pulse 0.2s 2; } div.library .action-fail { background-color: #fff0f0 !important; border: 2px solid #b12121; animation: pulse 0.2s 2; } div.library .library-archive-button { float:right; } div.library .library-archive-button a { background-color: #37393c !important; margin: 0px; color: #fff; border-radius: 5px; transition: all 0.5s; } div.library .library-archive-button a:hover { background-color: #ff5b57 !important; } /* Tags modal styles */ .tags-container .tag-list { max-height: 200px; overflow-y: auto; } .tags-container .tag-list > a.tag { display: block; text-decoration: none; cursor: pointer; color: #000; padding: 2px 0px 2px 2px; } .tags-container .tag-list > a.tag:hover { background-color: #e7e7e7 !important; } .tags-container .tag-list > a.tag[disabled] { color: #dfdfdf !important; } .tags-container > .tag, .tags-container .selected-tags > .tag { padding: 0px 5px 0px 4px; background-color: #2d8fe6; color: #fff; border-radius: 10px; margin: 0px 0px 2px 2px; display: inline-block; } .tags-container .selected-tags { border-top: 1px solid #e3e8ec; } .tags-container > .tag .delete, .tags-container .selected-tags > .tag .delete { color: red; } .file-warning { padding: 10px; font-size: small; margin-bottom: 10px; background-color: #ff5b57; color: #fff; } .leaseDates-container { margin: 10px 0px 20px 0px; border-bottom: 9px solid #4c5053 !important; /* border: 1px solid #4c5053; */ /* background-color: #4c5053; */ } div.create-collections {} div.create-collections .createCollectionsForm .input-group span { min-width:50px; } div.create-collections .createCollectionsForm .input-group span .fa { font-weight: bold; } div.create-collections .createCollectionsForm .ng-valid[required], div.create-collections .createCollectionsForm .ng-valid.required { border-left: 5px solid #85ec64; /* green */ } div.create-collections .createCollectionsForm .ng-invalid:not(form) { border-left: 5px solid #fab3b3; /* red */ } div.create-collections .input-group { max-width: 500px; } /*div.create-collections .form-group > label { font-weight: bold; }*/ div.collection-review {} div.collection-review .document-table td { vertical-align: middle; } div.collection-review tbody .document-icon { font-size: 30px; width: 34px; } div.collection-review tbody .document-image { text-align: center; vertical-align: middle; } div.collection-review tbody .image-thumb-wrapper { display: flex; width: 50px; height: 50px; border: 0; justify-content: center; align-items: center; overflow: hidden; } div.collections-view {} div.collections-view .ca-empty { margin: 15px 0px; } div.collections-view .ca-empty .fa { margin-top: -5px; font-size: 25px; } div.create-projects {} div.create-projects .createProjectsForm .input-group span { min-width:50px; } div.create-projects .createProjectsForm .input-group span .fa { font-weight: bold; } div.create-projects .createProjectsForm .ng-valid[required], div.create-projects .createProjectsForm .ng-valid.required { border-left: 5px solid #85ec64; /* green */ } div.create-projects .createProjectsForm .ng-invalid:not(form) { border-left: 5px solid #fab3b3; /* red */ } div.create-projects .input-group { max-width: 500px; } div.projects-view {} div.projects-view .ca-empty { margin: 15px 0px; } div.projects-view .ca-empty .fa { margin-top: -5px; font-size: 25px; } .serviceProvider-DashboardsAll { background-color: #fff; padding: 20px; } .row.serviceProvider-DashboardsAll.ng-scope { background-color: white; position: absolute; left: 0; right: 0; top: 0; height: calc(100vh - 54px); height: calc(100dvh - 54px); display: flex; flex-direction: column; padding-bottom: 0; padding-right: 0; margin: 0; } .row.serviceProvider-DashboardsAll.ng-scope > :not(#service-provider-table-container) { z-index: 1; } #service-provider-table-container { overflow-x: auto; width: calc(100% + 20px); height: calc(100vh - 150px); position: relative; flex-grow: 1; margin-left: -20px; padding: 0 20px 0 0; margin-top: -70px; z-index: 0; background-color: #ccc !important; background: linear-gradient(90deg, white 0 266px, transparent 290px), linear-gradient(90deg, transparent 0 251px, rgba(255,255,255,0.8) 251px, white 266px); background-attachment: local, scroll; } #service-provider-table-container table { margin-bottom: 0; } #service-provider-table-container table thead { z-index: 1; position: sticky; top: 0; background-color: #fff; z-index: 101; height: 10px; } #service-provider-table-container table thead tr { background-color: #fff; border: none; margin-top: -2px; } #service-provider-table-container table thead tr.statHeader th.emptyHeader:first-of-type { z-index: 0; } #service-provider-table-container table thead tr.subHeader th.emptyHeader:first-child { background: linear-gradient(50deg, white 0 188px, transparent 188px); z-index: 2; } #service-provider-table-container table thead tr.subHeader th.emptyHeader:first-child:after { content: ''; height: 100%; width: 2px; position: absolute; display: block; top: 0; right: 4px; transform: skewX(40deg); transform-origin: bottom; backdrop-filter: blur(6px) brightness(0.75) contrast(2); } .serviceProvider-DashboardsAll .searchField { max-width: 50%; } .serviceProvider-DashboardsAll table, .serviceProvider-DashboardsAll table tr, .serviceProvider-DashboardsAll table th, .serviceProvider-DashboardsAll table td { border-collapse: separate; border: none; position: relative; } .serviceProvider-DashboardsAll .table > tbody > tr > td, .serviceProvider-DashboardsAll .table > thead > tr > th { padding: 8px 6px; border: none; } .serviceProvider-DashboardsAll .table > tbody > tr > td.statServiceProvider { padding-left: 16px; } .serviceProvider-DashboardsAll .table > tbody > tr > .emptyHeader, .serviceProvider-DashboardsAll .table > tbody > tr > .emptyCell { min-width: 24px; } .serviceProvider-DashboardsAll table .verticalSticky { position: sticky; left: 0px; background-color: #fff; z-index: 100; } .serviceProvider-DashboardsAll table .emptyHeader, .serviceProvider-DashboardsAll table .emptyCell { border-color: #fff !important; } .serviceProvider-DashboardsAll table tr.statHeader .emptyHeader { background-color: white; } .serviceProvider-DashboardsAll table tr.statHeader .emptyHeader:after { content: ''; position: absolute; display: block; height: calc(100% - 5px); width: 1px; bottom: -5px; left: -1px; backdrop-filter: blur(3px); } .serviceProvider-DashboardsAll table td { padding: 5px 0px; } .serviceProvider-DashboardsAll table .statHeader { font-size: 16px; transform: translateY(54px); z-index: 2; } .serviceProvider-DashboardsAll .table > thead > tr.statHeader > th:not(.emptyHeader) { position: sticky; left: 250px; text-align: left; vertical-align: middle; padding-left: 0; padding-top: 24px; color: #444; border-bottom: 1px solid #ccc !important; } .serviceProvider-DashboardsAll .table > thead > tr.statHeader th i.fa { color: #888; margin-right: 0.5ch; } .serviceProvider-DashboardsAll table .statHeader th:not(.emptyHeader) { background-color: white; } .serviceProvider-DashboardsAll table .subHeader th.emptyHeader { z-index: 0; } .serviceProvider-DashboardsAll table thead .subHeader { height: fit-content; position: relative; } .serviceProvider-DashboardsAll table thead:after { position: absolute; content: ''; width: 100%; height: 1px; bottom: -1px; backdrop-filter: blur(12px) brightness(0.8) contrast(2) saturate(1.5); display: block; } .serviceProvider-DashboardsAll table thead { box-shadow: 0 0 12px rgba(0,0,0,0.1); } .serviceProvider-DashboardsAll table .subHeader th:not(.emptyHeader) { color: #5f5f5f; font-weight: bold; font-size: 15px; writing-mode: vertical-lr; letter-spacing: 0.025ch; word-spacing: 0.25ch; text-align: right; vertical-align: middle; transform: scaleY(0.85) translateY(4px) translateX(5px); rotate: -40deg; transform-origin: bottom; z-index: 1; border: none !important; } .serviceProvider-DashboardsAll table .subHeader th:not(.emptyHeader):after { content: '•'; padding-top: 0.8ch; color: #ccc; font-weight: normal; font-size: 12px; } .serviceProvider-DashboardsAll table .stats { font-size: 12px; padding: 5px 0px; } .serviceProvider-DashboardsAll table .stats:hover, .serviceProvider-DashboardsAll table .stats:hover th { background-color: #d9e0e7; cursor: pointer; color: #000; } .serviceProvider-DashboardsAll table .stats .statServiceProvider, .serviceProvider-DashboardsAll table .stats .statQuotes, .serviceProvider-DashboardsAll table .stats .statJobs, .serviceProvider-DashboardsAll table .stats .statDocs, .serviceProvider-DashboardsAll table .stats .statUplifts, .serviceProvider-DashboardsAll table .stats .statRequests { border-bottom: 1px solid #c0c0c0 !important; } .serviceProvider-DashboardsAll table .stats .statServiceProvider { font-size: 14px; text-align: right; vertical-align: middle; font-weight: normal; color: #333; max-width: 250px; width: 250px; overflow: hidden; text-overflow: ellipsis; text-wrap: nowrap; border-top: 0px !important; } .serviceProvider-DashboardsAll table .stats td { text-align: center; vertical-align: middle; } .serviceProvider-DashboardsAll table .stats td:is(.amber,.green,.grey,.red) span { color: #000; } .serviceProvider-DashboardsAll table .stats td:is(.amber,.green,.grey,.red):before { --shadow-color: transparent; --bg-color: transparent; content: ''; box-shadow: 0px 0px 10px var(--shadow-color); background-color: var(--bg-color); border-radius: 50%; color: #000; inset: 0; display: block; position: absolute; margin: auto; width: 24px; height: 24px; } .serviceProvider-DashboardsAll table .stats td.red:before { --bg-color: #ffb8b6; --shadow-color: red; border-color: red; } .serviceProvider-DashboardsAll table .stats td.amber:before { --bg-color: #ffdba6; --shadow-color: orange; border-color: orange; } .serviceProvider-DashboardsAll table .stats td.green:before { --bg-color: #94d094; --shadow-color: green; border-color: green; } .serviceProvider-DashboardsAll table .stats td.grey:before { --bg-color: #c9c9c9; --shadow-color: grey; border-color: grey; } .serviceProvider-DashboardsAll table .stats td:not(.amber,.green,.grey,.red) span { font-weight: normal; color: #6a6a6a; position: relative; text-align: center; } .serviceProvider-DashboardsAll table .stats td:not(.amber,.green,.grey,.red) span.subtle { opacity: 0.33; } .serviceProvider-DashboardsAll table .stats td span { position: relative; } div.organization { } div.organization .createContractorAccessForm .input-group span { min-width: 50px; } div.organization .createContractorAccessForm .input-group span .fa { font-weight: bold; } div.organization .createContractorAccessForm .ng-valid[required], div.organization .createContractorAccessForm .ng-valid.required { border-left: 5px solid #85ec64; /* green */ } div.organization .createContractorAccessForm .ng-invalid:not(form) { border-left: 5px solid #fab3b3; /* red */ } /* draws attention to the add representatives option within contractors */ div.organization .shake { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } div.organization .createContractorAccessForm .docTypes { margin: 0px 0px 20px 0px; border: 1px solid #2d353c; } div.organization .createContractorAccessForm .docTypes > h4 { margin: 0px; background-color: #d9e0e7; padding: 10px; border-bottom: 2px solid #000000; font-weight: bold; text-transform: uppercase; } div.organization .createContractorAccessForm .docs { padding: 10px; } div.organization .review-workflow-accordion a.accordion-toggle { padding: 3px 5px; } div.organization .review-workflow-accordion .panel-heading { background-color: #ddd; } div.organization .review-workflow-accordion .panel-heading .label { color: #fff; } div.organization .expiredDoc { background-color: #fff0f0 !important; } div.organization .supplierTable { border-collapse: collapse; width: 100%; } div.organization .supplierTable .header { background-color: #f2f2f2; border-bottom: 2px solid #000000; font-weight: bold; font-size: 12px; height: 40px; text-transform: uppercase; } div.organization .supplierTable td, div.organization .supplierTable th { border: 1px solid #ddd; padding: 5px; } div.organization .supplierTable th { padding-top: 8px; padding-bottom: 8px; background-color: #2d353c; color: white; text-align: center; } div.organization .supplierTable .state { background-color: #d9e0e7; font-weight: bold; text-align: left; border-bottom: 2px solid #000; font-size: large; } div.organization .supplierTable .archived { background-color: #fbe5e5 !important; } div.organization .supplierTable .state_declined { border-bottom: 4px solid #000 !important; } div.organization .supplierTable .state_expired { border-bottom: 4px solid red !important; } div.organization .supplierTable .state_pending { border-bottom: 4px solid #f59c1a !important; } div.organization .supplierTable .state_approved { border-bottom: 4px solid green !important; } div.organization .supplierTable .state_new { border-bottom: 4px solid #2a72b5 !important; } div.organization .supplierTable .state_processing { border-bottom: 4px solid #5cb85c !important; } div.organization .supplierTable .dropdown-menu { left: -128px; } div.organization .supplierTable .center { text-align: center; } div.organization .supplierTable .document-icon { font-size: 20px; } div.organization .supplierTable .phase { border-bottom: 2px solid #2d353c; margin: 0px 0px 5px 0px; } div.organization .mandatory { background-color: #fbe5e5 !important; padding: 10px; } div.organization .notes { margin-top: 5px; } div.organization .picker-item { padding: 4px 10px; font-size: 130%; } div.organization .zebra .picker-item { background-color: #f4f4f4; background-color: var(--bg, #f4f4f4); } div.organization .zebra .picker-item:nth-child(odd) { background-color: #e5e5e5; background-color: var(--neutral-bg-weak, #e5e5e5); } div.organization .zebra .picker-item[disabled] { background-color: #fff; } div.organization .areaCodeContainer { max-height: 200px; height: 200px; overflow: auto; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } div.organizations-list { } div.organizations-list .ca-empty { margin: 15px 0px; } div.organizations-list .ca-empty .fa { margin-top: -5px; font-size: 25px; } div.organizations-list .filter-container { padding-left: 0px; } div.organizations-list .filter-container .customFilter { padding: 5px 0px 5px 10px; background-color: #d9e0e7; margin: 5px 0px; color: #333; border: 1px solid #e9e9e9; } div.organizations-list .filter-container .customFilter:hover { background-color: #c0c0c0; border: 1px solid #333; cursor: pointer; } div.organizations-list .filter-container.customFilter button { margin: -2px 7px; border: 1px solid #333; } div.organizations-list .filter-container .customFilter button i { color: red; } div.organizations-list .filter-areacodes { max-height: 300px; overflow: hidden; overflow-y: auto; } div.noData h1 { color: #fff; } div.serviceProvider-DashboardsContainer { background-color: rgb(16, 35, 49) !important; width: 100%; } div.serviceProvider-Dashboards { background: rgb(16, 35, 49); padding: 20px; overflow-x: visible; overflow-y: visible; } div.serviceProvider-Dashboards .dashboardContainer { display: flex; flex-wrap: wrap; } div.serviceProvider-Dashboards .dashboardContainer > div { flex: 25%; /* or - flex: 0 50% - or - flex-basis: 50% - */ margin: 5px; padding: 5px; } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem { width: 100%; } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .body { background: rgb(14, 46, 67); /*display: flex;*/ } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .title { font-size: 20px; color: #fff; padding-bottom: 10px; } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .chart, div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .chart .highcharts-data-table table { width: 100%; } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .chart > div { height: 200px; } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .chart .highcharts-data-table table { font-family: Verdana, sans-serif; border-collapse: collapse; border: 1px solid #ebebeb; margin: 10px auto; text-align: center; width: 50%; max-width: 100px; } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .chart .highcharts-data-table caption { padding: 1em 0; font-size: 1.2em; color: #555; } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .chart .highcharts-data-table th { font-weight: 600; padding: 0.5em; } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .chart .highcharts-data-table td, div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .chart .highcharts-data-table th, div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .chart .highcharts-data-table caption { padding: 0.5em; } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .chart .highcharts-data-table thead tr, div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .chart .highcharts-data-table tr:nth-child(even) { background: #f8f8f8; } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .chart .highcharts-data-table tr:hover { background: #f1f7ff; } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .chart input[type="number"] { min-width: 50px; } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .chart .highcharts-description { margin: 0.3rem 10px; } div .serviceProvider-Dashboards .dashboardContainer .dashboardItem .chart .highcharts-credits, div .serviceProvider-Dashboards .dashboardContainer .dashboardItem .chart .highcharts-title { display: none; } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .statsContainer { display: flex; flex-wrap: wrap; } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .statsContainer .stats { width: 100%; flex: 10%; /* or - flex: 0 50% - or - flex-basis: 50% - */ margin: 8px; padding: 5px; } /*div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .statsContainer .stats:hover { background: rgb(16, 65, 97); }*/ div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .statsContainer .stats .header { font-size: 14px; text-align: center; color: #fff; } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .statsContainer .stats .score { font-size: 50px; text-align: center; } div .serviceProvider-Dashboards .dashboardContainer .dashboardItem .statsContainer .success .score { color: rgb(72, 232, 72); } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .statsContainer .rejection .score { color: rgb(244, 91, 91); } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .statsContainer .outstanding .score { color: rgb(255, 165, 0); } div.serviceProvider-Dashboards .dashboardContainer .dashboardItem .statsContainer .future .score { color: #c0c0c0; } .pass-check-in tr.pass-not-approved td { opacity: 0.5; } .pass-check-in tr.pass-expired { background-color: #fff0f0; } @media screen and (max-width: 1300px) { .pass-check-in table.table { font-size: 0.7em; } .pass-check-in .btn, .pass-check-in .btn+.dropdown-toggle { font-size: 0.8em; padding: 4px; } } .pass-request .request-panel .fixed-content { height: 135px; overflow-y: auto; margin-bottom: 10px; } .pass-request .targets-panel .target { font-size: 105%; color: #b0b0b0; } .pass-request .targets-panel .target { font-size: 85%; } .pass-request .targets-panel .target.leaf-target { font-size: 120%; color: #348fe2; } .pass-request .list-group-item.additional-file { border-top-color: #000; } .pass-request .list-group-item:not(.additional-file), .pass-request .list-group-item.additional-file ~ .list-group-item.additional-file { border-top-color: #ddd; } .pass-request .contact-match { width: 400px; } .pass-request .contact-name .dropdown-menu { max-height: 200px; overflow-y: auto; background-color: #f1f1f1; } .pass-request .contact-match > div:first-child { float: left; margin-left: -10px; margin-right: 10px; } .pass-request .form-has-errors.ng-submitted .form-control.ng-invalid-required:not([ng-form]), .pass-request .form-has-errors.ng-submitted .ng-invalid-required:not([ng-form]) input, .pass-request .form-has-errors .ng-invalid-required.ng-dirty:not([ng-form]), .pass-request .form-has-errors .ng-invalid-required.ng-touched, .pass-request .form-has-errors .ng-invalid-required:not([ng-form]) input.ng-touched, .pass-request .form-has-errors.ng-submitted .ng-invalid-required:not([ng-form]) input, .pass-request .form-has-errors.ng-submitted .btn-group.ng-invalid-required>.btn, .pass-request .form-has-errors.ng-submitted .ng-invalid .validation-signal, .pass-request .form-has-errors.ng-submitted .ng-invalid.validation-signal, .pass-request .parsley-error input { background-color:#fbbfbf !important; border-color:#ff3a3a; } .pass-request .invisible { visibility: hidden !important; } .pass-request .timeline .timeline-panel .label:first-child { /*position: absolute; top: 3px; right: 7px;*/ float: right; padding: 2px 4px; font-size: 75%; border-radius: 5px; } div.pass-request .timeline .timeline-panel .label.status-label:first-child { background-color: #878787; color: #fff; margin-top: 3px; margin-right: 3px; } div.pass-request div.high-risk-work-group { background-color: #f7f7f7; margin: 3px 0px 6px; border: solid 1px #ddd; border-radius: 10px; } div.pass-request div.high-risk-work-group.group-disabled { opacity: 0.5; } div.pass-request div.high-risk-work-group label { margin-bottom: 0px; } div.pass-request div.high-risk-period-target { padding: 3px; margin: 2px; border-radius: 5px; background-color: #efefef; } div.pass-request div.high-risk-period-target.unchecked label { opacity: 0.5; } .permit-prep-questions.ng-submitted .ng-invalid-required>div>p:first-child { color: #f00; } div.pass-request div.high-risk-works-group-title { font-size: 75%; margin-top: 10px; color: #929ca0; } div.pass-request div.location-list { min-height: 140px; max-height: 400px; overflow-y: auto; } div.pass-request .allow-scroll-when-disabled[readonly] { /* This will allow pointer events (scroll, select) on the textarea even if parent is disabled */ pointer-events: auto; user-select: text; } .permit-issue-dialog .ng-submitted .form-control.ng-invalid-required:not([ng-form]), .permit-issue-dialog .ng-submitted .ng-invalid-required:not([ng-form]) input, .permit-issue-dialog .ng-invalid-required.ng-dirty:not([ng-form]), .permit-issue-dialog .ng-invalid-required.ng-touched, .permit-issue-dialog .ng-invalid-required:not([ng-form]) input.ng-touched, .permit-issue-dialog .ng-submitted .ng-invalid-required:not([ng-form]) input, .permit-issue-dialog .ng-submitted .btn-group.ng-invalid-required>.btn, .permit-issue-dialog .ng-submitted .ng-invalid .validation-signal, .permit-issue-dialog .ng-submitted .ng-invalid.validation-signal { background-color:#fbbfbf !important; border-color:#ff3a3a; } .permit-issue tr.permit-not-approved td { opacity: 0.5; } .permit-issue tr.permit-expired { background-color: #fff0f0; } @media screen and (max-width: 1300px) { .permit-issue table.table { font-size: 0.7em; } .permit-issue .btn, .permit-issue .btn+.dropdown-toggle { font-size: 0.8em; padding: 4px; } } .permit-request .request-panel .fixed-content { height: 135px; overflow-y: auto; margin-bottom: 10px; } .permit-request .targets-panel .target { font-size: 105%; color: #b0b0b0; } .permit-request .targets-panel .target { font-size: 85%; } .permit-request .targets-panel .target.leaf-target { font-size: 120%; color: #348fe2; } .permit-request .list-group-item.additional-file { border-top-color: #000; } .permit-request .list-group-item:not(.additional-file), .permit-request .list-group-item.additional-file ~ .list-group-item.additional-file { border-top-color: #ddd; } .permit-request .contact-match { width: 400px; } .permit-request .contact-name .dropdown-menu { max-height: 200px; overflow-y: auto; background-color: #f1f1f1; } .permit-request .contact-match > div:first-child { float: left; margin-left: -10px; margin-right: 10px; } .permit-request .form-has-errors.ng-submitted .form-control.ng-invalid-required:not([ng-form]), .permit-request .form-has-errors.ng-submitted .ng-invalid-required:not([ng-form]) input, .permit-request .form-has-errors .ng-invalid-required.ng-dirty:not([ng-form]), .permit-request .form-has-errors .ng-invalid-required.ng-touched, .permit-request .form-has-errors .ng-invalid-required:not([ng-form]) input.ng-touched, .permit-request .form-has-errors.ng-submitted .ng-invalid-required:not([ng-form]) input, .permit-request .form-has-errors.ng-submitted .ng-invalid-required:not([ng-form]), .permit-request .form-has-errors.ng-submitted .btn-group.ng-invalid-required>.btn, .permit-request .form-has-errors.ng-submitted .ng-invalid .validation-signal, .permit-request .form-has-errors.ng-submitted .ng-invalid.validation-signal, .permit-request .parsley-error input { background-color:#fbbfbf !important; border-color:#ff3a3a; } .permit-request .form-has-errors.ng-submitted flexi-field.ng-invalid-required>div>p:first-child { color: #f00; } .permit-request .invisible { visibility: hidden !important; } div.permit-request .timeline .timeline-panel .label:first-child { /*position: absolute; top: 3px; right: 7px;*/ float: right; padding: 2px 4px; font-size: 75%; border-radius: 5px; } div.permit-request .timeline .timeline-panel .label.status-label:first-child { background-color: #878787; color: #fff; margin-top: 3px; margin-right: 3px; } div.permit-request div.location-list { min-height: 140px; max-height: 400px; overflow-y: auto; } div.permit-request .allow-scroll-when-disabled[readonly] { /* This will allow pointer events (scroll, select) on the textarea even if parent is disabled */ pointer-events: auto; user-select: text; } .accessory-details { background-color: #dbe0e6; } .accessory-details .accessory-agreements .panel-heading { padding: 0px; } .accessory-details .accessory-agreements .panel-title { background-color: #aaa; color: #fff; padding: 5px 5px; border-radius: 4px; } .accessory-details .accessory-agreements .panel.has-error .panel-title { background-color: #cc4946; } .accessory-details ul.nav-tabs { background-color: transparent; } .assetHistory-Form .noData { padding: 10px; background-color: #fff; text-align: center; } .assetHistory-Form .historyContainer { padding: 0px 0px 10px 0px; margin-bottom: 10px; } .assetHistory-Form .historyTitle { cursor: pointer; margin: 0px; padding: 5px; font-weight: bold; font-size: 14px; background-color: #d9e0e7; } .assetHistory-Form .historyDetails { border: 1px solid #d9e0e7; } .assetHistory-Form dt { width: 120px !important; } .assetHistory-Form dd { margin-left: 130px !important; font-weight: lighter !important; } div.assetMgr .nav-tabs > li > a { margin-left: 0px; } div.assetMgr .nav > li > a { padding: 5px 6px; } div.assetMgr > div:first-child { width: 30%; display: flex; align-items: stretch; padding: 10px 5px 10px 15px; } div.assetMgr > div:first-child > div { width: 100%; overflow-y: auto; padding: 5px; } div.assetMgr > div:last-child { width: 70%; display: table-row; align-items: stretch; overflow-x: hidden; overflow-y: hidden; margin-top: 15px; transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */ z-index: 10; /* force to appear over filters */ } div.assetMgr > div:last-child > div { background-color: white; overflow-x: visible; overflow-y: visible; padding: 10px; } div.assetMgr h3 { margin-top: 10px; margin-bottom: 10px; } div.assetMgr .tab-content { height: calc(100% - 40px); width: 100%; } div.assetMgr .flex-content .tab-content > .tab-pane.active { display: flex; flex-direction: column; height: 100%; } div.assetMgr .nav-tabs { background-color: transparent; } div.assetMgr .nav-tabs > li { text-align: center; } div.assetMgr .nav-item:not(.active) > a { background-color: #d9d9d9; } div.assetMgr .total-files-container { padding: 5px 10px 5px 10px; font-size: 14px; text-align: left; padding: 5px; margin: 0px 10px 10px 10px; background-color: #2d353c; color: #fff; } div.assetMgr .search-container { padding: 5px 10px 5px 10px; } div.assetMgr .search-container { background-color: #fff; padding: 10px; border-radius: 10px; border: 2px solid #b8b8b8; } div.assetMgr .total-files.count-panel-header { background-color: #5691ac; } div.assetMgr .assetMgr-feature-container { padding: 20px 10px 10px 10px; max-height: 400px; overflow: auto; margin: 10px; } div .assetMgr .assetMgr-feature-container .input-group { display: inline-block; border: 5px solid #e2e7eb; } div.assetMgr hr { margin: 20px; } div.assetMgr .dashboard-stats-panel { margin: 0px 10px 10px 10px; } div.assetMgr .assetMgr-componenttypes-container { padding-left: 30px; max-height: 200px; overflow: auto; margin: 10px; } div.assetMgr .assetMgr-componenttypes-container input[type=checkbox] { margin: 1px -20px 0 !important; } div.assetMgr .assetMgr-filters { padding: 10px 0px 0px 0px; border-bottom: 10px solid #dae1e8; background-color: #37393c !important; } div.assetMgr .assetMgr-filters .fa-filter { margin: 0px; } div.assetMgr .assetMgr-filters .filters-title { padding: 0px; margin: 0px 0px; border-bottom: 2px solid #000; } div.assetMgr .assetMgr-filters .filters-title h3 { color: #fff; } div.assetMgr .assetMgr-filters .filter-container { display: inline; font-size: 14px; } div.assetMgr .assetMgr-filters .filter-type { font-size: 12px; color: #000; font-weight: bold; display: inline; padding: 10px 0px 0px 0px } div.assetMgr .assetMgr-filters .filters { display: inline-block; padding: 2px 5px 0px 0px; } div.assetMgr .assetMgr-bulkdownload, div.assetMgr .assetMgr-filters, div.assetMgr .assetMgr-dashboard { border-bottom: 10px solid #dae1e8; } div.assetMgr .ui-grid-viewport, div.assetMgr .ui-grid-header-viewport { width: 100% !important; } div.associate-edit target-list > div { display: inline-block; } div.elem-classification-picker .classification { padding: 4px 10px; font-size:130%; background-color: #fbfbfb; } div.elem-classification-picker .classification:nth-child(odd) { background-color: #e5e5e5; } div.elem-classification-picker .classification.expanded { cursor: default; } div.elem-classification-picker .classification:not(.expanded):hover { background-color: #c2c2c2; } div.elem-classification-picker .classification-id { color: #548dbc; background-color: #fff; border: solid 1px; font-weight: bold; } div.elem-classification-picker .classification-desc { margin-left: 5px; } div.elem-classification-picker .classification .subcats { margin-top: 10px; font-size: 80%; } div.elem-classification-picker .classification .list-group > .list-group-item { padding: 4px; } div.elem-classification-picker .classification .list-group > .list-group-item:hover { background-color: #c2c2c2; } div.elem-classification-picker .classification > .search-result-path > span { font-size: 60%; display:block; opacity: 0.75; } .explorer-thumb { display: inline-block; width: 50px; height: 50px; border: 0; background-position: center center; background-size: cover; overflow: hidden; } .explorer-thumb-wrapper { display: flex; width: 50px; /* same as .tr.content-lazy-loading td.content-lazy-loads-thumb:before */ height: 50px; /* same as .tr.content-lazy-loading td.content-lazy-loads-thumb:before */ border: 0; justify-content: center; align-items: center; overflow: hidden; } .explorer-thumb-wrapper.lazy-loaded { display: none; /* hide only when lazy loading is active */ } tr.content-lazy-loading td.content-lazy-loads-thumb:before { width: 50px; /* same as .explorer-thumb-wrapper I tried 100% to no avail */ height: 50px; /* same as .explorer-thumb-wrapper I tried 100% to no avail */ display: block; /* override "table" from the default */ margin: 0 auto; /* center it if needed */ padding: 0; /* remove the extra padding */ border-radius: 5px; } .portfolio-explorer .floorplan>.floorplan-key { bottom:initial; top:5px; } .explorer-pane-floorplan { margin-left:50%; width:50%; } .explorer-pane-details { padding: 20px 10px; /*overflow-y: auto;*/ width: 100%; min-height: 100%; } .explorer-pane-details h4:not(.timeline-title), .explorer-pane-details h4:not(.timeline-title) a { color: #64a5dc; } .explorer-pane-details .planned-jobs h4:not(.timeline-title) a:after { content: '\f0c1'; color: oklch(from currentcolor calc(l * 1.1) c h); font-size: 0.8em; font-family: 'Font Awesome 6 Pro'; font-weight: bold; margin-inline-start: 0.8ch; } .explorer-pane-details h4:not(.timeline-title) a:hover { text-decoration: none !important; color: oklch(from currentcolor calc(l * 0.8) c h); } .explorer-pane-details .table-email td:first-child { padding: 3px !important; } .map-override-button span { width:0px; margin-left:0px; opacity:0; display:inline-block; white-space:nowrap; position:relative; top:-1px; left:4px; } .map-override-button:hover span { width:120px; opacity:1; } .map-override-button, .map-override-button span, .map-override-button:hover span { -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } .map-override-button { overflow:hidden; position:absolute; right:0; top:0; z-index:100; border-radius: 0 0 0 40px; border-right: 0; } .map-override-button i { position:relative; top:-1px; left:4px; } .show-floorplan .map-override-button { right:inherit; left:50%; border-radius: 0 0 40px 0; } .show-floorplan .leaflet-top.leaflet-left { top: 30px; } .show-floorplan .explorer-pane-details { width:100%; padding:0; } .show-floorplan .target-details .email-content { margin:0; padding:5px; } .show-floorplan .target-details { padding:0; } .explorer-pane-floorplan .floorplan-loading { height:100%; } .explorer-pane-floorplan #leaflet-map { height:100%; } .target-header, .target-header h4, .target-header h4 small { color:#fff !important; } .target-header h4 ~ small { display:block; position:relative; top:-5px; } .target-header { background-color:#4C5053; } .show-floorplan .target-header .image-gallery.row { margin:0; } .show-floorplan .target-header { padding: 0 15px 0 0; margin-bottom: 0; min-height:200px; } .header-gallery-container h4, .header-detail h4 { overflow: hidden; max-height: 30px; } .show-floorplan .header-detail { padding:10px 15px; } .show-floorplan .selected-image-large { border:0 !important; } .explorer-pane-floorplan { height:800px; } /* Summary */ .asset-sensor-data { border-radius:10px; overflow:hidden; } .show-floorplan .asset-sensor-data { margin:5px; } .show-floorplan .asset-sensor-data, .show-floorplan .explorer-summary { background: #686868; } .explorer-pane-details .summary-grid-sizer, .explorer-pane-details .summary-panel { width:50%; } .show-floorplan .explorer-pane-details .summary-grid-sizer, .show-floorplan .explorer-pane-details .summary-panel { width:16.6%; } .explorer-pane-details .tasks-summary .summary-grid-sizer, .explorer-pane-details .tasks-summary .summary-element { width:100%; } .explorer-pane-details .tasks-summary .summary-element .split { display: table; width: 100%; } .explorer-pane-details .tasks-summary .summary-element .summary-panel { display: table-cell; width: 50%; } .show-floorplan .explorer-pane-details .tasks-summary:not(.single-element) .summary-grid-sizer, .show-floorplan .explorer-pane-details .tasks-summary:not(.single-element) .summary-element { width:33.3%; } .explorer-pane-details .tasks-summary .summary-element .overall-title { background-color: #4c5053; font-weight: bold; color:#fff; text-align: center; } .explorer-pane-details .asset-sensor-data .summary-grid-sizer, .explorer-pane-details .asset-sensor-data .summary-panel { width:25%; } .summary-panel { height:70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#fff; padding:10px; display: flex; flex-direction:column; justify-content: center; align-items: center; } . .explorer-pane-details .asset-sensor-data .summary-panel { height:130px; } .show-floorplan .explorer-pane-details .asset-sensor-data .summary-panel { height:115px; } .summary-panel:not(.active) { color:#686868; } .summary-panel:nth-child(1) { background: #343435; } .summary-panel:nth-child(2) { background: #404041; } .summary-panel:nth-child(3) { background: #4a4a4a; } .summary-panel:nth-child(4) { background: #585858; } .summary-panel:nth-child(5) { background: #686868; } .summary-panel:nth-child(6) { background: #787878; } .summary-panel:nth-child(7) { background: #818181; } .summary-panel:nth-child(8) { background: #858585; } .summary-panel:nth-child(15) { background: #343435; } .summary-panel:nth-child(14) { background: #404041; } .summary-panel:nth-child(13) { background: #4a4a4a; } .summary-panel:nth-child(12) { background: #585858; } .summary-panel:nth-child(11) { background: #686868; } .summary-panel:nth-child(10) { background: #787878; } .summary-panel:nth-child(9) { background: #818181; } .summary-panel-critical.active { background: #ff413d; } .summary-panel-danger.active { background: #d25b30; } .summary-panel-warning.active { background: #e39e30; } .summary-panel-info.active { background: #64a5dc; } .summary-title { text-align:center; font-size:8pt; padding:5px; width:100%; } .summary-value { font-size:2.0vw; line-height:2.0vw; font-family: 'Yantramanav', Helvetica,Arial, sans-serif; display: flex; align-items: center; justify-content: center; } .summary-value i { padding-right:5px; font-size:.5em; } .summary-value small { font-size:.5em; } .summary-chart { margin-top:5px; overflow: hidden; width: 100%; display: flex; flex-direction: row-reverse; } .summary-panel.summary-panel-sm { height:55px !important; padding:4px; } .summary-panel.summary-panel-sm .summary-value { font-size:1.6vw; line-height: 100%; } /* Asset detail */ .component-detail { margin-top:15px; } .component-detail-panel > h4 { margin-left:5px; } .component-detail-panel-list-heading { font-size: 16px; font-weight: bold; background-color: #4c5053; padding: 10px; color: #fff; margin-bottom:5px; } .component-detail-panel-list-heading .switchery { float:right !important; } .component-detail-panel-list { list-style-type:none; margin:0; padding:0; } .component-detail-panel-list li { padding:10px; overflow:hidden; border-collapse:collapse; background-color:#fff; } .component-detail-panel-list li:nth-child(2n+1) { background-color:#f6f7f7; } .component-detail-panel-list li > h5 { margin-top:0; margin-bottom:5px; } .component-detail-panel-list li > h5 > i { color:#bebebe; } .show-floorplan .component-detail { margin:15px; } .component-gutter-sizer { width: 2%; } .component-detail-panel { margin:0 0 10px !important; } .component-grid-sizer, .component-detail-panel { width: 49%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .component-detail dd { margin-bottom:10px; } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1500px) { .component-gutter-sizer { width: 2%; } .component-grid-sizer, .component-detail-panel { width: 32%; } } /* Printed */ @media print { .component-gutter-sizer, .component-grid-sizer { display: none; } .component-detail-panel { width: 100%; position: static !important; border: solid 1px #eee; border-radius: 2px; } } table.explorer-works-table>tbody>tr:hover { background-color: #e2e7eb; } div.portfolio-advanced-search { display: flex; justify-content: space-around; align-items: stretch; } div.portfolio-advanced-search > div { display: inline-block; margin: 0px 2px; } .explorer-pane-details .search-results h3 { text-align:center; } ul.attachment-dropdown>li>a { /*padding: 6px 15px;*/ padding: 5px 2px 5px 10px; } ul.attachment-dropdown>li>a>.attachmentedit { font-size: 1.3em; margin-top: -5px; font-weight: normal; display: none; } ul.attachment-dropdown>li>a:hover>.attachmentedit { display:block; } ul.attachment-dropdown>li>a>.attachmentedit:hover { background-color:#79ef79; } ul.attachment-dropdown>li>a>.attachment-delete { font-size: 1.3em; margin-top: -5px; font-weight: normal; display: none; } ul.attachment-dropdown>li>a:hover>.attachment-delete { display:block; } ul.attachment-dropdown>li>a>.attachment-delete:hover { background-color:#ff8683; } fieldset.manu-model-picker > ul.dropdown-menu { width: 450px; } ul.dropdown-menu .uploadButton { padding: 5px 15px !important; } .small div.building-prop { font-size: 85%; } div.building-prop { color: #b5b5b5; } div.building-prop > b { color: #c8c8c8; } div.building-prop > span { white-space: nowrap; } uib-accordion.age-related-risk a.accordion-toggle { padding: 0px; } uib-accordion.age-related-risk a.accordion-toggle h5 { margin: 0px; } uib-accordion.age-related-risk a.accordion-toggle .badge { line-height: 1.2; margin-top: -1px; } uib-accordion.age-related-risk .panel-group { margin-bottom: 0px; } uib-accordion.age-related-risk .panel-body { padding: 0px; } uib-accordion.age-related-risk .panel-body ul { margin: 0px !important; } i.qr-button { float: right; color: #939393; margin: -9px -9px 0px 0px; } i.qr-button:hover { color: #d2d2d2; } .title-floorplan i.qr-button { margin-top: 12px; } /* Floorplan key */ .floorplan>.floorplan-key { position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 500; display: flex; justify-content: center; pointer-events: none; } .floorplan>.floorplan-key>div { padding: 3px; border: solid 2px rgba(0, 0, 0, .2); background-color: #fff; background-clip:padding-box; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .floorplan>.floorplan-key li:not(:last-child) { margin-right:10px; } .floorplan>.floorplan-key li > .swatch { display: inline-block; height: 10px; width: 10px; border: solid 1px black; margin-bottom: -1px; margin-right: 2px; } /* legalDocuments system styles */ .legalDocuments-document { padding: 10px; border-bottom: 2px solid #eaeaea; transition: all 0.2s; margin: 0px 1px; } .legalDocuments-document:hover { background-color: #f2f2f2; cursor:pointer; } .legalDocuments-document h3 { padding: 5px; margin: 0px 0px 10px 0px; font-weight: 200; font-size: 16px; background-color: #dae1e8; } .legalDocuments-document .document-icon-container { text-align: center; vertical-align: middle; /*margin-top: 10px;*/ } .legalDocuments-document .document-icon-container .fa, .legalDocuments-document .document-icon-container .document-icon { font-size: 50px; width: 44px; } .legalDocuments-document dl { margin: 0px; padding: 0px; } .legalDocuments-document dt { float: left; width: auto; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .legalDocuments-document dd { margin-left: 100px; } .legalDocuments-document .image-thumb-wrapper { display: flex; /*width: 50px;*/ height: 50px; border: 1px solid #000; justify-content: center; align-items: center; overflow: hidden; } .legalDocuments-header { padding: 0px 10px; background-color:#4c5053; transition: all 0.2s; margin-bottom: 5px; } .legalDocuments-header:hover { cursor:pointer; background-color:#33383c; } .legalDocuments-header h5 { color: #fff; } div.legalDocuments-docs .library-button i { font-size: 16px; padding: 3px; } div.legalDocuments-docs .library-button { color: #c0c0c0; } div.legalDocuments-docs .library-button:hover { text-decoration: none; } /* End legalDocuments system styles */ .portfolio-explorer .timeline > li > .timeline-panel:after, .portfolio-explorer .timeline > li > .timeline-panel:before { border-right-color: #dedede; } .portfolio-explorer .timeline > li.timeline-small > .timeline-panel:after, .portfolio-explorer .timeline > li.timeline-small > .timeline-panel:before { border-right-color: #fff; } .portfolio-explorer .timeline > li.timeline-small > .timeline-panel.timeline-item-dark:after, .portfolio-explorer .timeline > li.timeline-small > .timeline-panel.timeline-item-dark:before { border-right-color: #656565; } .portfolio-explorer .timeline .timeline-panel .status-label:first-child { position: absolute; top: 3px; right: 7px; background-color: #878787; color: #fff; padding: 2px 4px; font-size: 75%; border-radius: 5px; } .portfolio-explorer .reference-value { padding: 1px 3px 3px 3px; } .portfolio-explorer .timeline:before { background-color:#fff; } .portfolio-explorer .timeline li .timeline-badge.badge-future { background-color:#fff; } .portfolio-explorer .timeline > li > .timeline-panel { background-color:#dedede; } .portfolio-explorer .timeline > li.timeline-small > .timeline-panel { background-color:#fff; } .portfolio-explorer .timeline .timeline-small > .timeline-panel .status-label { display:none; } .portfolio-explorer .timeline li.timeline-future { width: 100%; text-align: center; line-height: 20px; background-color: #e4e4e4; font-size: 120%; display:block; border-top-left-radius: 5px; border-top-right-radius: 5px; } .portfolio-explorer .timeline li.timeline-future:after { content: " "; display:block; position: relative; bottom:-5px; height:6px; background: linear-gradient(-45deg, transparent 75%, #e4e4e4 75%) 0 50%, linear-gradient( 45deg, transparent 75%, #e4e4e4 75%) 0 50%; background-repeat: repeat-x; background-size:10px 5px, 10px 5px; } .portfolio-explorer .timeline li.timeline-future:hover { background-color: #cecece; } .portfolio-explorer .timeline li.timeline-future:hover:after { background: linear-gradient(-45deg, transparent 75%, #cecece 75%) 0 50%, linear-gradient( 45deg, transparent 75%, #cecece 75%) 0 50%; background-repeat: repeat-x; background-size:10px 5px, 10px 5px; } .portfolio-explorer .timeline { margin:0; padding:0; } .timeline-dim { opacity: .5; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .timeline-dim:hover { opacity: 1; } .component-template-category { color: #b3b3b3; font-size: 8px; } .scorecard-panel { padding: 17px; background-color: #4d5053; margin-left: -30px; margin-bottom: 16px; } .scorecard-panel .panel-group { margin-bottom: 0px; } .scorecard-panel .panel-heading { background-color: #404041; color: #000 !important; padding:5px; } .scorecard-panel.scorecard-panel-with-floorplan { padding: 0px; margin-left: 0px; } /*.scorecard-panel.scorecard-panel-with-floorplan .panel-heading { background-color: #4d5053; }*/ .scorecard-panel .scorecard-header { font-size: 12px; color: #fff; display: flex; align-items: center; } .scorecard-panel .scorecard-header .flex-child-grow-1 { font-weight: bold; } .scorecard-panel .scorecard-header .last-updated-header { font-size: 9px; color: #aaa; padding: 0px; line-height: 4px; margin-left: 21px; } .scorecard-panel .scorecard-header .summary-panel { height: 45px; background: #585858; width: 150px; } .scorecard-panel .accordion-toggle { } @media print { .explorer-pane-details { overflow-y: visible; } .explorer-summary { height: auto !important; display: flex; align-items: stretch; margin-top: 10px; } .summary-panel { width: auto !important; flex: 1 1 auto; position: static !important; border: solid 1px #aaa; } .summary-grid-sizer { display: none !important; } .target-header { min-height: 0px !important; padding: 0px; } .target-header .header-detail { padding: 0px 10px !important; } .target-header .image-gallery { height: 200px !important; } } .floor-plan-split-view .left-panel { width:100%; overflow-x:hidden; overflow-y:auto; } .floor-plan-split-view.show-floorplan .left-panel { width:50%; } .floor-plan-split-view .floorplan { margin-left:50%; width:50%; } .floor-plan-split-view .floorplan .floorplan-loading { height:100%; } .floor-plan-split-view .floorplan #leaflet-map { height:100%; } .floor-plan-split-view .left-panel-container { height:100%; } @media print { .floor-plan-split-view .left-panel { width:100% !important; overflow-x: visible !important; overflow-y: visible !important; } .floor-plan-split-view .floorplan { display: none !important; } } .floorplan-edit-bind .nav-tabs > li, .floorplan-edit-update .nav-tabs > li { margin-top: 5px; margin-left: 5px; } .floorplan-edit-bind .tab-content, .floorplan-edit-update .tab-content { border: 1px solid #ccc; border-top: none; } .floorplan-edit-bind.import-space-list { list-style:none; padding:0; } .floorplan-edit-bind.import-space-list li { padding:10px; } .floorplan-edit-bind.import-space-list li:nth-child(2n+1) { background:#eee; } .assisted-binding .panel-group { margin-top:10px; margin-bottom:0px; } .floorplan { position:relative; clear:both; } .leaflet-pane { width:100%; /* Effects tooltip width */ } .leaflet-tooltip { white-space: normal; max-width:23vw; } .floorplan #leaflet-map { z-index:98; } .floorplan .leaflet-overlay-pane { z-index:651 !important; } .floorplan .leaflet-marker-pane { z-index:652 !important; } .leaflet-icon-filtered { opacity: .2; } .map-detail-popup { min-width:150px; } .pointer-cancel { pointer-events:none !important; } .floorplan-slider { position:absolute; bottom:5px; width:70%; margin-left:17.5%; z-index:99; border-radius:10px; background-color:#fff; padding:3px; } .floorplan-popup-title { font-size:13px; font-weight:bold; margin: -15px -20px 15px; background-color: #2D353C; color: #fff; padding: 10px; text-align:center; padding-right: 21px; } .floorplan-list-item:hover { background-color: #f5f5f5; } .floorplan-button-container { display: block; margin: 15px -20px -15px; } .leaflet-popup-content-wrapper { overflow:hidden; } .leaflet-count-icon-wrap { border:0; background-color:transparent; font-size: 10px; color:#fff; text-align:center; width: 40px !important; z-index:0 !important; } .leaflet-label-marker-wrap { border: 0; background-color: transparent; font-size: 8px; color: #000 !important; text-align: center; width: auto !important; z-index: 0 !important; } .leaflet-label-marker { display: inline-block; margin: auto; border-radius: 5px; padding: 0px 2px; height: auto !important; width: auto !important; /*background-color: #333;*/ transform: translateX(-50%) !important; } .leaflet-label-marker-wrap:hover { z-index: 1 !important; } .leaflet-label-marker-wrap:hover .leaflet-label-marker { opacity: 1 !important; } .leaflet-count-icon { display:inline-block; margin: auto; border-radius: 5px; padding: 0px 2px; height: auto !important; width: auto !important; background-color: #333; } .floorplan-message, .floorplan-loading { position:absolute; opacity:.8; z-index:99; height:100%; width:100%; display:-ms-flexbox; display:flex; align-items: center; justify-content:center; top:0; left:0; } .floorplan-message { height: 100px; margin-top:-50px; margin-left:-30%; top:50%; left:50%; width: 60%; border-radius:20px; } .floorplan-edit .email-content { width:96% } .leaflet-tooltip-pane { z-index:654 !important; } .leaflet-tooltip { background: #333 !important; border-color: #666 !important; color: #fff !important; } .leaflet-tooltip-left:before { border-left-color: #333 !important; } .leaflet-tooltip-right:before { border-right-color: #333 !important; } .leaflet-popup-close-button { /*right:17px !important;*/ } .service-tickets .leaflet-popup-content-wrapper, .job-manager-splitview .leaflet-popup-content-wrapper { overflow: hidden; } .leaflet-control-layers.leaflet-control-layers-expanded form { min-height: 50px; } .floorplan-edit-bind #leaflet-map, .floorplan-edit-update #leaflet-map { height:530px; } .floorplan-edit-update .layer-container { background-color:#fff; padding:3px; margin:0; border-radius:3px; } .floorplan-edit-update .layer-container li { list-style-type:none; word-break:break-all; padding:3px; margin:3px; border-bottom:1px solid #ccc; } .floorplan-edit-update .layer-container li.highlight { font-weight:bold; } .floorplan-edit-update .layer-container > li:hover:not(.highlight) { opacity:.75; } @media (min-width: 768px) { .floorplan-edit .email-content { width:73% } } @media (min-width: 992px) { .floorplan-edit .email-content { width:48% } } @media (min-width: 1200px) { .floorplan-edit .email-content { width:31% } } .floorplan.pin-dropper-mode { flex-grow: 1; } @keyframes fadeIn { to { opacity: 1; } } .floorplan.pin-dropper-mode #leaflet-map { height: 100%; opacity: 0; } .floorplan.pin-dropper-mode #leaflet-map:not(.loading-floorplan) { animation: fadeIn 0.3s ease forwards; } .floorplan.pin-dropper-mode #leaflet-map:before, .floorplan.pin-dropper-mode #leaflet-map:after { z-index: 470; position: absolute; inset: 0; display: flex; flex-direction: column; align-content: center; align-items: center; justify-content: center; z-index: 470; font-family: "Font Awesome 6 Pro"; font-weight: 900; transition: transform 0.2s ease-out; pointer-events: none; padding: 0 !important; margin: 0 !important; } .floorplan.pin-dropper-mode #leaflet-map:before { content: "\f111"; color: black; opacity: 0.4; filter: blur(2px); font-size: 1rem; transform: scale(1) scaleY(0.66); } .floorplan.pin-dropper-mode #leaflet-map:after { font-size: 3rem; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyODggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTExMiAzMTYuOXYxNTYuN2wyMiAzM2M0LjggNy4xIDE1LjIgNy4xIDIwIDBMMTc2IDQ3My42VjMxNi45Yy0xMC40IDEuOS0yMS4xIDMuMS0zMiAzLjFzLTIxLjYtMS4xLTMyLTMuMXpNMTQ0IDBDNjQuNSAwIDAgNjQuNSAwIDE0NHM2NC41IDE0NCAxNDQgMTQ0IDE0NC02NC41IDE0NC0xNDRTMjIzLjUgMCAxNDQgMHptMCA3NmMtMzcuNSAwLTY4IDMwLjUtNjggNjggMCA2LjYtNS40IDEyLTEyIDEycy0xMi01LjQtMTItMTJjMC01MC43IDQxLjMtOTIgOTItOTIgNi42IDAgMTIgNS40IDEyIDEycy01LjQgMTItMTIgMTJ6Ii8+PC9zdmc+"); background-position: center; background-repeat: no-repeat; background-size: 1.75rem; content: ""; color: black; transform: translateY(-3rem); text-shadow: 0 0 3.5rem white; } .floorplan.pin-dropper-mode #leaflet-map:not(.moving):after { transform: translateY(-1.26rem); } .floorplan.pin-dropper-mode #leaflet-map:not(.moving):before { transform: scale(0) scaleY(1); } div.hazards .nav-tabs > li > a { margin-left: 0px; } div.hazards .nav > li > a { padding: 5px 6px; } div.hazards > div:first-child { width: 30%; display:flex; align-items: stretch; padding: 10px 5px 10px 15px; } div.hazards > div:first-child > div { width: 100%; overflow-y: auto; padding: 5px; } div.hazards > div:last-child { width: 70%; display:table-row; align-items: stretch; overflow-x:hidden; overflow-y: auto; background-color:white; margin-top: 15px; } div.hazards > div:last-child > div { background-color: white; overflow-x: visible; overflow-y: visible; padding: 10px; } div.hazards table .overflow { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } div.hazards h3 { margin-top: 10px; margin-bottom: 10px; } div.hazards .tab-content { height: calc(100% - 40px); width: 100%; } div.hazards .flex-content .tab-content>.tab-pane.active { display: flex; flex-direction: column; height: 100%; } div.hazards .nav-tabs { background-color: transparent; } div.hazards .nav-tabs > li { text-align: center; } div.hazards .nav-item:not(.active)>a { background-color: #d9d9d9; } div.hazards .document-container { padding: 5px; } div.hazards .hazard-item-archived, div.hazards .hazard-item-archived:hover { background-color: #fbe5e5 !important; } div.hazards .hazard-item { padding: 10px; border-bottom: 2px solid #eaeaea; transition: all 0.2s; } div.hazards .hazard-item:hover { background-color: #f2f2f2; cursor:pointer; } div.hazards .hazard-item .hazard-icon-container { display: flex; height: 50px; border: 0; justify-content: center; align-items: center; overflow: hidden; } div.hazards .hazard-item .hazard-icon { font-size: 50px; width: 44px; } div.hazards .pointer { cursor: pointer; } div.hazards .dl-horizontal { margin-bottom: 0px; } div.hazards .dl-horizontal dt { width: 90px; } div.hazards .dl-horizontal dd { margin-left: 100px; } div.hazards .warning { color: #f59c1a; } div.hazards .danger { color: red; } div.hazards .total-hazards.count-panel-header { background-color: #5691ac; } div.hazards .total .fa, div.hazards .total, div.hazards .hazards-dashboard .count-panel-content { font-size: 14px; } div.hazards .total.count-panel-header { background-color: #5691ac; } div.hazards hr { margin: 20px; } div.hazards .dashboard-stats-panel { margin: 0px 10px 10px 10px; } div.hazards .search-container, div.hazards .portfolio-container { background-color: #fff; padding: 10px; border-radius: 10px; border: 2px solid #b8b8b8; } div.hazards .hazards-addNew { flex: auto; display: grid; padding: 0px 0px 10px 0px; } div.hazards .hazards-addNew a { font-size: 20px; } div.hazards .btn-addNew { color: #fff; background: #33383c; border-color: #33383c; display: block; } div.hazards .hazards-buttons-container { text-align: right !important; display: grid; } div.hazards .hazards-button i { font-size: 14px; padding: 3px; } div.hazards .hazards-button { color: #5591ac; } div.hazards .hazards-button-blue:hover { color: blue; } div.hazards .hazards-button-black:hover { color: #000; } div.hazards .hazards-button-purple:hover { color: purple; } div.hazards .hazards-button-yellow:hover { color: #f59c1a; } div.hazards .hazards-button-green:hover { color: #27AE60; } div.hazards .hazards-button-orange:hover { color: orangered; } div.hazards .hazards-button:hover { text-decoration: none; } div.hazards .hazard-filter-item { max-height: 400px; overflow-x: hidden; overflow-y: auto; } div.hazards .hazardTypes-container { padding-left: 30px; } div.hazards .hazardTypes-container input[type=checkbox], input[type=radio] { margin-top: 0px; } div.journal-container { border-radius: 10px; margin: 10px; padding: 10px; } div.journal-container .journal-title h4 { font-size: 24px; padding-top: 5px; text-align: right; } div.journal-container .journal-title .fa { font-size: 34px; float:right; padding-left: 10px; } div.journal-container .timeline .timeline-panel { padding-bottom: 10px; } div.journal-container .timeline .timeline-panel .status-label:first-child { position: absolute; top: 3px; right: 7px; background-color: #878787; color: #fff; padding: 2px 4px; font-size: 75%; border-radius: 5px; } div.journal-container .icon-container { text-align: center } div.journal-container .icon-container .fa, div.journal-container .icon-container .hazard-icon { font-size:50px; width: 44px; } div.journal-container .image-thumb-wrapper { display: flex; width: 50px; height: 50px; border: 0; justify-content: center; align-items: center; overflow: hidden; } div.journal-container dl { padding: 0px; margin:0px; } .lookup-value-edit .lookup-type:hover { background-color: #f5f5f5; } .lookup-value-edit .lookup-value { display: flex; align-items: stretch; } .lookup-value-edit .lookup-value > div.toolbox { margin-left:auto; display:none; align-items:center; font-size: 150%; } .lookup-value-edit .lookup-value:hover > div.toolbox { display: flex; } .lookup-value-edit .drag-to-root { height: 100px; width: 100%; } .space-types ul { overflow-y: scroll; max-height: 200px; } div[disabled] .form-control { background: #e5e9ed; opacity: 0.6; filter: alpha(opacity=60); } .tabelCell { display: table-cell; } div.spaceMgr .nav-tabs > li > a { margin-left: 0px; } div.spaceMgr .nav > li > a { padding: 5px 6px; } div.spaceMgr > div:first-child { width: 30%; display: flex; align-items: stretch; padding: 10px 5px 10px 15px; } div.spaceMgr > div:first-child > div { width: 100%; overflow-y: auto; padding: 5px; } div.spaceMgr > div:last-child { width: 70%; display: table-row; align-items: stretch; overflow-x: hidden; overflow-y: hidden; /*background-color: white;*/ margin-top: 15px; transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */ z-index: 10; /* force to appear over filters */ /*padding: 0 0 0 10px;*/ } div.spaceMgr > div:last-child > div { background-color: white; overflow-x: visible; overflow-y: visible; padding: 10px; } div.spaceMgr h3 { margin-top: 10px; margin-bottom: 10px; } div.spaceMgr .tab-content { height: calc(100% - 40px); width: 100%; } div.spaceMgr .flex-content .tab-content > .tab-pane.active { display: flex; flex-direction: column; height: 100%; } div.spaceMgr .nav-tabs { background-color: transparent; } div.spaceMgr .nav-tabs > li { text-align: center; } div.spaceMgr .nav-item:not(.active) > a { background-color: #d9d9d9; } div.spaceMgr .total-files-container { padding: 5px 10px 5px 10px; font-size: 14px; text-align: left; padding: 5px; margin: 0px 10px 10px 10px; background-color: #2d353c; color: #fff; } div.spaceMgr .search-container { padding: 5px 10px 5px 10px; } div.spaceMgr .search-container { background-color: #fff; padding: 10px; border-radius: 10px; border: 2px solid #b8b8b8; } div.spaceMgr .total-files.count-panel-header { background-color: #5691ac; } div.spaceMgr .spaceMgr-feature-container { padding: 20px 10px 10px 10px; max-height: 400px; overflow: auto; margin: 10px; } /*div.spaceMgr .spaceMgr-feature-container .btn { padding: 2px 5px !important; font-size: 12px !important; font-weight: lighter !important; }*/ div .spaceMgr .spaceMgr-feature-container .input-group { display: inline-block; border: 5px solid #e2e7eb; } div.spaceMgr hr { margin: 20px; } div.spaceMgr .dashboard-stats-panel { margin: 0px 10px 10px 10px; } div.spaceMgr .spaceMgr-spacetypes-container { padding-left: 30px; max-height: 200px; overflow: auto; margin: 10px; } div.spaceMgr .spaceMgr-spacetypes-container input[type=checkbox] { margin: 1px -20px 0 !important; } div.spaceMgr .spaceMgr-filters { padding: 10px 0px 0px 0px; border-bottom: 10px solid #dae1e8; background-color: #37393c !important; } div.spaceMgr .spaceMgr-filters .fa-filter { margin: 0px; } div.spaceMgr .spaceMgr-filters .filters-title { padding: 0px; margin: 0px 0px; border-bottom: 2px solid #000; } div.spaceMgr .spaceMgr-filters .filters-title h3 { color: #fff; } div.spaceMgr .spaceMgr-filters .filter-container { display: inline; font-size: 14px; } div.spaceMgr .spaceMgr-filters .filter-type { font-size: 12px; color: #000; font-weight: bold; display: inline; padding: 10px 0px 0px 0px } div.spaceMgr .spaceMgr-filters .filters { display: inline-block; padding: 2px 5px 0px 0px; } div.spaceMgr .spaceMgr-bulkdownload, div.spaceMgr .spaceMgr-filters, div.spaceMgr .spaceMgr-dashboard { border-bottom: 10px solid #dae1e8; } div.spaceMgr .ui-grid-viewport, div.spaceMgr .ui-grid-header-viewport { width: 100% !important; } div.spaceMger .ui-grid-contents-wrapper { overflow: hidden; } /*div.spaceMgr .grid { width: 100%; height: 100%; }*/ /*div.spaceMgr .ui-grid-canvas { height: 100% !important; }*/ /*div.spaceMgr .ui-grid-render-container-body .ui-grid-canvas {*/ /*div.spaceMgr .ui-grid .ui-grid-viewport {*/ /*div.spaceMgr .ui-grid-render-container-body .ui-grid-viewport { min-height: 100% !important; }*/ .project-element-list { } .project-element-list-group-heading { position: relative; left: -30px; } .project-element-list th { font-weight: bold; color: #808080 !important; } .project-element-list-group td { font-weight: bold; } .project-element-list-activity { } /* Row action buttons */ .project-element-list-controls, .project-element-list-actions { white-space: nowrap; padding: 3px; position: relative; } .project-element-list-actions i { cursor: move; } .project-element-list-controls button { visibility: hidden; cursor: pointer; } .project-element-list-controls:hover button { visibility: visible; } .project-element-list-activity .project-element-list-actions i, .project-element-list-activity .project-element-list-actions button { visibility: hidden; cursor: pointer; } .project-element-list-activity:hover .project-element-list-actions i, .project-element-list-activity:hover .project-element-list-actions button { visibility: visible; } .project-element-drop-highlight { height:40px; } .project-element-list-drag-handle{ position: absolute; left: -6px; top: 11px; } div.projectActivities .nav-tabs > li > a { margin-left: 0px; } div.projectActivities .nav > li > a { padding: 5px 6px; } div.projectActivities > div:first-child { width: 30%; display: flex; align-items: stretch; padding: 10px 5px 10px 15px; } div.projectActivities > div:first-child > div { width: 100%; overflow-y: auto; padding: 5px; } div.projectActivities > div:last-child { width: 70%; display: table-row; align-items: stretch; overflow-x: hidden; overflow-y: auto; background-color: white; margin-top: 15px; } div.projectActivities > div:last-child > div { background-color: white; overflow-x: visible; overflow-y: visible; padding: 10px; } div.projectActivities h3 { margin-top: 10px; margin-bottom: 10px; } div.projectActivities .tab-content { height: calc(100% - 40px); width: 100%; } div.projectActivities .flex-content .tab-content > .tab-pane.active { display: flex; flex-direction: column; height: 100%; } div.projectActivities .nav-tabs { background-color: transparent; } div.projectActivities .nav-tabs > li { text-align: center; } div.projectActivities .nav-item:not(.active) > a { background-color: #d9d9d9; } div.projectActivities .activity-item-archived, div.projectActivities .activity-item-archived:hover { background-color: #fbe5e5 !important; } div.projectActivities .activity-item-checkedout, div.projectActivities .activity-item-checkedout:hover { background-color: #fff6d1 !important; } div.projectActivities .activity-item { padding: 10px; border-bottom: 2px solid #eaeaea; transition: all 0.2s; } div.projectActivities .activity-item:hover { background-color: #f2f2f2; cursor: pointer; } div.projectActivities .activity-item .activity-icon-container { display: flex; height: 50px; border: 0; justify-content: center; align-items: center; overflow: hidden; } div.projectActivities .activity-item .activity-icon { font-size: 40px; } div.projectActivities .activity-warning-msg { padding: 30px 0 30px 0; } div.projectActivities .pointer { cursor: pointer; } div.projectActivities .search-container { padding: 5px 10px 5px 10px; } div.projectActivities .total-activities.count-panel-header { background-color: #5691ac; } div.projectActivities .projectActivities-dashboard count-panel { padding: 5px; } div.projectActivities .total .fa, div.projectActivities .total, div.projectActivities .projectActivities-dashboard .count-panel-content { font-size: 14px; } div.projectActivities .total.count-panel-header { background-color: #5691ac; } div.projectActivities hr { margin: 20px; } div.projectActivities .dashboard-stats-panel { margin: 0px 10px 10px 10px; } div.projectActivities .search-container { background-color: #fff; padding: 10px; border-radius: 10px; border: 2px solid #b8b8b8; } div.projectActivities .btn-Settings { color: #fff; background: #33383c; border-color: #33383c; display: inline; } div.projectActivities .projectActivities-folder-tree .hideNode { display: none; } div.projectActivities .projectActivities-folder-tree .jstree-icon { color: #f59c1a; } div.projectActivities .projectActivities-docTypes-container, div.projectActivities .projectActivities-tags-container, div.projectActivities .projectActivities-projects-container, div.projectActivities .projectActivities-collection-container { padding-left: 30px; } div.projectActivities .projectActivities-customfilter-container { padding: 0px 10px; flex-flow: row; flex-direction: row; } div.projectActivities .projectActivities-filters { padding: 10px 0px 0px 0px; border-bottom: 10px solid #dae1e8; background-color: #37393c !important; } div.projectActivities .projectActivities-filters .fa-filter { margin: 0px; } div.projectActivities .projectActivities-filters .filters-title { padding: 0px; margin: 0px 0px; border-bottom: 2px solid #000; } div.projectActivities .projectActivities-filters .filters-title h3 { color: #fff; } div.projectActivities .projectActivities-filters .filter-container { display: inline; font-size: 14px; } div.projectActivities .projectActivities-filters .filter-type { font-size: 12px; color: #000; font-weight: bold; display: inline; padding: 10px 0px 0px 0px } div.projectActivities .projectActivities-filters .filters { display: inline-block; padding: 2px 5px 0px 0px; } div.projectActivities .projectActivities-bulkdownload, div.projectActivities .projectActivities-filters, div.projectActivities .projectActivities-dashboard { border-bottom: 10px solid #dae1e8; } div.projectActivities .projectActivities-addNew { flex: auto; display: grid; padding: 0px 0px 10px 0px; } div.projectActivities .projectActivities-addNew a { font-size: 20px; } div.projectActivities .btn-addNew { color: #fff; background: #33383c; border-color: #33383c; display: block; } div.projectActivities .dropdown-menu { right: 10px !important; left: auto !important; } /* Activity car CSS */ div.projectActivities .activity-card { background: #fff; border: 1px solid #e0e0e0; /*border-left: 6px solid #c0c0c0;*/ border-radius: 8px; padding: 10px; margin: 16px 0; box-shadow: 0 2px 4px rgba(0,0,0,0.05); /*max-width: 700px;*/ font-family: 'Segoe UI', sans-serif; } div.projectActivities .activity-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } div.projectActivities .left-section { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } div.projectActivities .right-section { display: flex; align-items: center; } div.projectActivities .activity-id { font-weight: bold; color: #666; } div.projectActivities .activity-title { font-weight: 600; font-size: 1.2rem; } div.projectActivities .priority-badge { padding: 4px 12px; border-radius: 12px; color: white; font-size: 0.8rem; font-weight: 600; } div.projectActivities .priority-badge.high { background-color: #f44336; } div.projectActivities .actions-button { background-color: #1e88e5; color: white; padding: 6px 12px; border: none; border-radius: 6px; font-size: 0.85rem; cursor: pointer; transition: background-color 0.2s ease; } div.projectActivities .actions-button:hover { background-color: #1565c0; } div.projectActivities .activity-body { font-size: 0.95rem; color: #333; margin-top: 10px; } div.projectActivities .instruction { margin: 0 0 8px 0; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } div.projectActivities .activity-meta { display: flex; gap: 12px; flex-wrap: wrap; font-size: 0.85rem; color: #666; } div.projectActivities .meta-item { display: flex; align-items: center; gap: 4px; } .projectActivityConfigForm .ng-valid[required], .projectActivityConfigForm .ng-valid.required { border-left: 5px solid #85ec64; /* green */ } .projectActivityConfigForm .ng-invalid:not(form) { border-left: 5px solid #fab3b3; /* red */ } .project-activity-edit { background-color: #d9e0e7; } .project-activity-edit.ng-submitted .ng-invalid-required, .project-activity-edit .ng-invalid-required.ng-dirty, .project-activity-edit .ng-invalid-required.ng-touched, .project-activity-edit .ng-invalid-required input.ng-touched { background-color:#fbbfbf !important; border-color:#ff3a3a; } .project-template-edit .uib-tab.active a, .project-template-edit .uib-tab.active a > uib-tab-heading { background-color: #2e5160 !important; color: #fff; } .project-activity-list-group-heading { position:relative; left:-30px; } .project-template-edit .uib-tab.active a, .project-template-edit .uib-tab.active a > uib-tab-heading { background-color: #2e5160 !important; color: #fff; } .project-activity-list th { font-weight: bold; color: #808080 !important; } .project-activity-list-group td { font-weight: bold; } .project-activity-list-activity { } /* Row action buttons */ .project-activity-list-controls, .project-activity-list-actions { white-space: nowrap; padding:3px; } .project-activity-list-controls button { visibility: hidden; cursor: pointer; } .project-activity-list-controls:hover button { visibility: visible; } .project-activity-list-activity .project-activity-list-actions button { visibility: hidden; cursor: pointer; } .project-activity-list-activity:hover .project-activity-list-actions button { visibility: visible; } /* Activity car CSS */ .projectActivityPicker .activity-card { background: #fff; border: 1px solid #e0e0e0; /*border-left: 6px solid #c0c0c0;*/ border-radius: 8px; padding: 10px; margin: 16px 0; box-shadow: 0 2px 4px rgba(0,0,0,0.05); /*max-width: 700px;*/ font-family: 'Segoe UI', sans-serif; } .projectActivityPicker .activity-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .projectActivityPicker .left-section { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .projectActivityPicker .right-section { display: flex; align-items: center; } .projectActivityPicker .activity-id { font-weight: bold; color: #666; } .projectActivityPicker .activity-title { font-weight: 600; font-size: 1.2rem; } .projectActivityPicker .priority-badge { padding: 4px 12px; border-radius: 12px; color: white; font-size: 0.8rem; font-weight: 600; } .projectActivityPicker .priority-badge.high { background-color: #f44336; } .projectActivityPicker .actions-button { background-color: #1e88e5; color: white; padding: 6px 12px; border: none; border-radius: 6px; font-size: 0.85rem; cursor: pointer; transition: background-color 0.2s ease; } .projectActivityPicker .actions-button:hover { background-color: #1565c0; } .projectActivityPicker .activity-body { font-size: 0.95rem; color: #333; margin-top: 10px; } .projectActivityPicker .instruction { margin: 0 0 8px 0; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .projectActivityPicker .activity-meta { display: flex; gap: 12px; flex-wrap: wrap; font-size: 0.85rem; color: #666; } .projectActivityPicker .meta-item { display: flex; align-items: center; gap: 4px; } .project-template-edit h4 { background: #2e5160; color: #fff; padding: 6px 12px; border-radius: 7px; font-size: 11pt; } .project-template-edit h4 button { position: relative; top: -2px; right: -7px; padding-bottom: 0px; } .projectTemplateEdit { background-color: #fff; padding: 10px; width: 100%; } .projectTemplateEdit .title { } .projectTemplateEdit .title .btn-addNew:hover { cursor: pointer; } .projectTemplateEdit .templateDetailsContainer { } .projectTemplateEdit .templateDetailsContainer .ng-valid[required], .projectTemplateEdit .templateDetailsContainer .ng-valid.required { border-left: 5px solid #85ec64; /* green */ } .projectTemplateEdit .templateDetailsContainer .ng-invalid:not(form) { border-left: 5px solid #fab3b3; /* red */ } .projectTemplateEdit .templateActivitiesContainer { } .projectTemplateEdit .templateActivitiesContainer .headingContainer { display: flex; } .projectTemplateEdit .templateActivitiesContainer .headingContainer .heading, .projectTemplateEdit .template-milestones-container .heading { font-weight: bold; font-size: 14px; padding: 5px 0px; flex: 1 1 auto; /* take all remaining space */ min-width: 0; /* allow truncation */ overflow: hidden; /* optional: truncate long titles */ text-overflow: ellipsis; white-space: nowrap; } .projectTemplateEdit .templateActivitiesContainer .headingContainer .addActivity { flex: 0 0 auto; /* size to content only */ margin-left: auto; /* push to the far right */ } .projectTemplateEdit .templateActivitiesContainer .noActivities { } .projectTemplateEdit .templateActivitiesContainer .noActivities h3 { text-align: center; } .projectTemplateEdit .templateActivitiesContainer .group-heading { font-size: 25px; border-bottom: 2px solid #c0c0c0; padding-bottom: 5px; } /* Activity card CSS */ .projectTemplateEdit .activity-card { background: #fff; border: 1px solid #e0e0e0; /*border-left: 6px solid #c0c0c0;*/ border-radius: 8px; padding: 10px; margin: 16px 0; box-shadow: 0 2px 4px rgba(0,0,0,0.05); /*max-width: 700px;*/ font-family: 'Segoe UI', sans-serif; } .projectTemplateEdit .activity-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .projectTemplateEdit .left-section { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .projectTemplateEdit .right-section { display: flex; align-items: center; } .projectTemplateEdit .activity-id { font-weight: bold; color: #666; } .projectTemplateEdit .activity-title { font-weight: 600; font-size: 1.2rem; } .projectTemplateEdit .priority-badge { padding: 4px 12px; border-radius: 12px; color: white; font-size: 0.8rem; font-weight: 600; } .projectTemplateEdit .priority-badge.high { background-color: #f44336; } .projectTemplateEdit .actions-button { background-color: #1e88e5; color: white; padding: 6px 12px; border: none; border-radius: 6px; font-size: 0.85rem; cursor: pointer; transition: background-color 0.2s ease; } .projectTemplateEdit .actions-button:hover { background-color: #1565c0; } .projectTemplateEdit .activity-body { font-size: 0.95rem; color: #333; margin-top: 10px; } .projectTemplateEdit .instruction { margin: 0 0 8px 0; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .projectTemplateEdit .activity-meta { display: flex; gap: 12px; flex-wrap: wrap; font-size: 0.85rem; color: #666; } .projectTemplateEdit .meta-item { display: flex; align-items: center; gap: 4px; } /* Flex wrapper for buttons + card */ .activity-wrapper { display: flex; align-items: center; margin-bottom: 10px; } /* Space buttons from the card */ .reorder-buttons { margin-right: 10px; display: flex; flex-direction: column; gap: 4px; } /* Ensure activity card takes remaining space */ .activity-card { flex: 1; } /* Align "Order" text to the right */ /*.activity-meta { display: flex; justify-content: space-between; align-items: center; }*/ .activity-meta .order-label { margin-left: auto; font-weight: bold; color: #6c757d; /* consistent muted color */ } div.projectTemplates .nav-tabs > li > a { margin-left: 0px; } div.projectTemplates .nav > li > a { padding: 5px 6px; } div.projectTemplates > div:first-child { width: 30%; display: flex; align-items: stretch; padding: 10px 5px 10px 15px; } div.projectTemplates > div:first-child > div { width: 100%; overflow-y: auto; padding: 5px; } div.projectTemplates > div:last-child { width: 70%; display: table-row; align-items: stretch; overflow-x: hidden; overflow-y: auto; background-color: white; margin-top: 15px; } div.projectTemplates > div:last-child > div { background-color: white; overflow-x: visible; overflow-y: visible; padding: 10px; } div.projectTemplates h3 { margin-top: 10px; margin-bottom: 10px; } div.projectTemplates .tab-content { height: calc(100% - 40px); width: 100%; } div.projectTemplates .flex-content .tab-content > .tab-pane.active { display: flex; flex-direction: column; height: 100%; } div.projectTemplates .nav-tabs { background-color: transparent; } div.projectTemplates .nav-tabs > li { text-align: center; } div.projectTemplates .nav-item:not(.active) > a { background-color: #d9d9d9; } div.projectTemplates .template-item-archived, div.projectTemplates .template-item-archived:hover { background-color: #fbe5e5 !important; } div.projectTemplates .template-item-checkedout, div.projectTemplates .template-item-checkedout:hover { background-color: #fff6d1 !important; } div.projectTemplates .template-item { padding: 10px; border-bottom: 2px solid #eaeaea; transition: all 0.2s; } div.projectTemplates .template-item:hover { background-color: #f2f2f2; cursor: pointer; } div.projectTemplates .template-item .template-icon-container { display: flex; height: 50px; border: 0; justify-content: center; align-items: center; overflow: hidden; } div.projectTemplates .template-item .template-icon { font-size: 40px; } div.projectTemplates .template-warning-msg { padding: 30px 0 30px 0; } div.projectTemplates .pointer { cursor: pointer; } div.projectTemplates .search-container { padding: 5px 10px 5px 10px; } div.projectTemplates .total-templates.count-panel-header { background-color: #5691ac; } div.projectTemplates .projectTemplates-dashboard count-panel { padding: 5px; } div.projectTemplates .total .fa, div.projectTemplates .total, div.projectTemplates .projectTemplates-dashboard .count-panel-content { font-size: 14px; } div.projectTemplates .total.count-panel-header { background-color: #5691ac; } div.projectTemplates hr { margin: 20px; } div.projectTemplates .dashboard-stats-panel { margin: 0px 10px 10px 10px; } div.projectTemplates .search-container { background-color: #fff; padding: 10px; border-radius: 10px; border: 2px solid #b8b8b8; } div.projectTemplates .btn-Settings { color: #fff; background: #33383c; border-color: #33383c; display: inline; } div.projectTemplates .projectTemplates-folder-tree .hideNode { display: none; } div.projectTemplates .projectTemplates-folder-tree .jstree-icon { color: #f59c1a; } div.projectTemplates .projectTemplates-docTypes-container, div.projectTemplates .projectTemplates-tags-container, div.projectTemplates .projectTemplates-projects-container, div.projectTemplates .projectTemplates-collection-container { padding-left: 30px; } div.projectTemplates .projectTemplates-customfilter-container { padding: 0px 10px; flex-flow: row; flex-direction: row; } div.projectTemplates .projectTemplates-filters { padding: 10px 0px 0px 0px; border-bottom: 10px solid #dae1e8; background-color: #37393c !important; } div.projectTemplates .projectTemplates-filters .fa-filter { margin: 0px; } div.projectTemplates .projectTemplates-filters .filters-title { padding: 0px; margin: 0px 0px; border-bottom: 2px solid #000; } div.projectTemplates .projectTemplates-filters .filters-title h3 { color: #fff; } div.projectTemplates .projectTemplates-filters .filter-container { display: inline; font-size: 14px; } div.projectTemplates .projectTemplates-filters .filter-type { font-size: 12px; color: #000; font-weight: bold; display: inline; padding: 10px 0px 0px 0px } div.projectTemplates .projectTemplates-filters .filters { display: inline-block; padding: 2px 5px 0px 0px; } div.projectTemplates .projectTemplates-bulkdownload, div.projectTemplates .projectTemplates-filters, div.projectTemplates .projectTemplates-dashboard { border-bottom: 10px solid #dae1e8; } div.projectTemplates .projectTemplates-addNew { flex: auto; display: grid; padding: 0px 0px 10px 0px; } div.projectTemplates .projectTemplates-addNew a { font-size: 20px; } div.projectTemplates .btn-addNew { color: #fff; background: #33383c; border-color: #33383c; display: block; } div.projectTemplates .dropdown-menu { right: 10px !important; left: auto !important; } /* template car CSS */ div.projectTemplates .template-card { background: #fff; border: 1px solid #e0e0e0; border-left: 6px solid #5691ac; border-radius: 8px; padding: 10px; margin: 16px 0; box-shadow: 0 2px 4px rgba(0,0,0,0.05); /*max-width: 700px;*/ font-family: 'Segoe UI', sans-serif; } div.projectTemplates .template-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } div.projectTemplates .left-section { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } div.projectTemplates .right-section { display: flex; align-items: center; } div.projectTemplates .template-id { font-weight: bold; color: #666; } div.projectTemplates .template-title { font-weight: 600; font-size: 1.2rem; } div.projectTemplates .priority-badge { padding: 4px 12px; border-radius: 12px; color: white; font-size: 0.8rem; font-weight: 600; } div.projectTemplates .priority-badge.high { background-color: #f44336; } div.projectTemplates .actions-button { background-color: #1e88e5; color: white; padding: 6px 12px; border: none; border-radius: 6px; font-size: 0.85rem; cursor: pointer; transition: background-color 0.2s ease; } div.projectTemplates .actions-button:hover { background-color: #1565c0; } div.projectTemplates .template-body { font-size: 0.95rem; color: #333; margin-top: 10px; } div.projectTemplates .instruction { margin: 0 0 8px 0; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; border-bottom: 1px solid #c0c0c0; padding-bottom: 20px; } div .projectTemplates .template-meta { display: flex; gap: 12px; flex-wrap: wrap; font-size: 0.85rem; color: #666; } div.projectTemplates .meta-item { display: flex; align-items: center; gap: 4px; } .project-edit .uib-tab.active a, .project-edit .uib-tab.active a > uib-tab-heading { background-color: #2e5160 !important; color: #fff; } .project-edit-left h4, .project-edit-middle h4 { background: #2e5160; color: #fff; } .project-edit-right h4 { background: #dbdbdb; color: #2e5160; } .project-edit-left h4, .project-edit-middle h4, .project-edit-right h4 { padding: 6px 12px; border-radius: 7px; font-size: 11pt; } .project-edit-left h4 button, .project-edit-middle h4 button, .project-edit-right h4 button { position: relative; top: -2px; right: -7px; padding-bottom: 0px; } .project-edit-right .btn-group .active { background: #2e5160; color: #fff; } .project-edit { } .project-edit .timeline { margin-top: 0; padding-top: 0; } .project-edit .timeline:before { top: 28px; } .project-edit .timeline > h4 { background: #e9e8e7; color: #888; padding: 6px 12px; border-radius: 7px; font-size: 11pt; } .project-edit .project-activity-buttons { position:relative; top:10px; } .project-edit .project-activity-buttons button { background-color: #2e5160 !important; color: #fff !important; } .project-edit .sensitiveProject { padding: 10px 5px 2px 5px; margin: 0 0 10px 0; border-radius: 10px; background-color: #e9e8e7; font-size: x-large; } .project-edit .sensitiveProject span { float: right; } .project-edit .timeline > li.timeline-small > .timeline-panel { margin-right: 0px; width: calc(100% - 70px); width: -moz-calc(100% - 70px); width: -webkit-calc(100% - 70px); } .project-edit .teamContainer h3 { padding: 0 10px; margin: 0px; font-size: large; } .project-edit .teamContainer li { list-style-type: none; } .project-summary-group h5 { /*background: #2e5160; color: #fff; padding: 6px 12px; border-radius: 7px; font-size: 11pt;*/ } .project-summary-group .progress { position: absolute; bottom: -16px; height: 2px; width: 90%; } .project-summary-group .progress-bar { background-color: #cb8500; } .project-summary-dark { position:relative; background-color: #2e5160; color: #fff; padding: 6px 12px; border-radius: 7px; margin-bottom:8px; } .project-summary-dark .project-summary-title { } .project-summary-dark .project-summary-value { font-weight: bold; font-size: 2em; } .project-summary-dark.project-summary-danger { background-color: darkred; } .project-summary-dark.project-summary-warning { background-color: #cb8500; } .project-summary-light { position: relative; padding: 6px 12px; border-radius: 7px; margin-bottom: 8px; } .project-summary-light h5 { } .project-summary-light .project-summary-value { color: #2e5160; font-weight: bold; font-size: 2em; } .project-summary-light.project-summary-danger .project-summary-value { color: darkred; } .project-summary-light.project-summary-warning .project-summary-value { color: #cb8500; } .project-form .ng-valid[required], .project-form .ng-valid .required { border-left: 5px solid #85ec64; /* green */ } .project-form .ng-invalid:not(form) { border-left: 5px solid #fab3b3; /* red */ } .projectsJobsSelection input[type=checkbox] { margin: 4px 10px 0px 0px; } .projects { } .projects .projects-container { display: flex; height: 100vh; /* makes the layout fill the full screen height */ } .projects .projects-container .project-section-title { font-weight: bold; font-size: 14px; padding: 5px 0px; } .projects .projects-container .left-container { padding: 20px; background-color: #fff; flex: 1; /* takes all remaining space */ position: relative; /* Needed for absolute positioning inside */ } .projects .projects-container .left-container .createBtn { position: absolute; z-index: 10; font-size: 14px; right: 10px; } .projects .projects-container .left-container .top-right-btn { top: 10px; } .projects .projects-container .left-container .bottom-right-btn { bottom: 80px; } .projects .projects-container .left-container .project-name label { font-weight: bold; font-size: 18px; padding: 5px 0px; } .projects .projects-container .left-container .project-name .displayName { } .projects .projects-container .left-container .project-name .displayName h2 { } .projects .projects-container .left-container .project-name .displayName i { font-size: 20px; font-weight: 500; } .projects .projects-container .left-container .project-name .displayName .ticket-status { margin-bottom: 10px; } .projects .projects-container .left-container .project-subcolumns { display: flex; gap: 10px; /* optional: spacing between the columns */ margin-top: 20px; } .projects .projects-container .left-container .project-subcolumns .project-details { flex: 0 0 20%; min-width: 300px; /* This prevents it from going below 300px */ overflow-x: hidden; overflow-y: scroll; height: calc(100vh - 250px); } .projects .projects-container .left-container .project-subcolumns .project-details button { width: 100%; } .projects .projects-container .left-container .project-subcolumns .project-details .alert { padding: 5px; margin-bottom: 5px; } .projects .projects-container .left-container .project-subcolumns .project-details .listContainer { } .projects .projects-container .left-container .project-subcolumns .project-details .listContainer .groupHead { margin: 5px 0px; padding: 0px; background-color: #343434; padding: 5px; border-radius: 5px; color: #fff; text-transform: capitalize; } .projects .projects-container .left-container .project-subcolumns .project-details .listContainer .flexi-title { text-transform: capitalize; margin: 0px; padding: 0px; } .projects .projects-container .left-container .project-subcolumns .project-details .listContainer .form-control { margin: 0px; padding: 0px 5px; height: 30px; } .projects .projects-container .left-container .project-subcolumns .project-details .listItem { padding: 5px 5px 3px 3px; border: 2px solid #f0f0f0; margin-left: 5px; margin-bottom: 3px; border-radius: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .projects .projects-container .left-container .project-subcolumns .project-details .switchery { /*border-color: #c0c0c0 !important; border-width: 2px !important;*/ } .projects .projects-container .left-container .project-subcolumns .project-tasks { flex: 1; /* takes all remaining space */ min-width: 300px; /* This prevents it from going below 300px */ overflow-y: scroll; height: calc(100vh - 250px); } .projects .projects-container .left-container .project-subcolumns .project-tasks .create-tasks { margin-bottom: 10px; display: flex; } .projects .projects-container .left-container .project-subcolumns .project-tasks .taskHeader { display: flex; } .projects .projects-container .left-container .project-subcolumns .project-tasks .taskHeaderText { flex: 1; font-size: 20px !important; margin: 10px; } .projects .projects-container .left-container .project-subcolumns .project-tasks .taskHeaderAddButton { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; margin-right: 20px; padding: 0px 0px 10px; } .projects .projects-container .left-container .project-subcolumns .project-tasks .task { display: flex; padding: 10px; margin-bottom: 5px; align-items: stretch; gap: 10px; background-color: #343434; color: #fff; border-radius: 10px; } .projects .projects-container .left-container .project-subcolumns .project-tasks .task .taskIcon { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 40px; /* fixed width */ font-size: 20px !important; } .projects .projects-container .left-container .project-subcolumns .project-tasks .task .taskContainer { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; } .projects .projects-container .left-container .project-subcolumns .project-tasks .task .taskContainer .taskDesc { margin-bottom: 4px; font-weight: bold; font-size: 12px; } .projects .projects-container .left-container .project-subcolumns .project-tasks .task .taskContainer .taskDetails { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 4px; font-size: 10px; } .projects .projects-container .left-container .project-subcolumns .project-tasks .task .taskContainer .taskDetails span { flex: 1; } .projects .projects-container .left-container .project-subcolumns .project-tasks .task .taskContainer .taskDetails .owner { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .projects .projects-container .left-container .project-subcolumns .project-tasks .task .taskContainer .taskLocation { margin-top: auto; } .projects .projects-container .left-container .project-subcolumns .project-tasks .task .taskState { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: max-content; } .projects .projects-container .left-container .project-subcolumns .project-tasks .task .taskButtons { flex: 0 1 auto; display: flex; align-items: center; justify-content: flex-end; } .projects .projects-container .right-container { padding: 0px 20px 20px; background-color: #d9e0e7; width: 400px; /* fixed width */ } .projects .projects-container .right-container .ticket-button-ribbon { text-align: right; padding: 10px 15px 10px 0px; background-color: #656565; border-radius: 10px; } .projects .projects-container .right-container .ticket-button-ribbon .btn[disabled] { background-color: #808080; color: #fff !important; } .projects .projects-container .right-container .timeline { background-color: #efefef; padding: 10px; border-radius: 25px; } .projects .projects-container .right-container .timeline .timeline-thumb-wrapper { display: flex; width: 40px; height: 40px; border: 0; justify-content: center; align-items: center; overflow: hidden; position: absolute; top: 3px; right: 3px; } .projects .timeline { } .projects .timeline .timelineContainer { overflow-y: scroll; overflow-x: hidden; max-height: calc(100vh - 250px); } .projects .timeline .timeline-body .corner-button { position: static !important; } .projects .timeline li.timeline-small > .timeline-panel { margin-right: 0px !important; width: calc(100% - 60px) !important; } .projects .timeline .timeline-thumb-wrapper { position: static !important; } .skeleton-container { font-family: sans-serif; max-width: 600px; margin: 2rem auto; } .skeleton-title { color: #999; font-style: italic; margin-bottom: 1rem; flex-grow: 1; } .skeleton-card { margin-bottom: 2rem; } .skeleton-box { background-color: #eee; border-radius: 4px; margin-bottom: 1rem; } .skeleton-header { height: 30px; width: 100%; } .skeleton-line { height: 14px; background-color: #eee; border-radius: 7px; margin: 0.5rem 0; } .skeleton-line.short { width: 60%; } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } .skeleton-box, .skeleton-line { animation: pulse 1.5s infinite ease-in-out; } @media (max-width: 768px) { .project-subcolumns { flex-direction: column; } .project-details, .project-tasks { flex: 0 0 auto; width: 100%; } } /*.content { padding: 0px !important; }*/ .projectManager { } .quote-request .request-panel .fixed-content { height: 135px; overflow-y: auto; margin-bottom: 10px; } .quote-request .targets-panel .target { font-size: 105%; color: #b0b0b0; } .quote-request .targets-panel .target { font-size: 85%; } .quote-request .targets-panel .target.leaf-target { font-size: 120%; color: #348fe2; } .quote-request .list-group-item.additional-file { border-top-color: #000; } .quote-request .list-group-item:not(.additional-file), .quote-request .list-group-item.additional-file ~ .list-group-item.additional-file { border-top-color: #ddd; } .quote-request .contact-match { width: 400px; } .quote-request .contact-name .dropdown-menu { max-height: 200px; overflow-y: auto; background-color: #f1f1f1; } .quote-request .contact-match > div:first-child { float: left; margin-left: -10px; margin-right: 10px; } .quote-request .form-has-errors.ng-submitted .form-control.ng-invalid-required:not([ng-form]), .quote-request .form-has-errors.ng-submitted .ng-invalid-required:not([ng-form]) input, .quote-request .form-has-errors .ng-invalid-required.ng-dirty:not([ng-form]), .quote-request .form-has-errors .ng-invalid-required.ng-touched, .quote-request .form-has-errors .ng-invalid-required:not([ng-form]) input.ng-touched, .quote-request .form-has-errors.ng-submitted .ng-invalid-required:not([ng-form]) input, .quote-request .form-has-errors.ng-submitted .btn-group.ng-invalid-required > .btn, .quote-request .form-has-errors.ng-submitted .ng-invalid .validation-signal, .quote-request .form-has-errors.ng-submitted .ng-invalid.validation-signal, .quote-request .parsley-error input { background-color: #fbbfbf !important; border-color: #ff3a3a; } .quote-request .invisible { visibility: hidden !important; } div.quote-request .timeline .timeline-panel .label:first-child { /*position: absolute; top: 3px; right: 7px;*/ float: right; padding: 2px 4px; font-size: 75%; border-radius: 5px; margin-bottom: 15px; } div.quote-request .timeline .timeline-panel .label.status-label:first-child { background-color: #878787; color: #fff; margin-top: 3px; margin-right: 3px; } div.quote-request .timeline .timeline-panel.public-visibility { background-color: #eaf1e7; } div.quote-request .timeline .timeline-panel .visibility-indicator { position: absolute; bottom: 2px; right: 4px; } div.quote-request .timeline .timeline-panel .visibility-indicator > .visibility-title { display: none; } div.quote-request .timeline .timeline-panel:hover .visibility-indicator > .visibility-title { display: inline; } div.quote-request div.high-risk-work-group { background-color: #f7f7f7; margin: 3px 0px 6px; border: solid 1px #ddd; border-radius: 10px; } div.quote-request div.high-risk-work-group.group-disabled { opacity: 0.5; } div.quote-request div.high-risk-work-group label { margin-bottom: 0px; } div.quote-request div.high-risk-period-target { padding: 3px; margin: 2px; border-radius: 5px; background-color: #efefef; } div.quote-request div.high-risk-period-target.unchecked label { opacity: 0.5; } .permit-prep-questions.ng-submitted .ng-invalid-required > div > p:first-child { color: #f00; } div.quote-request div.high-risk-works-group-title { font-size: 75%; margin-top: 10px; color: #929ca0; } div.quote-request .quoteDeclined { background-color: #ffc107; padding: 5px; color: #fff; } div.quote-request .quoteComplete { background-color: #5bb85c; padding: 5px; color: #fff; } div.quote-request .quoteRejected { background-color: #b50000; padding: 5px; color: #fff; } div.quote-request .quoteOpen { background-color: #2d353c; padding: 5px; color: #fff; } div.quote-request .pointer:hover { cursor: pointer; } div.quote-request .supplierTable { border-collapse: collapse; width: 100%; } div.quote-request .supplierTable td, div.quote-request .supplierTable th { border: 1px solid #ddd; padding: 5px; } /*div.quote-request .supplierTable tr:nth-child(even){background-color: #f2f2f2;} div.quote-request .supplierTable tr:hover {background-color: #ddd;}*/ div.quote-request .supplierTable th { padding-top: 8px; padding-bottom: 8px; background-color: #2d353c; color: white; text-align: center; } div.quote-request .supplierTable .state { background-color: #d9e0e7; font-weight: bold; text-align: left; border-bottom: 2px solid #000; } div.quote-request .supplierTable .state_declined { border-bottom: 2px solid #ff9800 !important; } div.quote-request .supplierTable .state_rejected { border-bottom: 2px solid red !important; } div.quote-request .supplierTable .state_accepted { border-bottom: 2px solid green !important; } div.quote-request .supplierTable .dropdown-menu { left: -128px; } div.quote-request .supplierTable .center { text-align: center; } div.quote-request .meta-flexi-field-row { display: flex; align-items: flex-start; gap: 5px; } div.quote-request .meta-flexi-field { flex: 1 1 auto; } div.quote-request .meta-flexi-field-actions { flex: 0 0 auto; display: flex; align-items: flex-start; } div.quote-request .meta-flexi-field-actions .input-group-btn { display: flex; gap: 5px; } div.quote-request .component-detail-panel-list-heading { background-color: #5292af !important; } div.quote-request .findings-heading { padding: 5px; background-color: #2d353c; color: #fff; font-size: larger; font-weight: bold; } div.quote > div:first-child { width: 30%; display:flex; align-items: stretch; padding: 10px 5px 10px 15px; } div.quote > div:first-child > div { width: 100%; overflow-y: auto; padding: 5px; } div.quote > div:last-child { width: 70%; display:table-row; align-items: stretch; overflow-x:hidden; overflow-y: auto; background-color:white; margin-top: 15px; } div.quote > div:last-child > div { background-color: white; overflow-x: visible; overflow-y: visible; padding: 10px; } .quote-form .ng-valid[required], .quote-form .ng-valid.required { border-left: 5px solid #85ec64; /* green */ } .quote-form .ng-invalid:not(form) { border-left: 5px solid #fab3b3; /* red */ } .quote-submit .attachment-list { max-height: 100px; overflow: auto; } .quote-submit .meta-flexi-field-row { display: flex; align-items: flex-start; gap: 5px; } .quote-submit .meta-flexi-field { flex: 1 1 auto; } .quote-submit .meta-flexi-field-actions { flex: 0 0 auto; display: flex; align-items: flex-start; } .quote-submit .meta-flexi-field-actions .input-group-btn { display: flex; gap: 5px; } .quote-submit .component-detail-panel-list-heading { background-color: #5292af !important; } div.request-explorer tr.expired-request { background-color: #fff0f0; } div.request-explorer .header, div.request-explorer .header:hover div.request-explorer .header > td, div.request-explorer .header:hover > td:hover { background-color: #2d353c !important; color: #fff !important; } div.request-explorer .filtersContainer { position: sticky; background: #fff; top: 0px; } div.request-explorer .tableheader { position: sticky; background: #fff; top: 0px; } #quoteListContainer { background-color: #fff; } #request-explorer-filter-controls #jobManagerDatePicker label { color: #666 !important; } /* FILTERS */ #request-explorer-filter-controls { background: #2a2a2b; padding: 10px; color: #fff; } #request-explorer-filter-controls .btn-primary { background-color: #5292af !important; } #request-explorer-filter-controls label { color: #fff !important; } #request-explorer-filter-controls.filter-by-date .irs-from, #request-explorer-filter-controls.filter-by-date .irs-to, #request-explorer-filter-controls.filter-by-date .irs-single { background-color: #5292af !important; } #request-explorer-filter-controls.filter-by-date .input-group { border: 2px solid #5292af !important; border-radius: 5px !important; } #request-explorer-filter-controls .dropdown-menu { background-color: #6f6f6f; width: 300px; } #request-explorer-filter-controls .dropdown-menu > li:not(:hover) > a { color: #fff !important; } #request-explorer-filter-controls .dropdown-header { color: #b1b1b1; padding: 1px 3px; margin: 0px 2px; background-color: #575757; } #request-explorer-filter-controls .scene-buttons { position: absolute; top: 2px; right: 1px; display: flex } #request-explorer-filter-controls .scene-button { padding: 3px; border-radius: 3px; } #request-explorer-filter-controls .scene-button:hover { background-color: #fff; } #request-explorer-filters { flex: 1 1 auto; display: block; max-width: 230px; padding: 5px; position: relative; overflow: hidden; color: #ebebeb; background: #2a2a2b; background: -webkit-linear-gradient(#343435,#3e3e40,#343435); background: -o-linear-gradient(#343435,#3e3e40,#343435); background: -moz-linear-gradient(#343435,#3e3e40,#343435); background: linear-gradient(#343435,#3e3e40,#343435); } #request-explorer-view-timeline { position: relative; } .request-explorer-filters-header { position: relative; padding: 10px 10px 10px 20px; font-size: 10pt; color: #fff; overflow: hidden; background-color: #5292af; -moz-transition: all .25s; -o-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; } .request-explorer-filters-header.expanded, .request-explorer-filters-header:hover { opacity: .9; } .request-explorer-filters-header.expanded:hover { opacity: .85; } .request-explorer-filters-header-nofilters { background-color: #343435; } .request-explorer-filters-header-pendingupdate { background-color: #824d00; color: #F1F3F4; } .request-explorer-filters-header-title { display: inline-block; } #request-explorer-filter-button { position: absolute; right: 0; top: 0; bottom: 0; padding: 0 20px; background-color: transparent; border: 0; color: #fff; } #request-explorer-filter-button:hover { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1); } #request-explorer-filters .btn-circle { position: absolute; top: 8px; right: 8px; margin-left: -35px; } .request-explorer-filter { flex: none; display: block; margin-top: 15px; min-height: 300px; } .job-filter-title { padding: 3px; font-weight: bold; border-top-left-radius: 4px; border-top-right-radius: 4px; padding-left: 6px; } .job-filter-options > a { position: relative; display: block; padding: 5px; margin-bottom: 2px; background-color: #474749; border: 0; color: #fff; } .job-filter-options > a:hover, .job-filter-options > a:focus, .job-filter-options > a:visited { text-decoration: none; color: #fff; } .job-filter-options > a:nth-child(2n+1) { background-color: #474749; } .job-filter-options > a:hover { background: #505051; } .job-filter-options > a:active:hover { background: #505051 !important; } .job-filter-options > a.active { background-color: #5292af !important; } .job-filter-options > a:first-child { border-top-right-radius: 8px; border-top-left-radius: 8px; } .job-filter-options > a:last-child { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .job-filter-options > a[disabled] { color: #7b7a7a !important; } .job-filter-options > a.active[disabled] { color: #a7a7a7 !important; } /* SUMMARY */ /*#job-manager .summary-panel { height: 60px; }*/ /*#request-explorer-summary { display: flex; align-items: stretch; } #request-explorer-summary .summary-panel { flex: 1 1; } #request-explorer-summary .summary-panel .summary-value { line-height: 75%; font-size: 2vw; } #request-explorer-summary .summary-panel:hover { opacity: .9; } */ /* VIEW TABS */ /*#request-explorer-views-picker { display: flex; } .request-explorer-views-picker-tab { flex: 1 1; padding: 10px; } .request-explorer-views-picker-tab { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .request-explorer-views-picker-tab.btn-primary { border-color: #343435; background-color: #343435; } */ /*.request-explorer-filtered .request-explorer-views-picker-tab.btn-primary { border-color: #5292af; background-color: #5292af; } */ /*#job-manager { display: block; } #job-manager.show-tickets .fc-viewOptions-button { background-color: #666; } */ /*.fc-refresh-button > span { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fc-refresh-button > span:before { content: "\f021"; } */ /*#job-manager .fc-state-default { text-shadow: none; }*/ #request-explorer-filters { display: flex; align-items: stretch; flex: none; max-width: inherit; padding-bottom: 15px; } .request-explorer-filter { flex: 1 1; margin: 3px; } .request-explorer-filters-header .rounded-search { width: 100px; display: inline-block; border: none; margin: -7px 0px -7px 5px; position: relative; top: -1px; -moz-transition: width .25s; -o-transition: width .25s; -webkit-transition: width .25s; transition: width .25s; } .request-explorer-filters-header .rounded-search.has-focus { width: 200px; } .highlight-text { background-color: yellow; font-weight: bold; } .btn-inverse-quote { background-color: #474749 !important; } .request-explorer .btn:focus, .request-explorer .btn:hover { color: #fff; } .request-explorer .subFilters { padding: 5px; text-align: center; display: flex; justify-content: space-between; } .request-explorer .subFilters-start { align-items: flex-start; } .request-explorer .subFilters-end { align-items: flex-end; } .request-explorer .quote-ticket-list-search { margin-right: 0px; } .checklist-report { font-size: 12px; } .force-printed-background { -webkit-print-color-adjust: exact !important; } .checklist-report .headding { padding: 5px; } .checklist-report .score { float: right; border: 2px solid #4c5053; background-color: #eaeff7; padding: 10px; margin: 0px 2px 10px 10px; } .checklist-report .body { padding: 5px; } .checklist-report .sectionHead { background-color: #fff; } .checklist-report .sectionQuestion { margin-bottom: 30px; } .checklist-report .sectionQuestion ul { padding-left: 15px; } .checklist-report .sectionQuestion .thumbnail { border: 0; margin: 2%; width: 25%; padding: 1px; display: inline-block; } .checklist-report .sectionQuestion .questionTable { /*padding: 0px 0px 0px 29px !important;*/ } .checklist-report .sectionQuestion .questionTable td { width: 100% !important; } .checklist-report .sectionQuestion .questionTable .blankTD, .checklist-report .sectionQuestion .questionTable .smallTD { min-width: 100px !important; max-width: 100px !important; width: 100px !important; } .checklist-report .sectionQuestion .questionTable .blankTD { background-color: #fff !important; } .checklist-report .sectionHead .headder { align-items: center; } .checklist-report .sectionHead h4 { color: #ffffff; font-weight: bold; background-color: #4c5053; } .checklist-report .sectionHead .fa { font-size: 25px; } .checklist-report .sectionHead table { margin-bottom: 0px !important; } .checklist-report .sectionHead th { width: 20% !important; } .checklist-report .headding table td { font-weight: bold !important; } .checklist-report table th { max-width: 30px !important; width: 30px; } .checklist-report table td, .checklist-report table th { white-space: normal; text-align: left !important; } #compliance-tabs > ul { background-color:inherit; } #compliance-tabs ul > li.uib-tab:not(.active) a { border: 1px solid #1A3E5E; background-color: #e5eaee; color: #fff; } #compliance-tabs ul.nav-tabs > li > a { min-height: 59.2px; } #compliance-tabs ul.remedial-list-group > li.list-group-item { background-color: #f5f5f5; margin-bottom: 10px; } #compliance-tabs ul.remedial-list-group document-symbol { overflow: auto; display: block; padding-bottom: 10px; } #compliance-tabs div.schedule-buttons { margin-bottom: 6px; } div.compliance-stats-panel { background-color: #e5eaee; padding: 15px; /*border: solid 1px #b8b8b8;*/ border-radius: 10px; /*-webkit-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.64); -moz-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.64); box-shadow: 2px 2px 29px 0px rgba(0,0,0,0.64);*/ } .count-panel-header.compliance-stat { font-size: 0.9em; } .count-panel-header.compliance-stat .stats-progress{ background: rgba(255, 255, 255, 0.2); } .count-panel-header.stat-ready { background-color: #5E8FDB; color: #fff; } .count-panel-header.stat-review { background-color: #000; color: #fff; } .count-panel-header.stat-failed { background-color: #ff0000; color: #fff; } .count-panel-header.stat-overdue { background-color: #ff8900; color: #fff; } table.compliance.schedules { border-collapse: separate; /* Don't collapse */ } table.compliance.schedules td:first-child { padding-left: 40px; } table.compliance.schedules th { position: sticky; top: 50px; z-index:1; background-color: #fff; border-bottom: 2px solid #000 !important; } table.compliance.schedules th:first-child { padding-left: 2px; } div.compliance-stats-panel .progress { background-color: #fff; } table.compliance.schedules > tbody > tr.schedule-category > td { padding: 2px 3px; font-weight:bold; background-color: #e6e7e8; font-size: 140%; } table.compliance.schedules > tbody > tr.schedule-type > td { padding: 2px 3px 2px 20px; background-color: #f6f9fb; font-size: 125%; } table.compliance > tbody > tr { cursor:pointer; } .table.compliance.schedules tr.schedule-category, .table.compliance.schedules tr.schedule-type { cursor: default; } .table.compliance.schedules tr.schedule-inactive td { color: #ddd; } .component-breakdown table tr.subtotal td, .component-breakdown table tr.subtotal th { background-color: #d7d7d7 !important; color: #223053 !important; } .report-job-card { font-size: 10px; } .report-job-card h4 { margin: 5px 1px; background-color: #515151 !important; color: #fff !important; padding: 5px; border-radius: 5px; } .report-job-card hr { margin:3px 0px; } .report-job-card table { border-spacing: 0px; border-collapse: collapse; margin-bottom: 15px; } .report-job-card tr { background-color: #EAEFF7 !important; } .report-job-card th, .report-job-card td { padding: 5px; border: solid 1px #888; text-align: left !important; } .report-job-card th { background-color: #d7d7d7 !important; color: #223053 !important; } .report-job-card tbody th { text-align: right !important; } .report-job-card th.section-header { text-align: left !important; line-height: normal; padding: 2px 5px; white-space: normal; font-size: 0.8em; background-color: #939393 !important; color: #eee !important; } .report-job-card td.distinctive { background-color: #D2DEEF !important; } .report-job-card td.spacer { background-color: #fff !important; color: #fff; border: none; white-space: normal; padding: 0px; } .report-job-card td.question { white-space:normal; font-size:0.8em; font-weight: bold; padding: 2px 5px; } .report-job-card .split { display: flex; justify-content: flex-start; } .report-job-card .split>div { display: inline-block; width: 49.5%; } .report-job-card .split>.left { padding-right: 2px; } .report-job-card .split>.right { padding-left: 2px; } .report-job-card .checkbox-indeterminate { color: #a8a8a8 !important; font-size: 0.5em; } .report-job-card .checkbox-indeterminate:before { color: #a8a8a8 !important; } .print-panel.job-card { text-align: left !important; } .report-job-card tbody th.text-center, .report-job-card tbody td.text-center { text-align: center !important; } .report-job-card tbody th.text-left, .report-job-card tbody td.text-left { text-align: left !important; } .report-job-card .text-center { text-align: center !important; } .report-job-card .f-s-8 { font-size: 8px; } /* Adds padding around grid so cards aren’t flush with edges */ .image-grid-container { padding: 0 16px; } .image-grid { /* Grid layout */ display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; max-width: 100%; } .image-cell { /* Card */ display: flex; flex-direction: column; background: #fff; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); overflow: hidden; height: 220px; /* slightly reduced */ } .image-cell img { width: 100%; height: 75%; /* larger portion for image */ object-fit: cover; } .image-details { /* Compact details */ flex: 1; text-align: center; padding: 4px 6px; line-height: 1.2em; display: flex; flex-direction: column; justify-content: center; } .image-principal { font-weight: 600; color: #333; } .image-timestamp { font-size: 0.9em; color: #777; font-style: italic; } .image-warning { /* Warning bar spans full width */ margin-top: 8px; text-align: center; font-size: 1.5em; font-weight: bold; color: #fff; background-color: #f39c12; padding: 10px 12px; border-radius: 6px; width: 100%; } /*This is a workaround stop QtWeb from prioritising the body Font-Family settings (marked !important) over the font-awesome font. It may be necessary to add more of these in future (for example .fas or .fa-solid etc). Also if we ever update Font Awesome to a newer version, this will need to be changed. - CT*/ .fa { font-family: "Font Awesome 6 Pro"; font-weight: 900; } .report-user-logins table td, .report-user-logins table th { white-space: normal; text-align: left !important; } /* ======================================= Report List - Accordion & Groups ======================================= */ .reportList .reportGroup, .reportList .reportSubGroup { background-color: #fff !important; border: none !important; margin-bottom: 12px; border-radius: 6px; /* subtle rounding */ overflow: hidden; } /* Main Group Heading */ .reportList .reportGroupHeading { background-color: #41494f; padding: 10px 15px; transition: opacity 0.3s ease; opacity: 1; border-radius: 6px 6px 0 0; } .reportList .reportGroupHeading:hover { opacity: 0.9; } .reportList .reportGroupHeading h3 { color: #fff; font-size: 24px; font-weight: 500; margin: 0; display: flex; justify-content: space-between; align-items: center; } /* Sub Group Heading */ .reportList .reportGroupSubHeading { background-color: #848e98; padding: 8px 12px; transition: opacity 0.3s ease; opacity: 1; border-radius: 6px 6px 0 0; } .reportList .reportGroupSubHeading:hover { opacity: 0.9; } .reportList .reportGroupSubHeading h4 { color: #fff; font-size: 20px; font-weight: 500; margin: 0; display: flex; justify-content: space-between; align-items: center; } /* Sub Group Container */ .reportList .reportSubGroup { border: 1px solid #2d353c; background-color: #2d353c; padding: 8px 12px; margin: 0; border-radius: 0 0 6px 6px; } /* ======================================= Panel / Accordion Reset ======================================= */ .reportList .panel-heading, .reportList .panel-body, .reportList .panel-title .accordion-toggle, .reportList .panel-group { margin: 0; padding: 0; border: none; } .reportList .panel-group { margin: 10px auto !important; } .reportList .panel-heading, .panel-group a { cursor: pointer; } .report-detail .ng-submitted .ng-invalid-required:not([ng-form]), .report-detail .ng-invalid-required.ng-dirty, .report-detail .ng-invalid-required.ng-touched, .report-detail .ng-invalid-required input.ng-touched, .report-detail .validation-proxy.ng-invalid { background-color: #fbbfbf !important; border-color: #ff3a3a; border-radius: 4px; } .list-group-item.highlight { background-color: #fff3cd !important; /* light yellow */ border-left: 4px solid #ffc107; color: #000; /* Ensuring text is black for readability */ } .rtc-phone-number { display:inline-block; } .rtc-phone-number-call { } .phone-recording { display:inline-block; margin-left: 5px; margin-right: 5px; } .transcript-body { max-height:200px; overflow:auto; padding:10px; margin:0 -10px; } .transcript-message { color:#333; clear:both; float:left; font-size:7pt; max-width:80%; } .transcript-message-text { background-color:#c8f7c6; border-radius:6px; padding:6px; } .transcript-message:nth-child(2n+1) { float:right; } .transcript-message:nth-child(2n+1) .transcript-message-text { background-color:#d5e1f9; } .transcript-message-name { margin:3px; } .transcript-message:nth-child(2n+1) .transcript-message-name { text-align:right; } .inventory-item .stock-history-item { background-color: #f0f0f0; } .inventory-item .inventory-history-list { height: 100%; overflow-y: auto; padding: 0px 5px } .stock-transaction-item { padding: 10px; border-radius: 5px; margin-top: 17px; position: relative; } .stock-transaction-item > .transaction-timestamp { position: absolute; top: -12px; font-size: 10px; } .stock-transaction-item > .transaction-title { margin-top: 0px; margin-bottom: 0px; font-size: 1.4em; } .stock-transaction-item > .transaction-body { margin-bottom: 0px; } .stock-catalogue-item .ng-submitted .form-control.ng-invalid-required, .stock-catalogue-item .ng-submitted div.input-group:has(input.ng-invalid-required) { background-color: #fbbfbf !important; border-color: #ff3a3a; } .stock-catalogue-item .stock-avail-table .location-header td { background-color: #f3f2f2; padding: 3px; position: sticky; top: 0; } .stock-catalogue-list ol { padding: 0; margin-top: 2.33em; } .stock-catalogue-list ol li { list-style: none; margin: 0; padding: 0; } .stock-catalogue-list ol details[open].well summary .chevron:after { content: "\f077"; } .stock-catalogue-list ol .well, .stock-catalogue-list ol details.well { padding: 0; margin-bottom: 0.66rem; overflow: hidden; user-select: none; } .stock-catalogue-list ol .well:focus-within, .stock-catalogue-list ol .well:hover, .stock-catalogue-list ol details.well:focus-within, .stock-catalogue-list ol details.well:hover { box-shadow: inset 0 0 0 0.5px #bcc0c4; } .stock-catalogue-list ol .well summary, .stock-catalogue-list ol details.well summary { gap: 0 2rem; } .stock-catalogue-list ol .well summary:focus, .stock-catalogue-list ol details.well summary:focus { outline: none; } .stock-catalogue-list ol .well summary .expand-results, .stock-catalogue-list ol details.well summary .expand-results { padding: 0 0.5em 0 1.5em; } .stock-catalogue-list ol .well summary .chevron:after, .stock-catalogue-list ol details.well summary .chevron:after { font-family: "Font Awesome 5 Pro"; content: "\f078"; font-style: normal; font-weight: 900; } .stock-catalogue-list ol .well summary, .stock-catalogue-list ol details.well summary { margin: 0; padding: 0; min-height: 5em; display: flex; align-items: stretch; justify-content: flex-start; cursor: pointer; } .stock-catalogue-list ol .well summary .results-count:hover .chevron, .stock-catalogue-list ol .well summary .results-count:focus-visible .chevron, .stock-catalogue-list ol details.well summary .results-count:hover .chevron, .stock-catalogue-list ol details.well summary .results-count:focus-visible .chevron { text-decoration: underline; } .stock-catalogue-list ol .well summary:focus-visible .results-count, .stock-catalogue-list ol details.well summary:focus-visible .results-count { outline: auto; } .stock-catalogue-list ol .well summary, .stock-catalogue-list ol .well h4, .stock-catalogue-list ol details.well summary, .stock-catalogue-list ol details.well h4 { color: var(--neutral-text-strong, #333); line-height: 1.5em; font-size: 1.05rem; margin: 0; } .stock-catalogue-list ol .well h4 i, .stock-catalogue-list ol .well summary i, .stock-catalogue-list ol details.well h4 i, .stock-catalogue-list ol details.well summary i { color: var(--neutral-graphic-strong, #8E959F) !important; margin-right: 0.75em !important; position: relative; bottom: 0.033em; } .stock-catalogue-list ol .well[ui-sref] > .flex { min-height: 5em; } .stock-catalogue-list ol .well[ui-sref], .stock-catalogue-list ol details.well summary [ui-sref] { color: var(--neutral-text, #444); flex-grow: 1; padding: 1rem; display: flex; flex-direction: column; overflow: hidden; gap: 0.5rem; } .stock-catalogue-list ol .well[ui-sref]:focus-visible, .stock-catalogue-list ol details.well summary [ui-sref]:focus-visible { outline: auto; } .stock-catalogue-list ol .well[ui-sref]:hover, .stock-catalogue-list ol .well[ui-sref]:focus-visible, .stock-catalogue-list ol details.well summary [ui-sref]:hover, .stock-catalogue-list ol details.well summary [ui-sref]:focus-visible { text-decoration: none; } .stock-catalogue-list ol .well[ui-sref]:hover .catalogue-name-and-icon .catalogue-name, .stock-catalogue-list ol .well[ui-sref]:focus-visible .catalogue-name-and-icon .catalogue-name, .stock-catalogue-list ol details.well summary [ui-sref]:hover .catalogue-name-and-icon .catalogue-name, .stock-catalogue-list ol details.well summary [ui-sref]:focus-visible .catalogue-name-and-icon .catalogue-name { text-decoration: underline; } .stock-catalogue-list ol .well[ui-sref] .catalogue-name-and-icon .catalogue-name, .stock-catalogue-list ol details.well summary [ui-sref] .catalogue-name-and-icon .catalogue-name { font-weight: 600; } .stock-catalogue-list ol .well[ui-sref] .catalogue-name-and-icon, .stock-catalogue-list ol details.well summary [ui-sref] .catalogue-name-and-icon { display: flex; align-items: center; flex-grow: 1; } .stock-catalogue-list ol .well[ui-sref] .catalogue-description, .stock-catalogue-list ol .well[ui-sref] .catalogue-description:hover, .stock-catalogue-list ol details.well summary [ui-sref] .catalogue-description, .stock-catalogue-list ol details.well summary [ui-sref] .catalogue-description:hover { color: var(--neutral-text-weaker, #757575); font-style: italic; font-size: 0.9rem; font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .stock-catalogue-list ol details.well .details-body { padding: 0 0.66rem 1.66rem; gap: 0.5rem; flex-wrap: wrap; justify-content: start; } .stock-catalogue-list ol details.well .details-body .catalogue-item-preview { background-color: #fff; border: 1px solid var(--neutral-bg, #e3e3e3); flex-basis: 19%; flex-shrink: 1; padding: 1rem; box-sizing: border-box; border-radius: 0.2rem; box-shadow: -0.05rem 0.2rem 1.25rem -0.4rem rgba(0, 0, 0, 0.1); min-width: 12rem; text-align: center; color: var(--neutral-text-weaker, #757575); font-size: 0.8rem; display: flex; flex-direction: column; transition: transform 0.1s linear; } .stock-catalogue-list ol details.well .details-body .catalogue-item-preview:hover, .stock-catalogue-list ol details.well .details-body .catalogue-item-preview:focus-visible { outline: auto; cursor: pointer; transform: scale(1.01); } .stock-catalogue-list ol details.well .details-body .catalogue-item-preview .catalogue-item-preview-title { margin-bottom: 1.33em; font-size: 1rem; color: var(--neutral-text-weak, #4a4a4a); } .stock-catalogue-list ol details.well .details-body .catalogue-item-preview dl { display: flex; flex-direction: column; gap: 0.5rem; flex-grow: 1; justify-content: center; } .stock-catalogue-list ol details.well .details-body .catalogue-item-preview dl dt { text-align: start; margin-bottom: -0.5rem; letter-spacing: 0.015em; } .stock-catalogue-list ol details.well .details-body .catalogue-item-preview dl dd { font-size: 1rem; text-align: start; width: 100%; border-bottom: 1px dotted var(--neutral-graphic-strong, #8E959F); } .stock-catalogue-list ol details.well .details-body a.more-results { margin-top: 0.5rem; margin-left: auto; flex-grow: 1; flex-basis: 12em; align-self: center; overflow-wrap: break-word; } .stock-catalogue-list ol details.well .details-body .no-catalogue-items, .stock-catalogue-list ol details.well .details-body a.more-results { color: var(--neutral-text-weaker, #757575); font-size: 0.9rem; padding: 0.75em 1em; text-align: center; } .stock-catalogue-list ol details.well .details-body .no-catalogue-items { margin-left: auto; } .stock-request-batch table.table.bulk-mode tr:not(.row-selected)>td { opacity: 0.6; } .stock-request-batch tr.consignments-row { background-color: #efefef; } .stock-request-batch .ng-submitted .form-control.ng-invalid, .stock-request-batch .ng-submitted div.panel:not(.panel-open):has(input.ng-invalid)>.panel-heading { background-color: #fbbfbf !important; border-color: #ff3a3a; } .stock-transaction-button { display: inline-block; } .stock-transaction-dialog { background-color: #d9e0e7; } .store tr.position-row > td { padding: 3px 10px; font-size: 1.2em; background-color: #6b6b6b; color: #fff; } .store tr.position-row:hover > td { background-color: #6b6b6b !important; color: #fff !important; } .store tr.position-row .position-toolbox { display: none; } .store tr.position-row:hover .position-toolbox { display: inline; } .store .ng-submitted input.ng-invalid-required, .store .ng-submitted .validation-proxy.ng-invalid { background-color: #fbbfbf !important; border-color: #ff3a3a; } div.stores-list > div:first-child { width: 30%; display: flex; align-items: stretch; padding: 10px 5px 10px 15px; } div.stores-list > div:first-child > div { background-color: white; width: 100%; overflow-x: hidden; overflow-y: auto; padding: 5px; } div.stores-list > div:last-child { width: 70%; display: flex; align-items: stretch; padding: 10px 5px 10px 0px; } div.stores-list .store-list-item { border: solid 1px #efefef; margin: 5px 0px; padding: 10px; border-radius: 10px; display: flex; } div.stores-list .store-list-item:hover { background-color: #f7f7f7; } div.stores-list .location-header { background-color: #f3f2f2; padding: 3px; position: sticky; top: 0; } .commit-survey-data li:not(.jstree-loading) .jstree-anchor:not(.jstree-clicked):not(.jstree-disabled) { color: red; } div.survey-results-edit div.ui-grid-cell { overflow: visible; } div.survey-results-edit div.ui-grid-cell-contents > button.show-when-selected { display:none; } div.survey-results-edit div.ui-grid-cell-contents.ui-grid-cell-focus > button.show-when-selected { display:block; } div.survey-results-edit .ui-grid-tree-header-row { margin-top:5px; } div.survey-results-edit div.ui-grid-cell input:not(.subrow-selector) { height: 30px; } div.survey-results-edit div.ui-grid-cell select { height: 30px; } div.survey-results-edit div.ui-grid-cell[tabindex="-1"] > div.ui-grid-cell-contents { border: solid 2px transparent; } div.survey-results-edit div.ui-grid-cell-focus { background-color: #e3f6fa; border-color: black !important; } div.survey-results-edit div.ui-grid-cell-contents>button.btn { margin-top:-2px; } div.survey-results-edit div.ui-grid-cell-contents.no-ellipsis { text-overflow:clip; } div.survey-results-edit div.subrow { background-color: #eaeaea !important; } div.survey-results-edit div.subrow.active-row { color: #4094da; } div.survey-results-edit .ui-grid-row:nth-child(even) .ui-grid-cell:not(.ui-grid-row-header-cell) { background-color: #fff; } div.survey-results-edit .ui-grid-row-header-cell.subrow { background-color: transparent !important; border: none !important; } div.survey-results-edit div.ui-grid-cell.row-is-edited { background-color: #ffbf5f !important; } div.survey-results-edit div.ui-grid-cell.meta-not-applicable { background-color: #aaa !important; } div.survey-results-edit div.ui-grid-cell.row-is-invalid { background-color: #d25b30 !important; } div.survey-results-edit div.ui-grid-cell.row-is-invalid .ui-grid-cell-contents:not(.ui-grid-cell-focus) { color: #fff; } div.survey-results-edit div.ui-grid-cell.row-is-outofscope { background-color: #aaa !important; } div.survey-results-edit .btn-white[uib-btn-checkbox]:not(.active):hover, div.survey-results-edit .btn-white[uib-btn-checkbox]:not(.active):focus { background: #fff; border-color: #e2e7eb; } div.self-serve-checklists > div:first-child { width: 30%; display:flex; align-items: stretch; padding: 10px 5px 10px 15px; } div.self-serve-checklists > div:first-child > div { background-color: white; width: 100%; overflow-x: hidden; overflow-y: auto; padding: 5px; } div.self-serve-checklists > div:last-child { width: 70%; display: flex; align-items: stretch; padding: 10px 5px 10px 0px; } div.self-serve-checklists .self-serve-checklist-list-item { border: solid 1px #efefef; margin: 5px 0px; padding: 10px; border-radius: 10px; } div.self-serve-checklists .self-serve-checklist-list-item:hover { background-color: #f7f7f7; } div.self-serve-checklists .location-header { background-color: #f3f2f2; padding: 3px; position: sticky; top: 0; } div.survey-tree-legend { background-color: #f4f4f4; text-align: left; padding: 5px 10px; border: solid 1px #cfcfcf; border-radius: 5px; } .survey-legend-fixed-to-bottom div.survey-tree-legend { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; position: absolute; bottom: 0px; left: 0px; right: 0px; } div.survey-tree-legend > ul { max-height: 0px; overflow: hidden; opacity: 0; transition: all linear .2s; margin-bottom: 0px; } div.survey-tree-legend:hover { background-color: #dddddd; } div.survey-tree-legend:hover > ul { max-height: 100px; opacity: 1; } .survey-program-list .survey-list-map-popup dl > dt { width: 100px !important; font-weight:normal !important; font-style:italic !important; margin-top:5px; word-wrap:normal !important; } .survey-program-list .survey-list-map-popup dl > dd { margin-left: 115px !important; margin-top:5px; } .survey-program-list .summary-panel { height: 55px; } div.survey-program .panel-body { border: solid 1px #000; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } div.survey-program .panel-title { font-size: 14px; } div.survey-program .changes-tree { height: 75vh; overflow-y: auto; overflow-x: hidden; margin-bottom: 30px; } div.survey-program .panel-heading>.survey-progress { width: 40%; min-width: 120px; float: right; text-align: right; } div.survey-program .panel.panel-survey-job { transition: all linear .5s; overflow: hidden; } div.survey-program .panel.panel-survey-job.ng-hide { max-height: 0px; opacity: 0.5; margin-bottom: 0px; display: block !important; } div.survey-program div.scoreboard { width: 100%; display: flex; height: 100px; align-items: stretch; position: absolute; top: 0px; left: 0px; right: 0px; background-color: #808080; } div.survey-program div.scoreboard > div { display: flex; flex-direction: column; background-color: #4C5053; transition: all .2s; top: 0px; width: 10px; } div.survey-program div.scoreboard > div:not(:first-child) { margin-left: 1px; } div.survey-program div.scoreboard > div.clickable:hover { position: relative; top: -4px; box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.75); } div.survey-program div.scoreboard > div:not(.clickable) { pointer-events: none; } div.survey-program div.scoreboard > div > div.title { width: 100%; text-align: center; color: #fff; font-size: 15px; padding: 3px 0px; } div.survey-program div.scoreboard > div > div.title > i.fa { color: #888; margin-right: 3px; } div.survey-program div.scoreboard > div > div.panel-container { width: 100%; display: flex; align-items: stretch; flex: 1 1 auto; } div.survey-program div.scoreboard > div > div.panel-container > div { flex-grow: 1; flex-shrink: 1; flex-basis: 0px; display: flex; flex-direction:column; justify-content: center; align-items: center; color: #929292; background: linear-gradient(#4C5053,#828282); } div.survey-program div.scoreboard > div > div.panel-container > div > div:first-child { font-weight: bold; height: 17px; } div.survey-program div.scoreboard > div > div.panel-container > div > div:last-child { font-size: 2.0vw; font-family: 'Yantramanav', Helvetica,Arial, sans-serif; } div.survey-program div.scoreboard > div > div.panel-container > div.active { color: #fff; } div.survey-program div.scoreboard > div > div.panel-container > div:nth-child(even) { background: linear-gradient(#4C5053,#787878); } div.survey-program div.summary-page { position: relative; } div.survey-program div.summary-page > h4 { margin-top: 110px; } div.survey-program .flag-item { border: solid 1px #aaa; background-color: #f7f7f7; margin: 2px; padding: 4px; border-radius: 4px; min-height: 50px; display:flex; align-items: center; } div.survey-program .flag-item .small { color: #9a9a9a; } div.survey-program .flag-item.selected { background-color: #dfdfdf; } div.survey-program .flag-item.unflagged { color: #a1a1a1 !important; } div.survey-program .flag-item > div.flag-checkbox { margin: 0px 10px; } div.survey-program .flag-item > div.flag-label { flex: 1 1 0px; } div.survey-program div.flag-button > i { font-size: 125%; } div.survey-program div.flag-button, div.survey-program div.flag-button:focus { background-color: transparent; color: #000; width: 73px; } div.survey-program div.flag-button:hover { background-color: #bbb; } div.survey-program div.flag-button > i { color: #a1a1a1; } div.survey-program div.flag-button.flag-on > i:not(.busy) { color: #f7555c; } div.survey-program div.target-toolbox { float: right; display: flex; align-items: stretch; margin-bottom: 3px; } table.table td.sparkline-col { background-color: #f3f3f3; padding-left: 2px; padding-right: 2px; position: relative; } table.table tbody>tr:hover td.sparkline-col { background-color: #ddd !important; } table.table tbody>tr:first-child td.sparkline-col:before { content: '-30 days'; display:block; position: absolute; top: -13px; left: 3px; font-size: 9px; } table.table tbody>tr:first-child td.sparkline-col:after { content: 'today'; display:block; position: absolute; top: -13px; right: 3px; text-align: right; font-size: 9px; } .login-mfa-create a { text-decoration: underline; color: #0f4880 !important; } html.ng-scope .login .login-content :not(.alert) mfa-generate :not(button, button *) { color: var(--neutral-text) !important; background-color: white; } html.ng-scope .login .login-content :not(.alert) mfa-generate button { background-color: var(--brand-text-weak) !important; color: var(--brand-bg-weak) !important; cursor: pointer !important; } .login-mfa-provide a { text-decoration: underline; color: #0f4880 !important; } body.simplified-layout .simple-dashboard { position: absolute; left: 0; right: 0; top: 49px; font-size: 0.8rem !important; /* A divider between adjacent headings, so it is clear which sort control belongs to which column. Scoped to the dashboard's own list tables so it does not reach the meta-grid headings that flexi-field renders in the detail pane. Headings are hidden in the collapsed card view, so this only applies to the full table layout. */ /* Slide-in panel */ /* Accordion items */ } body.simplified-layout .simple-dashboard .left-pane { padding-bottom: 80px; } body.simplified-layout .simple-dashboard .left-pane button { font-size: 0.8rem !important; } body.simplified-layout .simple-dashboard .left-pane h5 { border-bottom: 1px solid var(--brand-graphic); font-weight: bold; margin-left: 5px; padding-top: 10px; padding-bottom: 10px; font-size: 0.9rem !important; } body.simplified-layout .simple-dashboard .left-pane .table-striped tr.selected, body.simplified-layout .simple-dashboard .left-pane .table-striped tr.selected > td { background-color: var(--brand-graphic) !important; color: var(--absolute) !important; } body.simplified-layout .simple-dashboard .text-normal { font-weight: normal; } body.simplified-layout .simple-dashboard .table-striped { margin-bottom: 0; } body.simplified-layout .simple-dashboard .table-striped .label { font-size: 0.7rem !important; /*width: 100%; display: block;*/ } body.simplified-layout .simple-dashboard .table-striped .impact-bubble { display: inline-block; /* Even padding on all four sides. Bootstrap's .label is deliberately lopsided (.2em .6em .3em) and a forced min-width made it worse by centring short codes in a box wider than their text. Top is a shade over the bottom so codes with no descender sit optically centred. */ padding: 0.35em 0.4em 0.3em; text-align: center; } body.simplified-layout .simple-dashboard .table-compliance { position: relative; top: -38px; } body.simplified-layout .simple-dashboard .table-compliance th { border-top: 0 !important; } body.simplified-layout .simple-dashboard .table-compliance .inspection-heading { background: #f0f3f5; height: 28px; text-align: center; } body.simplified-layout .simple-dashboard .table-compliance .inspection-sub-heading { background: #f0f3f5; } body.simplified-layout .simple-dashboard .table-compliance .compliance-heading { background: #ddd; height: 28px; text-align: center; } body.simplified-layout .simple-dashboard .table-compliance .compliance-sub-heading { background: #ddd; } body.simplified-layout .simple-dashboard .button-column-picker { margin-top: 10px; } body.simplified-layout .simple-dashboard .button-column-picker button { font-size: 0.8rem !important; } body.simplified-layout .simple-dashboard .button-column-picker .dropdown-menu { margin-left: -70px; } body.simplified-layout .simple-dashboard .button-column-picker .dropdown-menu li { padding-left: 10px; } body.simplified-layout .simple-dashboard .button-column-picker .dropdown-menu input { position: relative; top: 3px; left: -4px; } body.simplified-layout .simple-dashboard .filter-list-collapsed { display: none; min-height: 50px; align-items: center; background-color: #ddd; margin: 5px 0px !important; border-radius: 5px; padding: 10px 0px !important; } body.simplified-layout .simple-dashboard .filter-list-collapsed p { padding: 0 0 0 2px; margin: 0 0 0 2px; } body.simplified-layout .simple-dashboard .filter-list-collapsed .text-muted { font-size: 0.7rem; padding: 0 0 0 2px; } body.simplified-layout .simple-dashboard .filter-list { display: flex; flex-direction: row; align-items: stretch; flex-wrap: nowrap; gap: 0px; } body.simplified-layout .simple-dashboard .filter-list .filter-button { font-size: 0.8rem !important; } body.simplified-layout .simple-dashboard .filter-list .filter-button p { padding: 0 0 0 2px; margin: 0 0 0 2px; } body.simplified-layout .simple-dashboard .filter-list .filter-button .text-muted { font-size: 0.7rem; padding: 0 0 0 2px; } body.simplified-layout .simple-dashboard .filter-list .filter { flex-grow: 1; display: flex; align-items: stretch; /*background-color: #eaecef; height: 50px;*/ font-size: 0.8rem; } body.simplified-layout .simple-dashboard .filter-list .filter.selected .filter-button { background-color: var(--brand-graphic-strong) !important; color: var(--absolute) !important; } body.simplified-layout .simple-dashboard .filter-list .filter.selected .filter-button a, body.simplified-layout .simple-dashboard .filter-list .filter.selected .filter-button .text-muted { color: var(--absolute) !important; } body.simplified-layout .simple-dashboard .filter-list .filter .searchbar { position: sticky !important; top: 0; z-index: 100; background: #fff; padding-top: 5px !important; } body.simplified-layout .simple-dashboard .filter-list .filter li:not(.divider) { position: relative; overflow: hidden; padding: 5px 20px; min-height: 40px; min-width: 200px; } body.simplified-layout .simple-dashboard .filter-list .filter li:not(.divider, .searchbar).active-selected, body.simplified-layout .simple-dashboard .filter-list .filter li:not(.divider, .searchbar).active-selected .text-muted, body.simplified-layout .simple-dashboard .filter-list .filter li:not(.divider, .searchbar).active-selected a, body.simplified-layout .simple-dashboard .filter-list .filter li:not(.divider, .searchbar):hover, body.simplified-layout .simple-dashboard .filter-list .filter li:not(.divider, .searchbar):hover .text-muted, body.simplified-layout .simple-dashboard .filter-list .filter li:not(.divider, .searchbar):hover a { background-color: var(--brand-graphic-strong) !important; color: var(--absolute) !important; cursor: pointer; } body.simplified-layout .simple-dashboard .filter-list form { display: flex; align-items: stretch; gap: 0px; margin: 2.8px; } body.simplified-layout .simple-dashboard .filter-list form .input-group-addon { display: flex; align-items: center; width: 60px; font-size: 0.8rem !important; margin: 0 !important; } body.simplified-layout .simple-dashboard .filter-list form .form-control { height: initial; } body.simplified-layout .simple-dashboard .tab-controls { display: none; } body.simplified-layout .simple-dashboard .menu-pane { padding: 10px 0px 10px 10px; } body.simplified-layout .simple-dashboard .menu-pane .job-view { padding: 7px 5px; margin: 10px -5px 10px 0px; font-size: 1rem; color: var(--brand-text-strong) !important; min-height: 60px; display: flex; align-items: center; justify-content: center; } body.simplified-layout .simple-dashboard .menu-pane .job-view:hover { background-color: #ccc; } body.simplified-layout .simple-dashboard .menu-pane .job-view.selected { background-color: var(--brand-graphic-strong) !important; color: var(--absolute) !important; } body.simplified-layout .simple-dashboard .summary { height: 50px; display: flex; align-items: center; justify-content: center; position: relative; padding: 6px 12px; margin: 4px; color: var(--brand-text-strong) !important; font-size: 1rem; border: 1px solid var(--brand-graphic); } body.simplified-layout .simple-dashboard .summary:hover { background-color: #ccc; } body.simplified-layout .simple-dashboard .summary.selected { background-color: var(--brand-graphic-strong) !important; color: var(--absolute) !important; } body.simplified-layout .simple-dashboard td, body.simplified-layout .simple-dashboard th { padding: 5px !important; overflow: hidden; } body.simplified-layout .simple-dashboard .table-striped thead th + th { border-left: 1px solid #ddd; } body.simplified-layout .simple-dashboard .star-rating-saved { font-size: 6px; white-space: nowrap; } body.simplified-layout .simple-dashboard .star-rating-saved .checked { color: orange; } body.simplified-layout .simple-dashboard .right-pane { position: fixed; top: 50px; left: 300px; background: var(--brand-bg); overflow-y: scroll; width: -moz-calc(100% - 300px); width: -webkit-calc(100% - 300px); width: -o-calc(100% - 300px); width: calc(100% - 300px); height: -moz-calc(100% - 50px); height: -webkit-calc(100% - 50px); height: -o-calc(100% - 50px); height: calc(100% - 50px); } body.simplified-layout .simple-dashboard .right-pane .detail-page { margin: 10px; padding: 20px; border-radius: 10px; background-color: #fff; position: relative; min-height: 300px; overflow: hidden; } body.simplified-layout .simple-dashboard .right-pane .detail-page .detail-close-button { position: absolute; z-index: 1; right: -7px; top: -7px; color: var(--absolute) !important; width: 40px; height: 40px; background-color: var(--brand-bg); font-size: 2rem; border: 0; border-bottom-left-radius: 15px; } body.simplified-layout .simple-dashboard .right-pane .list-group { background-color: #eee !important; border-color: #eee !important; } body.simplified-layout .simple-dashboard .right-pane .list-group .list-group-item { background-color: #eee !important; border-color: #eee !important; } body.simplified-layout .simple-dashboard .right-pane .list-group .job-step-cost-group-item { background-color: #fff !important; border-color: #eee !important; font-weight: normal !important; } body.simplified-layout .simple-dashboard .split-view-collapsed { width: 300px; } body.simplified-layout .simple-dashboard .split-view-collapsed .button-column-picker { margin-top: 0; } body.simplified-layout .simple-dashboard .split-view-collapsed .filter-list-collapsed { display: flex; } body.simplified-layout .simple-dashboard .split-view-collapsed .filter-list { display: none; } body.simplified-layout .simple-dashboard .split-view-collapsed .menu-pane { display: none; } body.simplified-layout .simple-dashboard .split-view-collapsed .tab-controls { display: block; } body.simplified-layout .simple-dashboard .split-view-collapsed .tab-controls > div { padding: 2px; } body.simplified-layout .simple-dashboard .split-view-collapsed table thead { display: none; } body.simplified-layout .simple-dashboard .split-view-collapsed table tr { display: block; border-bottom: 3px solid #ddd; margin-bottom: 0.625em; overflow: hidden; } body.simplified-layout .simple-dashboard .split-view-collapsed table td.left-collapsed { float: left; clear: left; text-align: left; } body.simplified-layout .simple-dashboard .split-view-collapsed table td.right-collapsed { text-align: right; } body.simplified-layout .simple-dashboard .split-view-collapsed table td.hide-collapsed, body.simplified-layout .simple-dashboard .split-view-collapsed .hide-collapsed { display: none; } body.simplified-layout .simple-dashboard .split-view-collapsed table td:not(.hide-collapsed) { display: block; font-weight: bold; border-top: 0px !important; } body.simplified-layout .simple-dashboard .split-view-collapsed table td:not(.hide-collapsed)::before { content: attr(data-label); float: left; font-weight: normal; } body.simplified-layout .simple-dashboard .split-view-collapsed table td:last-child { border-bottom: 0; } body.simplified-layout .simple-dashboard .split-view-collapsed .table-striped > tbody > tr:nth-child(odd) { background: #f0f3f5; } @media screen and (max-width: 768px) { body.simplified-layout .simple-dashboard .right-pane { position: fixed; top: 49px; left: 0px; background: #ccc; width: 100%; height: -moz-calc(100% - 50px); height: -webkit-calc(100% - 50px); height: -o-calc(100% - 50px); height: calc(100% - 50px); } body.simplified-layout .simple-dashboard .right-pane .detail-page { margin: 0; border-radius: 0; padding: 10px; } body.simplified-layout .simple-dashboard .button-column-picker { margin-top: 0; } body.simplified-layout .simple-dashboard .filter-list-collapsed { display: flex; } body.simplified-layout .simple-dashboard .filter-list { display: none; } body.simplified-layout .simple-dashboard .menu-pane { display: none; } body.simplified-layout .simple-dashboard .tab-controls { display: block; } body.simplified-layout .simple-dashboard .tab-controls > div { padding: 2px; } body.simplified-layout .simple-dashboard table thead { display: none; } body.simplified-layout .simple-dashboard table tr { display: block; border-bottom: 3px solid #ddd; margin-bottom: 0.625em; overflow: hidden; } body.simplified-layout .simple-dashboard table td.left-collapsed { float: left; clear: left; text-align: left; } body.simplified-layout .simple-dashboard table td.right-collapsed { text-align: right; } body.simplified-layout .simple-dashboard table td.hide-collapsed, body.simplified-layout .simple-dashboard .hide-collapsed { display: none; } body.simplified-layout .simple-dashboard table td:not(.hide-collapsed) { display: block; font-weight: bold; border-top: 0px !important; } body.simplified-layout .simple-dashboard table td:not(.hide-collapsed)::before { content: attr(data-label); float: left; font-weight: normal; } body.simplified-layout .simple-dashboard table td:last-child { border-bottom: 0; } body.simplified-layout .simple-dashboard .table-striped > tbody > tr:nth-child(odd) { background: #f0f3f5; } } body.simplified-layout .simple-dashboard .filter-panel { position: fixed; top: 0; right: -350px; width: 350px; height: 100vh; background: #fff; box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2); overflow-y: auto; transition: right 0.35s ease; padding: 15px; z-index: 2000; } body.simplified-layout .simple-dashboard .filter-panel.open { right: 0; } body.simplified-layout .simple-dashboard .filter-header { font-size: 18px; font-weight: bold; margin-bottom: 10px; } body.simplified-layout .simple-dashboard .accordion-header { display: flex; justify-content: space-between; padding: 10px; background: #f7f7f7; cursor: pointer; border: 1px solid #ddd; margin-top: 10px; } body.simplified-layout .simple-dashboard .accordion-body { padding: 10px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } body.simplified-layout .simple-dashboard .filter-item-container { max-height: 220px; overflow-y: auto; } body.simplified-layout .simple-dashboard .filter-item { padding: 8px; border-bottom: 1px solid #eee; cursor: pointer; } body.simplified-layout .simple-dashboard .filter-item:hover { background: #f3f3f3; } body.simplified-layout .simple-dashboard .selected-value { display: inline-flex; align-items: center; font-size: 13px; color: #007bff; margin-top: 4px; } body.simplified-layout .simple-dashboard .clear-filter { margin-left: 8px; cursor: pointer; font-size: 12px; color: #ff4d4f; } body.simplified-layout .simple-dashboard .clear-filter:hover { color: #ff0000; } body.simplified-layout .simple-dashboard .active-selected { background-color: var(--brand-graphic-strong) !important; color: var(--absolute) !important; } body.simplified-layout .simple-dashboard .dropdown-scroll { max-height: 80vh; /* 80% of viewport height */ overflow-y: auto; /* enable vertical scroll */ } .dashboard-ticket-details .star-rating, .feedback-popup .star-rating { display: inline-block; } .dashboard-ticket-details .star-rating .checked, .feedback-popup .star-rating .checked { display: inline-block; color: orange; } .dashboard-ticket-details .star-rating:hover .fa-star, .feedback-popup .star-rating:hover .fa-star { color: orange; } .dashboard-ticket-details .star-rating .fa-star:hover ~ .fa-star, .feedback-popup .star-rating .fa-star:hover ~ .fa-star { color: inherit; } .dashboard-ticket-details .feedback-options .active, .feedback-popup .feedback-options .active { background-color: var(--brand-bg, #0000ff) !important; color: var(--absolute, #ffffff) !important; } .dashboard-ticket-details .list-group-item-action.active, .feedback-popup .list-group-item-action.active { background-color: var(--brand-bg) !important; color: var(--absolute) !important; } .dashboard-ticket-details .list-group-item-action:hover, .feedback-popup .list-group-item-action:hover { background-color: var(--brand-bg-weak) !important; } .dashboard-ticket-details { position: relative; font-size: 1rem; } .dashboard-ticket-details .selected-image-large { max-height: 200px; } .dashboard-ticket-details .header-row { position: absolute; top: 0px; left: 50px; right: 0px; height: 40px; padding: 5px 20px 5px 0px; display: block; } .dashboard-ticket-details .header-row h3 { margin: 5px; } .dashboard-ticket-details .header-row h3 .label { position: relative; top: -3px; left: 5px; } .dashboard-ticket-details .ticket-action-buttons { background-color: #fff; padding-bottom: 20px; } .dashboard-ticket-details .ticket-action-buttons .buttons button { display: block; width: 100%; } .dashboard-ticket-details .ticket-action-buttons .buttons button .btn-inverse { color: #fff; background: #2d353c; border-color: #2d353c; } .dashboard-ticket-details .ticket-timeline { position: relative; } .dashboard-ticket-details .ticket-timeline h3 { margin-top: 30px; } .dashboard-ticket-details .ticket-timeline::before { content: ""; display: block; position: absolute; top: 50px; left: 9px; bottom: 80px; background-color: var(--brand-bg); width: 2px; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-quote { margin: 20px 20px; position: relative; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-quote .quote-item { overflow: hidden; position: relative; border-radius: 10px; padding: 15px; box-shadow: 5px 5px var(--brand-bg); margin-top: 20px; border: 1px solid var(--brand-bg); } .dashboard-ticket-details .ticket-timeline .ticket-timeline-quote .quote-item h3:first-child { margin-top: 0; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-quote .quote-item dl { margin-bottom: 0; font-weight: bold; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-quote .quote-item dt { margin-top: 10px; font-weight: normal; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-quote .quote-item::before { content: ""; display: block; position: absolute; top: 50%; left: -20px; height: 3px; width: 20px; background-color: var(--brand-bg); } .dashboard-ticket-details .ticket-timeline .ticket-timeline-job { margin: 20px 20px; position: relative; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-job .job-item { position: relative; background-color: #eee; border-radius: 10px; padding: 15px; box-shadow: 5px 5px var(--brand-bg); margin-top: 20px; overflow: hidden; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-job .job-item h3:first-child { margin-top: 0; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-job .job-item dl { margin-bottom: 0; font-weight: bold; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-job .job-item dt { margin-top: 10px; font-weight: normal; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-job .job-item .job-item-buttons { overflow: hidden; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-job .job-item::before { content: ""; display: block; position: absolute; top: 50%; left: -20px; height: 3px; width: 20px; background-color: var(--brand-bg); } .dashboard-ticket-details .ticket-timeline .ticket-timeline-comment { margin: 20px 20px; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-comment .commentary > .commentary-comment { box-shadow: 5px 5px var(--brand-graphic); margin: 10px 10px; padding: 10px; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-ticket { margin: 20px 20px; position: relative; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-ticket .ticket-item { border: 1px solid var(--brand-bg); padding: 10px; position: relative; padding: 15px; box-shadow: 5px 5px var(--brand-bg); overflow: hidden; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-ticket .ticket-item h3:first-child { margin-top: 0; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-ticket .ticket-item dt { margin-top: 10px; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-ticket .ticket-item .job-item-buttons { overflow: hidden; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-ticket .ticket-item .image-panel { width: 30%; margin-left: 20px; margin-top: 10px; } .dashboard-ticket-details .ticket-timeline .ticket-timeline-ticket .ticket-item::before { content: ""; display: block; position: absolute; top: 50%; left: -20px; height: 3px; width: 20px; background-color: var(--brand-bg); } html.ng-scope { font-size: 16px; } html.ng-scope:has(.simplified-layout) { font-size: 14px; } html.ng-scope .login { background-color: transparent !important; position: relative; padding: 3rem 0.25rem; } html.ng-scope .login .login-content { width: 100%; background-color: var(--brand-text) !important; box-shadow: var(--card-shadow); color: var(--brand-text); } html.ng-scope .login .login-content :not(.alert) { color: var(--brand-bg-weak) !important; } html.ng-scope .login .login-content h3, html.ng-scope .login .login-content h4, html.ng-scope .login .login-content h5, html.ng-scope .login .login-content h6, html.ng-scope .login .login-content label { width: 100%; text-align: left; } html.ng-scope .login .login-content input { background-color: var(--brand-text-stronger); color: var(--brand-bg); border: 1px solid var(--brand-text-stronger); font-size: 1rem; } html.ng-scope .login .login-content input::placeholder { color: var(--neutral-bg-strong); } html.ng-scope .login .login-content [ui-sref="login.forgotPassword"], html.ng-scope .login .login-content [ui-sref=login] { padding: 0.25em 0.5em; margin-right: -0.5em; border-radius: 0.25em; color: var(--brand-bg-strong) !important; } html.ng-scope .login .login-content .login-buttons button[name=login], html.ng-scope .login .login-content .login-buttons [role=button], html.ng-scope .login .login-content .login-buttons button, html.ng-scope .login .login-content .login-buttons button[type=submit] { background-color: var(--brand-text-weaker); color: var(--absolute) !important; border: 1px solid var(--brand-graphic-weak) !important; margin-left: 0; margin-right: 0; } html.ng-scope .login .login-content .login-buttons button[name=login]:hover, html.ng-scope .login .login-content .login-buttons button[name=login]:focus-visible, html.ng-scope .login .login-content .login-buttons [role=button]:hover, html.ng-scope .login .login-content .login-buttons [role=button]:focus-visible, html.ng-scope .login .login-content .login-buttons button:hover, html.ng-scope .login .login-content .login-buttons button:focus-visible, html.ng-scope .login .login-content .login-buttons button[type=submit]:hover, html.ng-scope .login .login-content .login-buttons button[type=submit]:focus-visible { background-color: var(--brand-text-weak) !important; opacity: 1; } html.ng-scope .login .login-content .form-group a { color: var(--brand-text-strong); } html.ng-scope body.simplified-layout, html.ng-scope .login-page { --corner-radius: 0.2rem; --focus-outline: 4px ridge var(--info-graphic, #0080ff) !important; --card-shadow: 0 0.15rem 0.25rem rgba(0, 0, 0, 0.05); font-size: 1rem; } html.ng-scope body.simplified-layout toggle-switch, html.ng-scope .login-page toggle-switch { --sml: 1.1rem; --med: 1.333rem; --lrg: 1.618rem; --space-inside: 0.618rem; --space-inside-s: calc(var(--space-inside) / 2); --highlights: rgba(255, 255, 255, 0.25); --shadows: rgba(0, 0, 0, 0.1); --rim-depth: 1px; --rim-softness: 2px; --ball-shade: inset 0 -0.2em 0.55em -0.52em var(--shadows); --ball-shadow: 0.025em 0.066em 0.015em var(--shadows); --ball-shadow-left: 0.066em var(--ball-shadow); --ball-shadow-right: -0.066em var(--ball-shadow); --ball-highlights: inset 0 0.2em 0.6em -0.5em var(--highlights); --hole-shadow: inset 0 0.15em 0.33em -0.1em var(--shadows), 0 var(--rim-depth) var(--rim-softness) var(--highlights), inset 0 var(--rim-depth) var(--rim-softness) var(--shadows); margin: var(--space-inside-s) 0; display: block; } html.ng-scope body.simplified-layout toggle-switch[small] label span[role=switch], html.ng-scope .login-page toggle-switch[small] label span[role=switch] { font-size: var(--sml); } html.ng-scope body.simplified-layout toggle-switch[large] label span[role=switch], html.ng-scope .login-page toggle-switch[large] label span[role=switch] { font-size: var(--lrg); } html.ng-scope body.simplified-layout toggle-switch ~ [disabled=disabled], html.ng-scope .login-page toggle-switch ~ [disabled=disabled] { --shadows: rgba(0, 0, 0, 0.1); --highlights: rgba(255, 255, 255, 0.05); } @media (prefers-color-scheme: dark) { html.ng-scope body.simplified-layout toggle-switch, html.ng-scope .login-page toggle-switch { --shadows: rgba(0, 0, 0, 0.33); --highlights: rgba(255, 255, 255, 0.15); } html.ng-scope body.simplified-layout toggle-switch ~ [disabled=disabled], html.ng-scope .login-page toggle-switch ~ [disabled=disabled] { --shadows: rgba(0, 0, 0, 0.15); --highlights: rgba(255, 255, 255, 0.05); } } html.ng-scope body.simplified-layout toggle-switch[invert] label span[role=switch], html.ng-scope .login-page toggle-switch[invert] label span[role=switch] { transform: scaleX(-1); } html.ng-scope body.simplified-layout toggle-switch[bg], html.ng-scope .login-page toggle-switch[bg] { background-color: var(--neutral-bg); border-radius: 0.2rem; } html.ng-scope body.simplified-layout toggle-switch[after] label, html.ng-scope .login-page toggle-switch[after] label { flex-direction: row-reverse; } html.ng-scope body.simplified-layout toggle-switch[after] label ng-transclude, html.ng-scope .login-page toggle-switch[after] label ng-transclude { margin-right: var(--space-inside); margin-left: 0; } html.ng-scope body.simplified-layout toggle-switch label, html.ng-scope .login-page toggle-switch label { user-select: none; display: flex; align-items: center; box-sizing: border-box; margin: 0; padding: var(--space-inside); min-height: 2.5em; cursor: pointer; } html.ng-scope body.simplified-layout toggle-switch label:focus, html.ng-scope .login-page toggle-switch label:focus { outline: none !important; } html.ng-scope body.simplified-layout toggle-switch label:focus-visible, html.ng-scope .login-page toggle-switch label:focus-visible { outline: var(--focus-outline, 3px ridge var(--accent-graphic, rgb(0, 128, 255))) !important; } html.ng-scope body.simplified-layout toggle-switch label ng-transclude, html.ng-scope .login-page toggle-switch label ng-transclude { margin: 0 var(--space-inside-s); margin-left: var(--space-inside); flex-grow: 1; } html.ng-scope body.simplified-layout toggle-switch label span[role=switch], html.ng-scope .login-page toggle-switch label span[role=switch] { font-size: var(--med); display: inline-block; position: relative; width: 1.618em; height: 1em; background-color: inherit; flex-shrink: 0; cursor: pointer; --on-bg: var(--success-graphic-strong, limegreen); --on-fg: var(--success-bg-weak, #CCFFCC); --off: inherit; --line: var(--neutral-graphic-weak, #808080); } html.ng-scope body.simplified-layout toggle-switch label span[role=switch].danger, html.ng-scope .login-page toggle-switch label span[role=switch].danger { --on-bg: var(--danger-graphic-strong, --success-graphic-strong, limegreen); --on-fg: var(--danger-bg-weak, --success-bg-weak, #CCFFCC); --off: var(--danger-bg-weak, inherit); --line: var(--danger-graphic-weak, --neutral-graphic-weak, #808080); } html.ng-scope body.simplified-layout toggle-switch label span[role=switch].warn, html.ng-scope .login-page toggle-switch label span[role=switch].warn { --on-bg: var(--warn-graphic-strong, --success-graphic-strong, limegreen); --on-fg: var(--warn-bg-weak, --success-bg-weak, #CCFFCC); --off: var(--warn-bg-weak, inherit); --line: var(--warn-graphic-weak, --neutral-graphic-weak, #808080); } html.ng-scope body.simplified-layout toggle-switch label span[role=switch].success, html.ng-scope .login-page toggle-switch label span[role=switch].success { --on-bg: var(--success-graphic-strong, --success-graphic-strong, limegreen); --on-fg: var(--success-bg-weak, --success-bg-weak, #CCFFCC); --off: var(--success-bg-weak, inherit); --line: var(--success-graphic-weak, --neutral-graphic-weak, #808080); } html.ng-scope body.simplified-layout toggle-switch label span[role=switch].info, html.ng-scope .login-page toggle-switch label span[role=switch].info { --on-bg: var(--info-graphic-strong, --success-graphic-strong, limegreen); --on-fg: var(--info-bg-weak, --success-bg-weak, #CCFFCC); --off: var(--info-bg-weak, inherit); --line: var(--info-graphic-weak, --neutral-graphic-weak, #808080); } html.ng-scope body.simplified-layout toggle-switch label span[role=switch].brand, html.ng-scope .login-page toggle-switch label span[role=switch].brand { --on-bg: var(--brand-graphic-strong, --success-graphic-strong, limegreen); --on-fg: var(--brand-bg-weak, --success-bg-weak, #CCFFCC); --off: var(--brand-bg-weak, inherit); --line: var(--brand-graphic-weak, --neutral-graphic-weak, #808080); } html.ng-scope body.simplified-layout toggle-switch label span[role=switch].accent, html.ng-scope .login-page toggle-switch label span[role=switch].accent { --on-bg: var(--accent-graphic-strong, --success-graphic-strong, limegreen); --on-fg: var(--accent-bg-weak, --success-bg-weak, #CCFFCC); --off: var(--accent-bg-weak, inherit); --line: var(--accent-graphic-weak, --neutral-graphic-weak, #808080); } html.ng-scope body.simplified-layout toggle-switch label span[role=switch].neutral, html.ng-scope .login-page toggle-switch label span[role=switch].neutral { --on-bg: var(--neutral-graphic-strong, --success-graphic-strong, limegreen); --on-fg: var(--neutral-bg-weak, --success-bg-weak, #CCFFCC); --off: var(--neutral-bg-weak, inherit); --line: var(--neutral-graphic-weak, --neutral-graphic-weak, #808080); } html.ng-scope body.simplified-layout toggle-switch label span[role=switch]::before, html.ng-scope body.simplified-layout toggle-switch label span[role=switch]::after, html.ng-scope .login-page toggle-switch label span[role=switch]::before, html.ng-scope .login-page toggle-switch label span[role=switch]::after { content: ""; transition: all 0.1s ease-out; box-sizing: border-box; position: absolute; cursor: pointer; } html.ng-scope body.simplified-layout toggle-switch label span[role=switch]::before, html.ng-scope .login-page toggle-switch label span[role=switch]::before { border-radius: 0.5em; inset: 0; border: 1px solid var(--line); background-color: var(--off); box-shadow: var(--hole-shadow), inset 0 0 4em -3.5em var(--neutral-text-stronger); } html.ng-scope body.simplified-layout toggle-switch label span[role=switch]::after, html.ng-scope .login-page toggle-switch label span[role=switch]::after { --edge-color: var(--line); border-radius: calc(0.5em - 1px); width: calc(1em - 2px); height: calc(1em - 2px); background-color: var(--bg); margin: 1px; box-shadow: var(--ball-highlights), 0 0 0 0.8px var(--edge-color), var(--ball-shade), var(--ball-shadow-left); left: 0; } html.ng-scope body.simplified-layout toggle-switch label span[role=switch][aria-checked=true]::after, html.ng-scope .login-page toggle-switch label span[role=switch][aria-checked=true]::after { left: 0.618em; } html.ng-scope body.simplified-layout toggle-switch label span[role=switch][aria-checked=true]:not([disabled=disabled])::before, html.ng-scope .login-page toggle-switch label span[role=switch][aria-checked=true]:not([disabled=disabled])::before { inset: 0; background-color: var(--on-bg); box-shadow: var(--hole-shadow); border-width: 0; } html.ng-scope body.simplified-layout toggle-switch label span[role=switch][aria-checked=true]:not([disabled=disabled])::after, html.ng-scope .login-page toggle-switch label span[role=switch][aria-checked=true]:not([disabled=disabled])::after { --edge-color: rgba(0, 0, 0, 0.33); box-shadow: 0 0 1.5px var(--edge-color), var(--ball-shade), var(--ball-shadow-right); background-color: var(--on-fg); } html.ng-scope body.simplified-layout toggle-switch[disabled=disabled] label ng-transclude span, html.ng-scope .login-page toggle-switch[disabled=disabled] label ng-transclude span { color: var(--neutral-graphic-strong); } html.ng-scope body.simplified-layout toggle-switch[disabled=disabled] label, html.ng-scope body.simplified-layout toggle-switch[disabled=disabled] label::before, html.ng-scope body.simplified-layout toggle-switch[disabled=disabled] label::after, html.ng-scope body.simplified-layout toggle-switch[disabled=disabled] label span[role=switch], html.ng-scope body.simplified-layout toggle-switch[disabled=disabled] label span[role=switch]::before, html.ng-scope body.simplified-layout toggle-switch[disabled=disabled] label span[role=switch]::after, html.ng-scope .login-page toggle-switch[disabled=disabled] label, html.ng-scope .login-page toggle-switch[disabled=disabled] label::before, html.ng-scope .login-page toggle-switch[disabled=disabled] label::after, html.ng-scope .login-page toggle-switch[disabled=disabled] label span[role=switch], html.ng-scope .login-page toggle-switch[disabled=disabled] label span[role=switch]::before, html.ng-scope .login-page toggle-switch[disabled=disabled] label span[role=switch]::after { cursor: default; pointer-events: none; background-color: inherit; --edge-color: var(--neutral-bg-strong); } html.ng-scope body.simplified-layout toggle-switch[disabled=disabled] label[aria-checked=true]::before, html.ng-scope body.simplified-layout toggle-switch[disabled=disabled] label span[role=switch][aria-checked=true]::before, html.ng-scope .login-page toggle-switch[disabled=disabled] label[aria-checked=true]::before, html.ng-scope .login-page toggle-switch[disabled=disabled] label span[role=switch][aria-checked=true]::before { --color: var(--neutral-bg); background-color: var(--color); background-color: inherit; border-color: var(--edge-color); } html.ng-scope body.simplified-layout toggle-switch[disabled=disabled] label[aria-checked=true]::after, html.ng-scope body.simplified-layout toggle-switch[disabled=disabled] label span[role=switch][aria-checked=true]::after, html.ng-scope .login-page toggle-switch[disabled=disabled] label[aria-checked=true]::after, html.ng-scope .login-page toggle-switch[disabled=disabled] label span[role=switch][aria-checked=true]::after { background-color: inherit; } html.ng-scope body.simplified-layout toggle-switch[disabled=disabled] label[aria-checked=false]::before, html.ng-scope body.simplified-layout toggle-switch[disabled=disabled] label span[role=switch][aria-checked=false]::before, html.ng-scope .login-page toggle-switch[disabled=disabled] label[aria-checked=false]::before, html.ng-scope .login-page toggle-switch[disabled=disabled] label span[role=switch][aria-checked=false]::before { border-color: var(--edge-color); box-shadow: var(--hole-shadow); } html.ng-scope body.simplified-layout asset-table, html.ng-scope .login-page asset-table { --row-border-color: var(--neutral-bg); --bg-color: var(--absolute); --outer-border: 1px solid var(--neutral-bg); --item-focus-color: var(--brand-bg-weak); height: var(--table-height); container-type: inline-size; container-name: asset-table; display: grid; grid-row: 2; grid-column: 2; } html.ng-scope body.simplified-layout asset-table .table-container, html.ng-scope .login-page asset-table .table-container { --table-corner-radius: var(--corner-radius, 0.2rem); --table-padding: var(--asset-table-padding, 1rem); --lines-per-item: 7; --line-height: 1.3rem; --item-padding-v: 0.66rem; --item-padding-h: 2rem; --item-height: calc((var(--lines-per-item) * var(--line-height)) + var(--item-padding-v)); --heading-height: calc(2 * var(--line-height)); --group-heading-height: 3rem; --row-border-thickness: 1px; --border-blur: blur(1rem); font-size: 1rem; line-height: var(--line-height); color: var(--neutral-text-weaker); position: relative; height: inherit; border: var(--outer-border); box-sizing: border-box; padding: var(--table-padding); padding-top: var(--heading-height); padding-right: 0; padding-left: calc(var(--table-padding) / 2); background-color: var(--bg-color); border-radius: var(--table-corner-radius); } html.ng-scope body.simplified-layout asset-table .table-container:has(*:focus-visible), html.ng-scope .login-page asset-table .table-container:has(*:focus-visible) { outline: 3px solid var(--neutral-text-strong); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table, html.ng-scope .login-page asset-table .table-container #asset-table { grid-template-columns: minmax(14em, 2fr); height: 100%; display: grid; grid-template-rows: 0; grid-auto-rows: min-content; gap: 0 var(--item-padding-h); align-items: end; padding-right: var(--table-padding); padding-left: calc(var(--table-padding) / 2); padding-bottom: var(--row-border-thickness); box-sizing: border-box; overflow-x: hidden; overflow-y: auto; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table:focus-visible, html.ng-scope body.simplified-layout asset-table .table-container #asset-table:focus, html.ng-scope .login-page asset-table .table-container #asset-table:focus-visible, html.ng-scope .login-page asset-table .table-container #asset-table:focus { outline: none; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table:after, html.ng-scope .login-page asset-table .table-container #asset-table:after { content: ""; position: sticky; grid-column: 1/-1; width: 100%; bottom: calc(var(--row-border-thickness) * -1); backdrop-filter: var(--border-blur); height: var(--row-border-thickness); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=rowgroup], html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row], html.ng-scope .login-page asset-table .table-container #asset-table [role=rowgroup], html.ng-scope .login-page asset-table .table-container #asset-table [role=row] { display: contents; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=rowgroup]:not(.table-body), html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.table-body), html.ng-scope .login-page asset-table .table-container #asset-table [role=rowgroup]:not(.table-body), html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.table-body) { z-index: 2; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row] .group-heading, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row] .heading, html.ng-scope .login-page asset-table .table-container #asset-table [role=row] .group-heading, html.ng-scope .login-page asset-table .table-container #asset-table [role=row] .heading { font-size: 0.85em; font-weight: normal; text-align: left; letter-spacing: 0.075ch; word-spacing: 0.06ch; line-height: 1.18em; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row] .group-heading, html.ng-scope .login-page asset-table .table-container #asset-table [role=row] .group-heading { font-size: 1em; display: none; font-weight: bold; color: var(--neutral-graphic-strong); padding: 0.5em 0; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row] .group-heading i.fa, html.ng-scope .login-page asset-table .table-container #asset-table [role=row] .group-heading i.fa { color: var(--neutral-bg-strong); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading).show-group-heading, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading).show-group-heading { --spacing: 3rem; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading).show-group-heading .group-heading, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading).show-group-heading .group-heading { display: flex; align-items: center; position: sticky; max-height: var(--item-height); height: var(--group-heading-height); top: -1px; background-color: var(--bg-color); z-index: 1; margin: 2rem calc(var(--table-padding) * -0.5) var(--item-height); padding: 0 calc(var(--table-padding) * 0.5) 0.5em; border-bottom: var(--row-border-thickness) solid var(--row-border-color); box-shadow: 0 -1em 1em 0.25em var(--bg-color); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading).show-group-heading .row-bg, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading).show-group-heading .row-bg { margin-top: var(--group-heading-height); height: var(--item-height); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):hover, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-within, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-visible, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):hover, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-within, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-visible, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus { z-index: 1; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):hover .row-bg, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-within .row-bg, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-visible .row-bg, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus .row-bg, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):hover .row-bg, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-within .row-bg, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-visible .row-bg, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus .row-bg { --extend-h: calc(var(--table-padding) / 2); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):hover .row-bg:before, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-within .row-bg:before, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-visible .row-bg:before, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus .row-bg:before, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):hover .row-bg:before, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-within .row-bg:before, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-visible .row-bg:before, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus .row-bg:before { content: ""; --bg-color: var(--item-focus-color); background-color: var(--bg-color); inset: calc(var(--item-padding-v) * 0.5) calc(var(--extend-h) * -1); border-radius: var(--extend-h); position: absolute; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) .row-bg, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) .row-bg { position: relative; box-sizing: border-box; display: block; left: 0; height: var(--item-height); width: 100%; grid-column: 1/-1; border-bottom: var(--row-border-thickness) solid var(--row-border-color); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) .row-bg:focus, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) .row-bg:focus-visible, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) .row-bg:focus, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) .row-bg:focus-visible { outline: none; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading), html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) { pointer-events: none; display: none; padding: var(--item-padding-v) 0; position: relative; align-items: center; height: var(--item-height); z-index: 0; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading):first-of-type, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).primary-field-wrapper, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading):first-of-type, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).primary-field-wrapper { display: flex; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).status-message, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).status-message { grid-column: 1/-1; display: flex; justify-content: center; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .ellipsis, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .ellipsis { display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: var(--lines-per-item); -webkit-box-orient: vertical; padding: 0; vertical-align: middle; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) a.full-field-link, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) a.full-field-link { pointer-events: auto; color: inherit; display: flex; height: 100%; align-items: center; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) a.full-field-link:hover, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) a.full-field-link:focus, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) a.full-field-link.focus-within, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) a.full-field-link:hover, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) a.full-field-link:focus, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) a.full-field-link.focus-within { text-decoration: none; outline: none; border: none; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) a.full-field-link:hover .ellipsis, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) a.full-field-link:focus .ellipsis, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) a.full-field-link.focus-within .ellipsis, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) a.full-field-link:hover .ellipsis, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) a.full-field-link:focus .ellipsis, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) a.full-field-link.focus-within .ellipsis { --outline-color: var(--brand-graphic-weak); --bg-color: var(--item-focus-color, --brand-bg-weak); background-color: var(--bg-color); border-radius: 0.08em; color: var(--brand-text-stronger); box-shadow: 0 0 0 calc(var(--item-padding-v) * 0.5 - 1px) var(--bg-color), 0 0 0 calc(var(--item-padding-v) * 0.5) var(--outline-color); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle { display: flex; flex-direction: row; flex-wrap: nowrap; flex-grow: 1; align-items: stretch; padding: 0; gap: 0.33em 1em; position: relative; overflow: hidden; border: 1px dotted var(--neutral-bg-weak); border-top: 0; border-bottom: 0; height: 100%; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-bar, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-bar { --pad: 0.125em; min-width: 0.25em; position: absolute; height: calc(100% - var(--pad) * 2); margin: var(--pad) 0; border: 1px solid var(--neutral-bg); border-left: none; border-right-width: 3px; background-color: var(--neutral-bg); background-image: linear-gradient(90deg, color-mix(in srgb, var(--bg-color) 97%, transparent) calc(100% - 30em), color-mix(in srgb, var(--bg-color) 90%, transparent) calc(100% - 8em), color-mix(in srgb, var(--bg-color) 70%, transparent) calc(100% - 5em), transparent calc(100% - 0.5em)); z-index: -1; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group { margin: 0; display: flex; flex-direction: row; column-gap: 2em; justify-content: space-between; flex-basis: 9em; flex-grow: 1; padding: 0.17em 0.5em; flex-wrap: wrap; align-content: stretch; align-items: center; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-icon i, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-icon i { color: var(--neutral-graphic-weak); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; column-gap: 0.5em; flex-basis: 9em; flex-grow: 1; pointer-events: all; cursor: pointer; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date.lifecycle-start, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date.lifecycle-start { justify-content: flex-start; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date.lifecycle-start .lifecycle-text, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date.lifecycle-start .lifecycle-text { text-align: left; justify-content: flex-start; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date.lifecycle-end, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date.lifecycle-end { justify-content: flex-end; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date.lifecycle-end .lifecycle-text, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date.lifecycle-end .lifecycle-text { text-align: right; justify-content: flex-end; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date .lifecycle-icon, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date .lifecycle-icon { font-size: 1.2em; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date .lifecycle-text, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date .lifecycle-text { font-size: 0.9em; display: flex; flex-wrap: wrap; gap: 0 0.3em; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date .lifecycle-text .lifecycle-detail-title, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date .lifecycle-text .lifecycle-detail-value, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date .lifecycle-text .lifecycle-detail-title, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date .lifecycle-text .lifecycle-detail-value { white-space: nowrap; line-height: 1.05em; text-shadow: 0 0 1em var(--bg-color); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date .lifecycle-text .lifecycle-detail-title, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading).field .lifecycle .lifecycle-details-group .lifecycle-date .lifecycle-text .lifecycle-detail-title { color: var(--neutral-graphic-strong); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field { display: flex; flex-direction: row; align-items: stretch; height: 100%; width: 100%; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .image, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .image img, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .image, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .image img { aspect-ratio: 1/1; border-radius: 0.15em; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .image, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .image { background-color: var(--neutral-bg-weak); display: block; position: relative; height: calc(30vw - var(--table-padding)); max-height: 100%; width: auto; align-self: center; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .image img, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .image img { height: 100%; width: 100%; object-fit: cover; background: linear-gradient(45deg, var(--neutral-bg-strong) -50%, var(--neutral-bg-weak) 125%); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content { display: grid; grid-template-rows: 9fr auto 1fr 8fr; width: 100%; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content div, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content div { position: relative; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content div .location, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content div .location { width: 100%; position: absolute; text-align: right; font-size: 0.8em; color: var(--neutral-graphic-strong); padding: 0; transform: translateY(-0.33em); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content div .location i.fa, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content div .location i.fa { color: var(--neutral-bg); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content:after, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content:after { content: ""; width: 100%; grid-row: 3; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .asset-name, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .asset-name { z-index: 1; letter-spacing: 0.05ch; margin: 0 0.66rem; color: var(--neutral-text); font-weight: bold; flex-basis: 14em; flex-grow: 1; -webkit-line-clamp: calc(var(--lines-per-item) - 3); max-height: calc(var(--item-height) - 2 * var(--line-height)); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details { color: var(--neutral-graphic-strong); font-weight: 300; display: flex; flex-direction: row; flex-wrap: wrap; margin-left: 0.66rem; align-items: flex-end; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers { display: flex; flex-direction: column; text-align: right; font-size: 0.85em; line-height: 1em; align-items: flex-end; align-self: flex-end; flex-grow: 1; transform: translateY(0.33em); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .barcode, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .asset-tag, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .barcode, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .asset-tag { white-space: nowrap; font-weight: normal; letter-spacing: 0.04em; pointer-events: auto; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .barcode .fa, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .barcode .far, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .barcode .fas, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .asset-tag .fa, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .asset-tag .far, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .asset-tag .fas, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .barcode .fa, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .barcode .far, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .barcode .fas, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .asset-tag .fa, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .asset-tag .far, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .asset-tag .fas { margin-right: 0.33em; color: var(--neutral-graphic-weak); } @media print { html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers { transform: translateY(0); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .barcode, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .asset-tag, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .barcode, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-id-numbers .asset-tag { font-size: 1em; } } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-overdue-ppm, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-next-ppm-date, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-overdue-ppm, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-next-ppm-date { border-radius: 9999px; padding: 0.075em 0.33em 0.075em 0.33em; font-size: 0.85rem; line-height: 1em; align-self: flex-start; pointer-events: all; cursor: pointer; border-width: 1px; border-style: solid; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-overdue-ppm, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-overdue-ppm { color: var(--absolute); background-color: var(--danger-graphic-strong); border-color: var(--danger-graphic-strong); font-weight: bold; text-shadow: 0 0 0.15em var(--danger-text-weak); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-next-ppm-date, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-next-ppm-date { color: var(--warn-text-weak); background-color: var(--warn-bg-weak); border-color: var(--warn-bg); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-next-ppm-date i, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-next-ppm-date i { color: var(--warn-text-weaker); font-size: 0.9em; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-next-ppm-date:hover, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-next-ppm-date:focus-visible, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-next-ppm-date:hover, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-next-ppm-date:focus-visible { background-color: var(--warn-bg); color: var(--warn-text); border-color: var(--warn-bg-strong); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-next-ppm-date:hover i, html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-next-ppm-date:focus-visible i, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-next-ppm-date:hover i, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .primary-field .asset-field-content .details .asset-next-ppm-date:focus-visible i { color: var(--warn-text-weak); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row].column-headings, html.ng-scope .login-page asset-table .table-container #asset-table [role=row].column-headings { user-select: none; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row].column-headings .heading, html.ng-scope .login-page asset-table .table-container #asset-table [role=row].column-headings .heading { display: none; z-index: 2; min-height: var(--heading-height); flex-direction: column; justify-content: center; position: relative; top: 0; grid-row: 1; box-sizing: border-box; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row].column-headings .heading:first-of-type, html.ng-scope .login-page asset-table .table-container #asset-table [role=row].column-headings .heading:first-of-type { display: flex; align-items: center; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row].column-headings .heading span, html.ng-scope .login-page asset-table .table-container #asset-table [role=row].column-headings .heading span { position: fixed; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row].column-headings .heading span i, html.ng-scope .login-page asset-table .table-container #asset-table [role=row].column-headings .heading span i { color: var(--neutral-graphic-weak); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table .status-message, html.ng-scope .login-page asset-table .table-container #asset-table .status-message { grid-row: 2; grid-column: 1/-1; display: flex; height: 100%; position: absolute; width: 100%; justify-content: center; align-items: center; color: var(--neutral-graphic-strong); font-weight: bold; } @media screen and (min-width: 38rem) { html.ng-scope body.simplified-layout asset-table .table-container .asset-field-content .location, html.ng-scope .login-page asset-table .table-container .asset-field-content .location { display: none !important; } } @media screen and (min-width: 38rem) { html.ng-scope body.simplified-layout asset-table .table-container, html.ng-scope .login-page asset-table .table-container { --lines-per-item: 7; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table, html.ng-scope .login-page asset-table .table-container #asset-table { grid-template-columns: minmax(16rem, 30rem) repeat(1, minmax(10em, auto)); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg):nth-of-type(-n + 2), html.ng-scope .login-page asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg):nth-of-type(-n + 2) { display: flex; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings) > div:nth-of-type(-n + 3), html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings) > div:nth-of-type(-n + 3) { display: flex; } } @media screen and (min-width: 52rem) { html.ng-scope body.simplified-layout asset-table .table-container, html.ng-scope .login-page asset-table .table-container { --lines-per-item: 6; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table, html.ng-scope .login-page asset-table .table-container #asset-table { grid-template-columns: minmax(16rem, 30rem) repeat(2, minmax(10em, auto)); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg):nth-of-type(-n + 3), html.ng-scope .login-page asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg):nth-of-type(-n + 3) { display: flex; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings) > div:nth-of-type(-n + 4), html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings) > div:nth-of-type(-n + 4) { display: flex; } } @media screen and (min-width: 72rem) { html.ng-scope body.simplified-layout asset-table .table-container, html.ng-scope .login-page asset-table .table-container { --lines-per-item: 5; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table, html.ng-scope .login-page asset-table .table-container #asset-table { grid-template-columns: minmax(16rem, 30rem) repeat(3, minmax(10em, auto)); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg):nth-of-type(-n + 4), html.ng-scope .login-page asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg):nth-of-type(-n + 4) { display: flex; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings) > div:nth-of-type(-n + 5), html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings) > div:nth-of-type(-n + 5) { display: flex; } } @media screen and (min-width: 84rem) { html.ng-scope body.simplified-layout asset-table .table-container, html.ng-scope .login-page asset-table .table-container { --lines-per-item: 5; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table, html.ng-scope .login-page asset-table .table-container #asset-table { grid-template-columns: minmax(16rem, 30rem) repeat(4, minmax(10em, auto)); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg):nth-of-type(-n + 5), html.ng-scope .login-page asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg):nth-of-type(-n + 5) { display: flex; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings) > div:nth-of-type(-n + 6), html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings) > div:nth-of-type(-n + 6) { display: flex; } } @media print { html.ng-scope body.simplified-layout asset-table, html.ng-scope .login-page asset-table { height: 100% !important; position: relative; top: 0; padding: 0; margin: 0; } @page { html.ng-scope body.simplified-layout asset-table, html.ng-scope .login-page asset-table { size: landscape !important; } } html.ng-scope body.simplified-layout asset-table .table-container, html.ng-scope .login-page asset-table .table-container { font-size: 10pt !important; --item-padding-v: 0.25em; --item-padding-h: 2.5em; --lines-per-item: 3; --line-height: 1.1em; border: none; padding: 0 !important; margin: 0 !important; overflow: inherit !important; height: auto !important; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table, html.ng-scope .login-page asset-table .table-container #asset-table { overflow: visible; padding: 0 !important; margin: 0 !important; align-items: stretch !important; height: auto !important; grid-template-columns: minmax(12em, 30rem) repeat(4, minmax(6em, auto)); } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row] .group-heading, html.ng-scope .login-page asset-table .table-container #asset-table [role=row] .group-heading { font-size: 1.33em !important; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table .status-message, html.ng-scope .login-page asset-table .table-container #asset-table .status-message { display: none !important; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table .item, html.ng-scope .login-page asset-table .table-container #asset-table .item { height: auto !important; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table .item .status-message, html.ng-scope .login-page asset-table .table-container #asset-table .item .status-message { display: none !important; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table .item > :not(.row-bg, .group-heading), html.ng-scope .login-page asset-table .table-container #asset-table .item > :not(.row-bg, .group-heading) { height: auto !important; break-after: auto !important; break-inside: avoid-page !important; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table .item > :not(.row-bg, .group-heading) .primary-field .asset-field-content .asset-name, html.ng-scope .login-page asset-table .table-container #asset-table .item > :not(.row-bg, .group-heading) .primary-field .asset-field-content .asset-name { max-height: unset !important; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table .item > :not(.row-bg, .group-heading) .ellipsis, html.ng-scope .login-page asset-table .table-container #asset-table .item > :not(.row-bg, .group-heading) .ellipsis { display: block !important; height: auto !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; overflow: unset !important; text-overflow: unset !important; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table .item.show-group-heading, html.ng-scope .login-page asset-table .table-container #asset-table .item.show-group-heading { break-after: avoid-page !important; break-inside: avoid-page !important; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table .item.show-group-heading .group-heading, html.ng-scope .login-page asset-table .table-container #asset-table .item.show-group-heading .group-heading { margin: 0 !important; padding: 0 !important; align-items: flex-end !important; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table .item.show-group-heading > .field, html.ng-scope body.simplified-layout asset-table .table-container #asset-table .item.show-group-heading > .primary-field-wrapper, html.ng-scope .login-page asset-table .table-container #asset-table .item.show-group-heading > .field, html.ng-scope .login-page asset-table .table-container #asset-table .item.show-group-heading > .primary-field-wrapper { margin: 0 !important; margin-top: var(--group-heading-height) !important; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table .item .row-bg, html.ng-scope .login-page asset-table .table-container #asset-table .item .row-bg { height: auto !important; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table .primary-field .asset-field-content .asset-name.ellipsis, html.ng-scope .login-page asset-table .table-container #asset-table .primary-field .asset-field-content .asset-name.ellipsis { font-size: 1em; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table > div.table-body > div > div.primary-field-wrapper > div > div.image, html.ng-scope body.simplified-layout asset-table .table-container #asset-table .asset-field-content .location, html.ng-scope .login-page asset-table .table-container #asset-table > div.table-body > div > div.primary-field-wrapper > div > div.image, html.ng-scope .login-page asset-table .table-container #asset-table .asset-field-content .location { display: none !important; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings) > div, html.ng-scope body.simplified-layout asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg), html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings) > div, html.ng-scope .login-page asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg) { display: flex !important; } html.ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings) > div a[href]:after, html.ng-scope body.simplified-layout asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg) a[href]:after, html.ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings) > div a[href]:after, html.ng-scope .login-page asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg) a[href]:after { display: none; content: unset; } } html.ng-scope body.simplified-layout .location-path, html.ng-scope .login-page .location-path { --v-spacing: 0.5em; align-self: flex-start; flex-grow: 1; width: 100%; display: flex; flex-direction: row; column-gap: var(--v-spacing); align-items: baseline; justify-content: flex-start; flex-wrap: wrap; } html.ng-scope body.simplified-layout .location-path:before, html.ng-scope .login-page .location-path:before { content: "\f3c5"; color: var(--neutral-graphic-weak); font: var(--fa-font-solid); } html.ng-scope body.simplified-layout .location-path .navigable-path, html.ng-scope .login-page .location-path .navigable-path { white-space: nowrap; display: block; } html.ng-scope body.simplified-layout .location-path .navigable-path a, html.ng-scope .login-page .location-path .navigable-path a { white-space: nowrap; cursor: pointer; color: var(--info-text-weak); } html.ng-scope body.simplified-layout .location-path .navigable-path:not(:last-child):before, html.ng-scope .login-page .location-path .navigable-path:not(:last-child):before { color: var(--neutral-graphic-weak); font: var(--fa-font-solid); content: "\f054"; margin-right: var(--v-spacing); } html.ng-scope body.simplified-layout tally-bars, html.ng-scope .login-page tally-bars { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; width: 100%; border: 1px solid var(--neutral-graphic-weak); gap: 0.5em; padding: 1em 1em; border-radius: 0.25em; user-select: none; background-color: var(--absolute); } html.ng-scope body.simplified-layout tally-bars .tally-bars-title, html.ng-scope .login-page tally-bars .tally-bars-title { color: var(--neutral-text); font-weight: bold; font-size: 1.15rem; margin: 0.2em 0 0.8em; padding: 0 0.25em; } html.ng-scope body.simplified-layout tally-bars [ng-repeat], html.ng-scope .login-page tally-bars [ng-repeat] { display: flex; flex-direction: column; align-items: stretch; justify-content: center; border: 1px solid transparent; border-radius: 0.33em; padding: 0.5em 1em 1em; box-shadow: 0 0.05em 0 rgba(0, 0, 0, 0); transition: all 0.15s ease-out; } html.ng-scope body.simplified-layout tally-bars [ng-repeat].selected, html.ng-scope .login-page tally-bars [ng-repeat].selected { background: linear-gradient(180deg, var(--brand-bg-weak) 10%, var(--brand-bg) 100%); border-color: var(--brand-graphic-weak); } html.ng-scope body.simplified-layout tally-bars [ng-repeat].selected:hover, html.ng-scope .login-page tally-bars [ng-repeat].selected:hover { border-color: var(--brand-graphic-strong); } html.ng-scope body.simplified-layout tally-bars [ng-repeat].selected .tally-bars-data-label, html.ng-scope .login-page tally-bars [ng-repeat].selected .tally-bars-data-label { color: var(--neutral-text); } html.ng-scope body.simplified-layout tally-bars [ng-repeat].selected .tally-bars-data-value, html.ng-scope .login-page tally-bars [ng-repeat].selected .tally-bars-data-value { color: var(--neutral-text-stronger); } html.ng-scope body.simplified-layout tally-bars [ng-repeat]:hover, html.ng-scope body.simplified-layout tally-bars [ng-repeat]:focus-visible, html.ng-scope .login-page tally-bars [ng-repeat]:hover, html.ng-scope .login-page tally-bars [ng-repeat]:focus-visible { transition: all 0.15s ease-out; cursor: pointer; border-color: var(--neutral-bg-strong); box-shadow: 0 0.05em 0.5em rgba(0, 0, 0, 0.1333333333); outline: none !important; } html.ng-scope body.simplified-layout tally-bars [ng-repeat]:focus, html.ng-scope .login-page tally-bars [ng-repeat]:focus { outline: none; } html.ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-text, html.ng-scope .login-page tally-bars [ng-repeat] .tally-bars-data-text { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; align-content: center; } html.ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-text .tally-bars-data-value, html.ng-scope .login-page tally-bars [ng-repeat] .tally-bars-data-text .tally-bars-data-value { color: var(--neutral-text-strong); font-size: 1.5em; font-weight: bold; } html.ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-text .tally-bars-data-value .tally-denominator, html.ng-scope .login-page tally-bars [ng-repeat] .tally-bars-data-text .tally-bars-data-value .tally-denominator { font-size: 0.66em; font-weight: normal; color: var(--neutral-text-weaker); vertical-align: middle; } html.ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-text .tally-bars-data-label, html.ng-scope .login-page tally-bars [ng-repeat] .tally-bars-data-text .tally-bars-data-label { color: var(--neutral-text-weak); text-align: right; } html.ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-text .tally-bars-data-label .tally-bars-supertitle, html.ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-text .tally-bars-data-label .tally-bars-subtitle, html.ng-scope .login-page tally-bars [ng-repeat] .tally-bars-data-text .tally-bars-data-label .tally-bars-supertitle, html.ng-scope .login-page tally-bars [ng-repeat] .tally-bars-data-text .tally-bars-data-label .tally-bars-subtitle { font-size: 0.85em; letter-spacing: 0.115ch; color: var(--neutral-graphic-strong); transform: scaleX(0.8); transform-origin: right; } html.ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-bar, html.ng-scope .login-page tally-bars [ng-repeat] .tally-bars-data-bar { height: 1em; width: 100%; display: flex; gap: 0.33em; align-items: center; } html.ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-bar:after, html.ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-bar .tally-bars-data-bar-value, html.ng-scope .login-page tally-bars [ng-repeat] .tally-bars-data-bar:after, html.ng-scope .login-page tally-bars [ng-repeat] .tally-bars-data-bar .tally-bars-data-bar-value { border-radius: 0.2em; } html.ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-bar .tally-bars-data-bar-value, html.ng-scope .login-page tally-bars [ng-repeat] .tally-bars-data-bar .tally-bars-data-bar-value { background-color: var(--brand-graphic); height: 38%; } html.ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-bar .tally-bars-data-bar-value:not(.raw-total), html.ng-scope .login-page tally-bars [ng-repeat] .tally-bars-data-bar .tally-bars-data-bar-value:not(.raw-total) { box-shadow: inset -0.33em 0 0.66em -0.5em color-mix(in srgb, var(--inverse) 50%, transparent); height: 100%; } html.ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-bar:after, html.ng-scope .login-page tally-bars [ng-repeat] .tally-bars-data-bar:after { content: ""; display: block; background-color: var(--neutral-bg-weak); flex-grow: 1; height: 62%; } html.ng-scope body.simplified-layout tally-cards, html.ng-scope .login-page tally-cards { margin: 1em 0; display: block; width: 100%; } html.ng-scope body.simplified-layout tally-cards .tally-cards-title, html.ng-scope .login-page tally-cards .tally-cards-title { color: var(--neutral-text); display: block; font-weight: bold; font-size: 1.15rem; margin: 0.2em 0 0.25em; } html.ng-scope body.simplified-layout tally-cards .tally-cards-title strong, html.ng-scope .login-page tally-cards .tally-cards-title strong { color: var(--neutral-text-strong); font-weight: 900; letter-spacing: -0.1ch; margin-inline: 0.2ch; } html.ng-scope body.simplified-layout tally-cards .tally-cards-container, html.ng-scope .login-page tally-cards .tally-cards-container { display: flex; flex-direction: row; align-items: stretch; justify-content: center; gap: 0.5em; overflow: visible; flex-wrap: wrap; align-content: stretch; } html.ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card, html.ng-scope .login-page tally-cards .tally-cards-container .tally-card { transition: all 0.15s ease-out; border: 1px solid var(--neutral-graphic-weak); border-radius: 0.25em; box-shadow: 0 0.05em 0.5em rgba(0, 0, 0, 0.1333333333); overflow: hidden; flex-basis: 10em; box-sizing: border-box; flex-shrink: 1; flex-grow: 1; max-width: 14em; display: flex; flex-direction: column; background-color: var(--absolute); align-items: center; height: 8em; min-width: 8em; transform: scale(1); z-index: 0; } html.ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card.selected, html.ng-scope .login-page tally-cards .tally-cards-container .tally-card.selected { background: linear-gradient(0deg, var(--brand-bg-weak) 10%, var(--brand-bg) 100%); } html.ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card.selected .tally-card-data-value, html.ng-scope .login-page tally-cards .tally-cards-container .tally-card.selected .tally-card-data-value { color: var(--brand-text-stronger); } html.ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card.selected .tally-card-data-label, html.ng-scope .login-page tally-cards .tally-cards-container .tally-card.selected .tally-card-data-label { color: var(--neutral-text); } @media screen and (max-width: 451px) { html.ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card, html.ng-scope .login-page tally-cards .tally-cards-container .tally-card { max-width: 451px; flex-basis: 16em; width: 100%; height: fit-content; font-size: 0.9em; } } html.ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card:hover, html.ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card:focus-visible, html.ng-scope .login-page tally-cards .tally-cards-container .tally-card:hover, html.ng-scope .login-page tally-cards .tally-cards-container .tally-card:focus-visible { transition: all 0.15s ease-out; cursor: pointer; border-color: var(--neutral-graphic-strong); box-shadow: 0 0.165rem 0.33rem rgba(0, 0, 0, 0.2666666667); transform: scale(1.05); z-index: 1; } html.ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card:hover, html.ng-scope .login-page tally-cards .tally-cards-container .tally-card:hover { outline: none !important; } html.ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card:focus-visible, html.ng-scope .login-page tally-cards .tally-cards-container .tally-card:focus-visible { outline: var(--focus-outline) !important; } html.ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card:focus, html.ng-scope .login-page tally-cards .tally-cards-container .tally-card:focus { outline: none; } html.ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card .tally-card-data-text, html.ng-scope .login-page tally-cards .tally-cards-container .tally-card .tally-card-data-text { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 100%; text-align: center; flex-grow: 1; padding: 0.5em 1em 0.75em; gap: 0.33em; } html.ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card .tally-card-data-text .tally-card-data-value, html.ng-scope .login-page tally-cards .tally-cards-container .tally-card .tally-card-data-text .tally-card-data-value { color: var(--neutral-text-strong); font-size: 1.5em; font-weight: bold; } html.ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card .tally-card-data-text .tally-card-data-value .tally-denominator, html.ng-scope .login-page tally-cards .tally-cards-container .tally-card .tally-card-data-text .tally-card-data-value .tally-denominator { font-size: 0.66em; color: var(--neutral-text-weaker); font-weight: normal; vertical-align: middle; letter-spacing: 0; font-style: italic; } html.ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card .tally-card-data-text .tally-card-data-label, html.ng-scope .login-page tally-cards .tally-cards-container .tally-card .tally-card-data-text .tally-card-data-label { color: var(--neutral-text-weak); flex-grow: 1; display: flex; align-items: center; } html.ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card .tally-card-status-bar, html.ng-scope .login-page tally-cards .tally-cards-container .tally-card .tally-card-status-bar { height: 0.66em; width: 100%; background-color: var(--neutral-graphic-weak); } html.ng-scope body.simplified-layout service-ticket, html.ng-scope .login-page service-ticket { margin: 0.5em 0; display: block; max-width: 60em; } html.ng-scope body.simplified-layout service-ticket .service-ticket, html.ng-scope .login-page service-ticket .service-ticket { border: 1px solid var(--neutral-graphic-weak); border-left-width: 0.5em; display: flex; border-radius: 0.2em; background-color: var(--absolute); transition: all 0.15s ease-in; cursor: pointer; box-shadow: 0 0 0 rgba(0, 0, 0, 0); } html.ng-scope body.simplified-layout service-ticket .service-ticket:hover, html.ng-scope body.simplified-layout service-ticket .service-ticket:focus-visible, html.ng-scope .login-page service-ticket .service-ticket:hover, html.ng-scope .login-page service-ticket .service-ticket:focus-visible { box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.2); transition: all 0.15s ease-in; } html.ng-scope body.simplified-layout service-ticket .service-ticket:focus, html.ng-scope .login-page service-ticket .service-ticket:focus { outline: none !important; } html.ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-status-bar, html.ng-scope .login-page service-ticket .service-ticket .service-ticket-status-bar { content: ""; width: 1em; background-color: var(--neutral-graphic-weak); background-color: attr(status-color); } html.ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text, html.ng-scope .login-page service-ticket .service-ticket .service-ticket-text { width: 100%; padding: 1em 1.5em; } html.ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text .service-ticket-image-header, html.ng-scope .login-page service-ticket .service-ticket .service-ticket-text .service-ticket-image-header { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; column-gap: 0.5em; } html.ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text .service-ticket-image-header img.service-ticket-thumbnail, html.ng-scope .login-page service-ticket .service-ticket .service-ticket-text .service-ticket-image-header img.service-ticket-thumbnail { width: 5em; height: 6em; left: -0.5em; top: 0em; margin-bottom: 1em; object-fit: cover; position: relative; border-radius: 0.2em; z-index: 0; } html.ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text .service-ticket-image-header .service-ticket-primary-info, html.ng-scope .login-page service-ticket .service-ticket .service-ticket-text .service-ticket-image-header .service-ticket-primary-info { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap-reverse; flex-grow: 1; align-items: flex-end; flex-basis: 12em; } html.ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text .service-ticket-image-header .service-ticket-primary-info .service-ticket-name-number, html.ng-scope .login-page service-ticket .service-ticket .service-ticket-text .service-ticket-image-header .service-ticket-primary-info .service-ticket-name-number { display: flex; flex-direction: column; margin-bottom: 1em; padding-top: 0.33em; align-self: center; flex-basis: 12em; flex-grow: 2; } html.ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text .service-ticket-image-header .service-ticket-primary-info .service-ticket-name-number .service-ticket-name, html.ng-scope .login-page service-ticket .service-ticket .service-ticket-text .service-ticket-image-header .service-ticket-primary-info .service-ticket-name-number .service-ticket-name { font-size: 1.15em; color: var(--neutral-text-strong); font-weight: bold; } html.ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text .service-ticket-image-header .service-ticket-primary-info .service-ticket-name-number .service-ticket-number, html.ng-scope .login-page service-ticket .service-ticket .service-ticket-text .service-ticket-image-header .service-ticket-primary-info .service-ticket-name-number .service-ticket-number { font-size: 0.9em; color: var(--neutral-text-weaker); font-weight: normal; } html.ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text .service-ticket-image-header .service-ticket-status, html.ng-scope .login-page service-ticket .service-ticket .service-ticket-text .service-ticket-image-header .service-ticket-status { border-inline-end: 0.25em solid var(--neutral-graphic-weak); padding: 0 0.5em; flex-grow: 1; text-align: end; } html.ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text dl.service-ticket-details, html.ng-scope .login-page service-ticket .service-ticket .service-ticket-text dl.service-ticket-details { color: var(--neutral-text-weaker); padding-left: 1em; gap: 0.5em 0; display: flex; flex-direction: column; } html.ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text dl.service-ticket-details dt, html.ng-scope .login-page service-ticket .service-ticket .service-ticket-text dl.service-ticket-details dt { font-size: 0.9em; margin-bottom: -0.15em; } html.ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text dl.service-ticket-details .service-ticket-details-impact, html.ng-scope .login-page service-ticket .service-ticket .service-ticket-text dl.service-ticket-details .service-ticket-details-impact { display: flex; flex-wrap: wrap; align-items: baseline; flex-direction: row; align-content: center; justify-content: flex-start; border-left: 0.25em solid var(--neutral-graphic-weak); padding: 0 0.5em; margin-bottom: 1em; gap: 0 0.5em; } html.ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text dl.service-ticket-details .service-ticket-details-impact dd i, html.ng-scope .login-page service-ticket .service-ticket .service-ticket-text dl.service-ticket-details .service-ticket-details-impact dd i { margin: 0 1em; color: var(--neutral-graphic-weak); } html.ng-scope body.simplified-layout search-bar, html.ng-scope .login-page search-bar { --border-color: var(--neutral-graphic); --border: 1px solid var(--border-color); max-width: 35em; display: block; } html.ng-scope body.simplified-layout search-bar .input-group[role=search], html.ng-scope .login-page search-bar .input-group[role=search] { margin: 0; flex-grow: 1; display: flex; align-items: stretch; flex-direction: row; flex-wrap: nowrap; gap: 0; } html.ng-scope body.simplified-layout search-bar .input-group[role=search]:focus-within, html.ng-scope .login-page search-bar .input-group[role=search]:focus-within { --border: 1px solid var(--brand-graphic) !important; filter: drop-shadow(0 0 0.3em var(--brand-bg-weak)); } html.ng-scope body.simplified-layout search-bar .input-group[role=search]:focus-within .input-group-addon, html.ng-scope .login-page search-bar .input-group[role=search]:focus-within .input-group-addon { background-color: var(--brand-bg-weak); color: var(--brand-text-strong); } html.ng-scope body.simplified-layout search-bar .input-group[role=search] input[type=search], html.ng-scope body.simplified-layout search-bar .input-group[role=search] .input-group-addon, html.ng-scope .login-page search-bar .input-group[role=search] input[type=search], html.ng-scope .login-page search-bar .input-group[role=search] .input-group-addon { border: var(--border) !important; line-height: 1rem; font-size: 0.9rem; padding-top: 0; padding-bottom: 0; background-color: var(--absolute); display: flex; align-items: center; } html.ng-scope body.simplified-layout search-bar .input-group[role=search] .input-group-addon, html.ng-scope .login-page search-bar .input-group[role=search] .input-group-addon { width: auto; margin: 0; border-color: var(--neutral-graphic-strong) !important; border-inline-end: none !important; } html.ng-scope body.simplified-layout search-bar .input-group[role=search] input[type=search], html.ng-scope .login-page search-bar .input-group[role=search] input[type=search] { height: 2em; border-left: none; color: var(--neutral-text-strong); } html.ng-scope body.simplified-layout search-bar .input-group[role=search] input[type=search]::placeholder, html.ng-scope .login-page search-bar .input-group[role=search] input[type=search]::placeholder { color: var(--neutral-text-weaker); font-style: italic; } html.ng-scope body.simplified-layout search-bar .input-group[role=search] input[type=search]:focus-visible, html.ng-scope .login-page search-bar .input-group[role=search] input[type=search]:focus-visible { outline: none !important; } html.ng-scope body.simplified-layout search-bar .input-group[role=search] input[type=search]:focus-visible::placeholder, html.ng-scope .login-page search-bar .input-group[role=search] input[type=search]:focus-visible::placeholder { color: transparent; } @keyframes bubble-count-enter { 0% { transform: scale(1); } 15% { transform: scale(1.02); } 30% { transform: scale(0.95); } 45% { transform: scale(1.07); } 75% { transform: scale(0.98); } 100% { transform: scale(1); } } html.ng-scope body.simplified-layout ticket-list headed-container .tickets-count, html.ng-scope .login-page ticket-list headed-container .tickets-count { margin-inline-end: 0.5em; color: var(--neutral-text-weaker); font-size: 0.95em; padding-block: 0.1em; } html.ng-scope body.simplified-layout ticket-list headed-container .tickets-count.bubble-count, html.ng-scope .login-page ticket-list headed-container .tickets-count.bubble-count { padding-inline: 0.66em; display: inline-block; border-radius: 10000px; background-color: var(--info-graphic-strong); color: var(--absolute); border-color: transparent; animation: bubble-count-enter 1s ease-in-out 0.5s; position: relative; } html.ng-scope body.simplified-layout ticket-list headed-container .tickets-count.bubble-count.bubble-count-danger, html.ng-scope .login-page ticket-list headed-container .tickets-count.bubble-count.bubble-count-danger { background-color: var(--danger-graphic-strong); text-shadow: 0 0 0.1em var(--danger-text); } html.ng-scope body.simplified-layout ticket-list headed-container .tickets-count.bubble-count.bubble-count-warning, html.ng-scope .login-page ticket-list headed-container .tickets-count.bubble-count.bubble-count-warning { background-color: var(--warn-graphic-weak); text-shadow: 0 0 0.1em var(--warn-text); } html.ng-scope body.simplified-layout ticket-list headed-container .tickets-count.bubble-count.bubble-count-success, html.ng-scope .login-page ticket-list headed-container .tickets-count.bubble-count.bubble-count-success { background-color: var(--success-graphic); text-shadow: 0 0 0.1em var(--success-text); } html.ng-scope body.simplified-layout ticket-list headed-container .tickets-count.bubble-count.bubble-count-info, html.ng-scope .login-page ticket-list headed-container .tickets-count.bubble-count.bubble-count-info { background-color: var(--info-graphic); text-shadow: 0 0 0.1em var(--info-text); } html.ng-scope body.simplified-layout ticket-list headed-container .tickets-count.bubble-count.bubble-count-default, html.ng-scope .login-page ticket-list headed-container .tickets-count.bubble-count.bubble-count-default { background-color: var(--neutral-graphic); text-shadow: 0 0 0.1em var(--neutral-text); } html.ng-scope body.simplified-layout ticket-list headed-container .ticket-list-message, html.ng-scope .login-page ticket-list headed-container .ticket-list-message { color: var(--neutral-text-weaker); display: block; text-align: center; padding: 0.75em; width: 100%; } html.ng-scope body.simplified-layout ticket-list headed-container .view-more-tickets-button, html.ng-scope .login-page ticket-list headed-container .view-more-tickets-button { width: fit-content; display: block; padding: 0 0.5em 0.5em; margin-inline-start: auto; margin-inline-end: 0; position: sticky; bottom: -0.5em; z-index: 1; } html.ng-scope body.simplified-layout ticket-list headed-container .view-more-tickets-button button, html.ng-scope .login-page ticket-list headed-container .view-more-tickets-button button { margin: 0; } @keyframes ticket-enter { 0% { position: relative; opacity: 0; left: 6em; transform: scale(0.95); pointer-events: none; cursor: default; } 66% { opacity: 1; transform: scale(1.033); } 99% { cursor: default; pointer-events: none; } 100% { position: relative; left: 0; opacity: 1; transform: scale(1); pointer-events: auto; cursor: pointer; } } @keyframes wobble { 0% { transform: rotate(0.15deg); } 100% { transform: rotate(-0.15deg); } } html.ng-scope body.simplified-layout ticket-list headed-container service-ticket, html.ng-scope .login-page ticket-list headed-container service-ticket { margin-inline: -0.66em; margin-block: 0; margin-block-end: 0.5em; display: block; max-width: 60em; user-select: auto; max-width: unset; opacity: 0; animation: ticket-enter 0.25s ease-in forwards; transition: all 0.2s ease-in-out; } html.ng-scope body.simplified-layout ticket-list headed-container service-ticket:nth-of-type(4n + 1), html.ng-scope body.simplified-layout ticket-list headed-container service-ticket:nth-of-type(4n + 3), html.ng-scope .login-page ticket-list headed-container service-ticket:nth-of-type(4n + 1), html.ng-scope .login-page ticket-list headed-container service-ticket:nth-of-type(4n + 3) { animation-delay: 0.033s; } html.ng-scope body.simplified-layout ticket-list headed-container service-ticket:nth-of-type(4n + 2), html.ng-scope .login-page ticket-list headed-container service-ticket:nth-of-type(4n + 2) { animation-delay: 0.066s; } html.ng-scope body.simplified-layout ticket-list headed-container[is-loading=true] service-ticket, html.ng-scope .login-page ticket-list headed-container[is-loading=true] service-ticket { opacity: 0.5; animation: wobble 0.5s ease-in-out alternate infinite; scale: 0.95; pointer-events: none; } html.ng-scope body.simplified-layout ticket-list headed-container[is-loading=true] service-ticket:nth-of-type(4n + 1), html.ng-scope .login-page ticket-list headed-container[is-loading=true] service-ticket:nth-of-type(4n + 1) { animation-delay: 0.25s; } html.ng-scope body.simplified-layout ticket-list headed-container[is-loading=true] service-ticket:nth-of-type(4n + 2), html.ng-scope .login-page ticket-list headed-container[is-loading=true] service-ticket:nth-of-type(4n + 2) { animation-delay: 0.5s; } html.ng-scope body.simplified-layout ticket-list headed-container[is-loading=true] service-ticket:nth-of-type(4n + 3), html.ng-scope .login-page ticket-list headed-container[is-loading=true] service-ticket:nth-of-type(4n + 3) { animation-delay: 0.75s; } html.ng-scope body.simplified-layout inv-button .btn, html.ng-scope .login-page inv-button .btn { outline-offset: 2px; width: 100%; margin: 0 !important; } html.ng-scope body.simplified-layout inv-button .btn:not(.btn-primary), html.ng-scope .login-page inv-button .btn:not(.btn-primary) { color: var(--neutral-text) !important; background-color: inherit !important; border-color: var(--neutral-graphic) !important; } html.ng-scope body.simplified-layout inv-button .btn:not(.btn-primary):hover, html.ng-scope body.simplified-layout inv-button .btn:not(.btn-primary):focus-visible, html.ng-scope .login-page inv-button .btn:not(.btn-primary):hover, html.ng-scope .login-page inv-button .btn:not(.btn-primary):focus-visible { background-color: var(--neutral-bg, #2a6eb2) !important; color: var(--absolute, #ffffff) !important; background-blend-mode: multiply; color: var(--neutral-text-stronger) !important; } html.ng-scope body.simplified-layout inv-button .btn.btn-primary, html.ng-scope .login-page inv-button .btn.btn-primary { color: var(--absolute, #ffffff) !important; border-color: var(--absolute, #ffffff) !important; background: var(--neutral-graphic-strong, #348fe2); text-shadow: 0 0 0.2em var(--neutral-text-weaker); } html.ng-scope body.simplified-layout inv-button .btn.btn-primary:hover, html.ng-scope body.simplified-layout inv-button .btn.btn-primary:focus-visible, html.ng-scope .login-page inv-button .btn.btn-primary:hover, html.ng-scope .login-page inv-button .btn.btn-primary:focus-visible { background-color: var(--neutral-text-weak, #2a6eb2) !important; color: var(--absolute, #ffffff) !important; } html.ng-scope body.simplified-layout inv-button[neutral] .btn:not(.btn-primary), html.ng-scope .login-page inv-button[neutral] .btn:not(.btn-primary) { color: var(--neutral-text) !important; background-color: inherit !important; border-color: var(--neutral-graphic) !important; } html.ng-scope body.simplified-layout inv-button[neutral] .btn:not(.btn-primary):hover, html.ng-scope body.simplified-layout inv-button[neutral] .btn:not(.btn-primary):focus-visible, html.ng-scope .login-page inv-button[neutral] .btn:not(.btn-primary):hover, html.ng-scope .login-page inv-button[neutral] .btn:not(.btn-primary):focus-visible { background-color: var(--neutral-bg-weak, #2a6eb2) !important; color: var(--absolute, #ffffff) !important; color: var(--neutral-text-stronger) !important; outline-color: var(--neutral-graphic) !important; } html.ng-scope body.simplified-layout inv-button[neutral] .btn.btn-primary, html.ng-scope .login-page inv-button[neutral] .btn.btn-primary { color: var(--absolute, #ffffff) !important; border-color: var(--absolute, #ffffff) !important; background: var(--neutral-graphic-strong, #348fe2); text-shadow: 0 0 0.2em var(--neutral-text-weaker); } html.ng-scope body.simplified-layout inv-button[neutral] .btn.btn-primary:hover, html.ng-scope body.simplified-layout inv-button[neutral] .btn.btn-primary:focus-visible, html.ng-scope .login-page inv-button[neutral] .btn.btn-primary:hover, html.ng-scope .login-page inv-button[neutral] .btn.btn-primary:focus-visible { background-color: var(--neutral-text-weak, #2a6eb2) !important; color: var(--absolute, #ffffff) !important; } html.ng-scope body.simplified-layout inv-button[brand] .btn:not(.btn-primary), html.ng-scope .login-page inv-button[brand] .btn:not(.btn-primary) { color: var(--brand-text) !important; background-color: inherit !important; border-color: var(--brand-graphic) !important; } html.ng-scope body.simplified-layout inv-button[brand] .btn:not(.btn-primary):hover, html.ng-scope body.simplified-layout inv-button[brand] .btn:not(.btn-primary):focus-visible, html.ng-scope .login-page inv-button[brand] .btn:not(.btn-primary):hover, html.ng-scope .login-page inv-button[brand] .btn:not(.btn-primary):focus-visible { background-color: var(--brand-bg-weak, #2a6eb2) !important; color: var(--absolute, #ffffff) !important; color: var(--brand-text-stronger) !important; outline-color: var(--brand-graphic) !important; } html.ng-scope body.simplified-layout inv-button[brand] .btn.btn-primary, html.ng-scope .login-page inv-button[brand] .btn.btn-primary { color: var(--absolute, #ffffff) !important; border-color: var(--absolute, #ffffff) !important; background: var(--brand-graphic-strong, #348fe2); text-shadow: 0 0 0.2em var(--brand-text-weaker); } html.ng-scope body.simplified-layout inv-button[brand] .btn.btn-primary:hover, html.ng-scope body.simplified-layout inv-button[brand] .btn.btn-primary:focus-visible, html.ng-scope .login-page inv-button[brand] .btn.btn-primary:hover, html.ng-scope .login-page inv-button[brand] .btn.btn-primary:focus-visible { background-color: var(--brand-text-weak, #2a6eb2) !important; color: var(--absolute, #ffffff) !important; } html.ng-scope body.simplified-layout inv-button[info] .btn:not(.btn-primary), html.ng-scope .login-page inv-button[info] .btn:not(.btn-primary) { color: var(--info-text) !important; background-color: inherit !important; border-color: var(--info-graphic) !important; } html.ng-scope body.simplified-layout inv-button[info] .btn:not(.btn-primary):hover, html.ng-scope body.simplified-layout inv-button[info] .btn:not(.btn-primary):focus-visible, html.ng-scope .login-page inv-button[info] .btn:not(.btn-primary):hover, html.ng-scope .login-page inv-button[info] .btn:not(.btn-primary):focus-visible { background-color: var(--info-bg-weak, #2a6eb2) !important; color: var(--absolute, #ffffff) !important; color: var(--info-text-stronger) !important; outline-color: var(--info-graphic) !important; } html.ng-scope body.simplified-layout inv-button[info] .btn.btn-primary, html.ng-scope .login-page inv-button[info] .btn.btn-primary { color: var(--absolute, #ffffff) !important; border-color: var(--absolute, #ffffff) !important; background: var(--info-graphic-strong, #348fe2); text-shadow: 0 0 0.2em var(--info-text-weaker); } html.ng-scope body.simplified-layout inv-button[info] .btn.btn-primary:hover, html.ng-scope body.simplified-layout inv-button[info] .btn.btn-primary:focus-visible, html.ng-scope .login-page inv-button[info] .btn.btn-primary:hover, html.ng-scope .login-page inv-button[info] .btn.btn-primary:focus-visible { background-color: var(--info-text-weak, #2a6eb2) !important; color: var(--absolute, #ffffff) !important; } html.ng-scope body.simplified-layout inv-button[success] .btn:not(.btn-primary), html.ng-scope .login-page inv-button[success] .btn:not(.btn-primary) { color: var(--success-text) !important; background-color: inherit !important; border-color: var(--success-graphic) !important; } html.ng-scope body.simplified-layout inv-button[success] .btn:not(.btn-primary):hover, html.ng-scope body.simplified-layout inv-button[success] .btn:not(.btn-primary):focus-visible, html.ng-scope .login-page inv-button[success] .btn:not(.btn-primary):hover, html.ng-scope .login-page inv-button[success] .btn:not(.btn-primary):focus-visible { background-color: var(--success-bg-weak, #2a6eb2) !important; color: var(--absolute, #ffffff) !important; color: var(--success-text-stronger) !important; outline-color: var(--success-graphic) !important; } html.ng-scope body.simplified-layout inv-button[success] .btn.btn-primary, html.ng-scope .login-page inv-button[success] .btn.btn-primary { color: var(--absolute, #ffffff) !important; border-color: var(--absolute, #ffffff) !important; background: var(--success-graphic-strong, #348fe2); text-shadow: 0 0 0.2em var(--success-text-weaker); } html.ng-scope body.simplified-layout inv-button[success] .btn.btn-primary:hover, html.ng-scope body.simplified-layout inv-button[success] .btn.btn-primary:focus-visible, html.ng-scope .login-page inv-button[success] .btn.btn-primary:hover, html.ng-scope .login-page inv-button[success] .btn.btn-primary:focus-visible { background-color: var(--success-text-weak, #2a6eb2) !important; color: var(--absolute, #ffffff) !important; } html.ng-scope body.simplified-layout inv-button[warn] .btn:not(.btn-primary), html.ng-scope .login-page inv-button[warn] .btn:not(.btn-primary) { color: var(--warn-text) !important; background-color: inherit !important; border-color: var(--warn-graphic) !important; } html.ng-scope body.simplified-layout inv-button[warn] .btn:not(.btn-primary):hover, html.ng-scope body.simplified-layout inv-button[warn] .btn:not(.btn-primary):focus-visible, html.ng-scope .login-page inv-button[warn] .btn:not(.btn-primary):hover, html.ng-scope .login-page inv-button[warn] .btn:not(.btn-primary):focus-visible { background-color: var(--warn-bg-weak, #2a6eb2) !important; color: var(--absolute, #ffffff) !important; color: var(--warn-text-stronger) !important; outline-color: var(--warn-graphic) !important; } html.ng-scope body.simplified-layout inv-button[warn] .btn.btn-primary, html.ng-scope .login-page inv-button[warn] .btn.btn-primary { color: var(--absolute, #ffffff) !important; border-color: var(--absolute, #ffffff) !important; background: var(--warn-graphic-strong, #348fe2); text-shadow: 0 0 0.2em var(--warn-text-weaker); } html.ng-scope body.simplified-layout inv-button[warn] .btn.btn-primary:hover, html.ng-scope body.simplified-layout inv-button[warn] .btn.btn-primary:focus-visible, html.ng-scope .login-page inv-button[warn] .btn.btn-primary:hover, html.ng-scope .login-page inv-button[warn] .btn.btn-primary:focus-visible { background-color: var(--warn-text-weak, #2a6eb2) !important; color: var(--absolute, #ffffff) !important; } html.ng-scope body.simplified-layout inv-button[danger] .btn:not(.btn-primary), html.ng-scope .login-page inv-button[danger] .btn:not(.btn-primary) { color: var(--danger-text) !important; background-color: inherit !important; border-color: var(--danger-graphic) !important; } html.ng-scope body.simplified-layout inv-button[danger] .btn:not(.btn-primary):hover, html.ng-scope body.simplified-layout inv-button[danger] .btn:not(.btn-primary):focus-visible, html.ng-scope .login-page inv-button[danger] .btn:not(.btn-primary):hover, html.ng-scope .login-page inv-button[danger] .btn:not(.btn-primary):focus-visible { background-color: var(--danger-bg-weak, #2a6eb2) !important; color: var(--absolute, #ffffff) !important; color: var(--danger-text-stronger) !important; outline-color: var(--danger-graphic) !important; } html.ng-scope body.simplified-layout inv-button[danger] .btn.btn-primary, html.ng-scope .login-page inv-button[danger] .btn.btn-primary { color: var(--absolute, #ffffff) !important; border-color: var(--absolute, #ffffff) !important; background: var(--danger-graphic-strong, #348fe2); text-shadow: 0 0 0.2em var(--danger-text-weaker); } html.ng-scope body.simplified-layout inv-button[danger] .btn.btn-primary:hover, html.ng-scope body.simplified-layout inv-button[danger] .btn.btn-primary:focus-visible, html.ng-scope .login-page inv-button[danger] .btn.btn-primary:hover, html.ng-scope .login-page inv-button[danger] .btn.btn-primary:focus-visible { background-color: var(--danger-text-weak, #2a6eb2) !important; color: var(--absolute, #ffffff) !important; } html.ng-scope body.simplified-layout headed-container, html.ng-scope .login-page headed-container { interpolate-size: allow-keywords; } html.ng-scope body.simplified-layout headed-container .headed-container-wrapper, html.ng-scope .login-page headed-container .headed-container-wrapper { background-color: var(--neutral-bg-weak); padding: 0; margin-inline: 0; flex-direction: column; align-items: stretch; border-radius: 0.2em; border: 1px solid var(--neutral-graphic-weak); margin-block-end: 0.5em; } html.ng-scope body.simplified-layout headed-container .headed-container-wrapper .headed-container-heading, html.ng-scope .login-page headed-container .headed-container-wrapper .headed-container-heading { font-weight: bold; font-size: 1.15rem; color: var(--neutral-text); background-color: var(--absolute); border: 1px solid var(--neutral-graphic-weak); border-radius: 0.2em; padding: 0.75em 1em; margin-bottom: 0.25em; margin-top: 0; border-block-start: none; position: sticky; z-index: 2; top: 0; margin-inline: -1px; box-shadow: 0 0.15em 0.15em -0.05em rgba(0, 0, 0, 0.1333333333); } html.ng-scope body.simplified-layout headed-container details.headed-container-wrapper [ng-transclude=content], html.ng-scope .login-page headed-container details.headed-container-wrapper [ng-transclude=content] { opacity: 0; transition: scale 0.2s ease-in, translate 0.2s ease-in-out 0.05s, opacity 0.25s ease-out; scale: 0.9; translate: 0 -4rem; transform-origin: top; transition-behavior: allow-discrete; } html.ng-scope body.simplified-layout headed-container details.headed-container-wrapper::details-content, html.ng-scope .login-page headed-container details.headed-container-wrapper::details-content { block-size: 0; transition: block-size 0.3s ease-in-out, content-visibility 0.3s; transition-behavior: allow-discrete; } html.ng-scope body.simplified-layout headed-container details.headed-container-wrapper::details-content *, html.ng-scope .login-page headed-container details.headed-container-wrapper::details-content * { position: relative; top: 0; } html.ng-scope body.simplified-layout headed-container details.headed-container-wrapper[open]::details-content, html.ng-scope .login-page headed-container details.headed-container-wrapper[open]::details-content { block-size: auto; } html.ng-scope body.simplified-layout headed-container details.headed-container-wrapper summary:hover, html.ng-scope .login-page headed-container details.headed-container-wrapper summary:hover { cursor: pointer; } html.ng-scope body.simplified-layout headed-container details.headed-container-wrapper summary:after, html.ng-scope .login-page headed-container details.headed-container-wrapper summary:after { content: "\f078"; font-family: "Font Awesome 5 Pro"; margin-inline-start: auto; position: absolute; inset-inline-end: 1em; color: var(--neutral-text-weak); } html.ng-scope body.simplified-layout headed-container details.headed-container-wrapper[open] [ng-transclude=content], html.ng-scope .login-page headed-container details.headed-container-wrapper[open] [ng-transclude=content] { scale: 1; opacity: 1; translate: 0 0; transition: scale 0.2s ease-out 0.05s, translate 0.2s ease-in-out, opacity 0.25s ease-in; } html.ng-scope body.simplified-layout headed-container details.headed-container-wrapper[open] [ng-transclude=content] summary:after, html.ng-scope .login-page headed-container details.headed-container-wrapper[open] [ng-transclude=content] summary:after { content: "\f077"; } html.ng-scope body.simplified-layout .compliance-document, html.ng-scope .login-page .compliance-document { --page-stagger: 0.5em; --page-stagger-half: calc(var(--page-stagger) / 2); --page-stagger-negative: calc(var(--page-stagger) * -1); --page-stagger-half-negative: calc(var(--page-stagger-half) * -1); position: relative; padding: var(--page-stagger); height: 100%; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-back-page, html.ng-scope .login-page .compliance-document .compliance-document-back-page { content: ""; position: absolute; inset: var(--page-stagger); transform: translateX(var(--page-stagger-half)) translateY(var(--page-stagger-half)); z-index: 0; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page, html.ng-scope body.simplified-layout .compliance-document .compliance-document-back-page, html.ng-scope .login-page .compliance-document .compliance-document-front-page, html.ng-scope .login-page .compliance-document .compliance-document-back-page { background-color: var(--absolute); border: 1px solid var(--neutral-graphic-weak); box-shadow: 0.1em 0.2em 0.33em rgba(0, 0, 0, 0.15); } html.ng-scope body.simplified-layout .compliance-document .compliance-document-label-small, html.ng-scope .login-page .compliance-document .compliance-document-label-small { color: var(--neutral-text-weak); font-weight: bold; font-size: 0.9em; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-label-small .fa:first-child, html.ng-scope .login-page .compliance-document .compliance-document-label-small .fa:first-child { margin-inline-end: 0.66ch; margin-inline-start: 0; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page, html.ng-scope .login-page .compliance-document .compliance-document-front-page { transform: translateX(var(--page-stagger-half-negative)) translateY(var(--page-stagger-half-negative)); padding: 0.66em 1em; margin: 0; z-index: 1; position: relative; display: grid; grid-template-rows: 1fr auto 1fr; align-items: stretch; grid-gap: 0.66em; height: 100%; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-identifyables, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-identifyables { display: flex; flex-direction: column; align-items: stretch; margin-block-end: 0.5rem; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-identifyables .compliance_document-reference-number, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-identifyables .compliance_document-reference-number { color: var(--neutral-text-weaker); text-align: end; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-identifyables .compliance_document-main-label, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-identifyables .compliance_document-main-label { color: var(--neutral-text); font-size: 1.33em; font-weight: bold; flex-grow: 1; padding-block: 0.5em; display: flex; align-items: center; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-identifyables .compliance_document-secondary-label, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-identifyables .compliance_document-secondary-label { color: var(--neutral-text-weaker); transform: translateY(0.25em); text-align: end; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-status, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-status { display: flex; flex-direction: column; align-items: center; background-color: var(--neutral-bg-weak); justify-content: center; color: var(--neutral-text-weaker); font-weight: bold; padding: 0.33em 1em; line-height: 1.05em; min-height: 2.8em; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-status .compliance-document-sub-status, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-status .compliance-document-sub-status { font-weight: normal; font-size: 0.933em; opacity: 0.8; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-status .compliance-document-raise-query, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-status .compliance-document-raise-query { interpolate-size: allow-keywords; height: 0; overflow: visible; position: absolute; top: 0.25rem; left: 0.25rem; visibility: hidden; translate: 0 -0.4rem; opacity: 0; transition: all 0.115s linear; transition-behavior: allow-discrete; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-status .compliance-document-raise-query .compliance-document-raise-query-button .btn i, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-status .compliance-document-raise-query .compliance-document-raise-query-button .btn i { margin-inline-end: 0.5em; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-supplementary { display: flex; flex-direction: row; justify-content: space-between; margin-inline-end: calc((1em + var(--page-stagger)) * -1); align-items: center; padding-block: 1em; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary dl.compliance-document-supplementary-info, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-supplementary dl.compliance-document-supplementary-info { margin: 0; padding-inline-start: 1em; max-width: calc(100% - (1em + var(--page-stagger))); } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary dl.compliance-document-supplementary-info dt .compliance-document-due-badge, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-supplementary dl.compliance-document-supplementary-info dt .compliance-document-due-badge { padding-inline: 0.4em; border-radius: 10000px; margin-inline-start: -0.25em; padding-block: 0.15em; position: relative; bottom: 0.025em; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary dl.compliance-document-supplementary-info dd, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-supplementary dl.compliance-document-supplementary-info dd { color: var(--neutral-text-weaker); margin-block-start: 0; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary dl.compliance-document-supplementary-info dd + dt, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-supplementary dl.compliance-document-supplementary-info dd + dt { margin-block-start: 0.66em; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary dl.compliance-document-supplementary-info dt + dd, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-supplementary dl.compliance-document-supplementary-info dt + dd { margin-block-start: -0.2em; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary .compliance-document-attachment-count, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-supplementary .compliance-document-attachment-count { display: flex; flex-direction: column; background-color: var(--info-graphic-strong); color: var(--absolute); border-radius: 0.2rem; overflow: hidden; transition: all 0.133s ease-in-out; outline-offset: 2px; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary .compliance-document-attachment-count:hover, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-supplementary .compliance-document-attachment-count:hover { background-color: var(--info-graphic-weak); cursor: pointer; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary .compliance-document-attachment-count:hover .compliance-document-attachment-count-value, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-supplementary .compliance-document-attachment-count:hover .compliance-document-attachment-count-value { text-shadow: 0 0 1.2em var(--info-text-stronger); } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary .compliance-document-attachment-count .compliance-document-attachment-count-label, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-supplementary .compliance-document-attachment-count .compliance-document-attachment-count-label { color: var(--info-text); background-color: var(--info-bg); text-align: center; padding-block: 0.1em; padding-inline: 0.66rem; pointer-events: none; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary .compliance-document-attachment-count .compliance-document-attachment-count-value, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-supplementary .compliance-document-attachment-count .compliance-document-attachment-count-value { color: inherit; font-size: 1.5em; text-align: center; font-weight: bold; padding-block: 0.33em; padding-inline: 0.66rem; pointer-events: none; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary .compliance-document-attachment-count .compliance-document-attachment-count-value i, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-supplementary .compliance-document-attachment-count .compliance-document-attachment-count-value i { font-size: 0.75em; color: var(--info-bg-weak); font-weight: normal; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-additional-info, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-additional-info { margin-block: -0.66rem; margin-inline: -1rem; background: linear-gradient(50deg, transparent -50%, var(--info-bg-weak) 150%); padding: 1.5rem; border-top: 1px dashed var(--info-bg); color: var(--neutral-text-weaker); } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-additional-info .compliance-document-inspection-status, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-additional-info .compliance-document-inspection-status { display: flex; gap: 1rem; line-height: 1.1em; } html.ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-additional-info .compliance-document-inspection-status .compliance-document-inspection-status-item, html.ng-scope .login-page .compliance-document .compliance-document-front-page .compliance-document-additional-info .compliance-document-inspection-status .compliance-document-inspection-status-item { flex-grow: 1; flex-basis: 10em; } html.ng-scope body.simplified-layout compliance-document:not(:focus-within), html.ng-scope .login-page compliance-document:not(:focus-within) { cursor: help; } html.ng-scope body.simplified-layout compliance-document:focus-within, html.ng-scope .login-page compliance-document:focus-within { outline: var(--focus-outline); outline-color: var(--neutral-bg-weak); border-radius: 0.2rem; } html.ng-scope body.simplified-layout compliance-document:focus-within .compliance-document-front-page .compliance-document-status .compliance-document-raise-query, html.ng-scope .login-page compliance-document:focus-within .compliance-document-front-page .compliance-document-status .compliance-document-raise-query { visibility: visible; opacity: 1; translate: 0 0; } html.ng-scope body.simplified-layout compliance-document:focus, html.ng-scope .login-page compliance-document:focus { outline-color: var(--brand-graphic-weak); } html.ng-scope body.simplified-layout overview-layout, html.ng-scope .login-page overview-layout { padding-inline: 0 !important; padding-block-start: 0 !important; } html.ng-scope body.simplified-layout overview-layout #overview-layout, html.ng-scope .login-page overview-layout #overview-layout { --max-page-width: 1800px; display: block; user-select: none; margin-block: -1rem; height: calc(var(--main-height) + 1rem) !important; padding-block: 1em 0; padding-inline: 1em; overflow-y: auto; width: 100%; } html.ng-scope body.simplified-layout overview-layout #overview-layout:after, html.ng-scope .login-page overview-layout #overview-layout:after { content: ""; position: fixed; left: 0; margin-left: -1em; bottom: 3rem; backdrop-filter: blur(40px); height: 1px; width: 100%; } html.ng-scope body.simplified-layout overview-layout #overview-layout > div, html.ng-scope .login-page overview-layout #overview-layout > div { max-width: var(--max-page-width); min-height: 100%; margin-inline: auto; padding-inline: 0.33em; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto auto 1fr; grid-gap: 1rem 2.5rem; grid-template-areas: "header" "top" "side" "main"; } @media (min-width: 55rem) { html.ng-scope body.simplified-layout overview-layout #overview-layout > div, html.ng-scope .login-page overview-layout #overview-layout > div { grid-template-columns: 2fr 3fr; grid-template-rows: auto auto 1fr; grid-template-areas: "header header" "top top" "side main"; } html.ng-scope body.simplified-layout overview-layout #overview-layout > div [ng-transclude=sideSection], html.ng-scope .login-page overview-layout #overview-layout > div [ng-transclude=sideSection] { position: sticky; top: 0; max-height: var(--main-height); overflow-y: auto; } } html.ng-scope body.simplified-layout overview-layout #overview-layout > div [ng-transclude=overviewHeader], html.ng-scope .login-page overview-layout #overview-layout > div [ng-transclude=overviewHeader] { width: 100%; grid-area: header; } html.ng-scope body.simplified-layout overview-layout #overview-layout > div [ng-transclude=overviewHeader] overview-header, html.ng-scope .login-page overview-layout #overview-layout > div [ng-transclude=overviewHeader] overview-header { display: flex; width: 100%; justify-content: flex-end; } html.ng-scope body.simplified-layout overview-layout #overview-layout > div [ng-transclude=overviewHeader] overview-header *, html.ng-scope .login-page overview-layout #overview-layout > div [ng-transclude=overviewHeader] overview-header * { flex-grow: 1; } html.ng-scope body.simplified-layout overview-layout #overview-layout > div [ng-transclude=topSection], html.ng-scope .login-page overview-layout #overview-layout > div [ng-transclude=topSection] { grid-area: top; } html.ng-scope body.simplified-layout overview-layout #overview-layout > div [ng-transclude=mainSection], html.ng-scope .login-page overview-layout #overview-layout > div [ng-transclude=mainSection] { grid-area: main; } html.ng-scope body.simplified-layout overview-layout #overview-layout > div [ng-transclude=mainSection] main-section, html.ng-scope .login-page overview-layout #overview-layout > div [ng-transclude=mainSection] main-section { height: 100%; display: block; } html.ng-scope body.simplified-layout overview-layout #overview-layout > div [ng-transclude=sideSection], html.ng-scope .login-page overview-layout #overview-layout > div [ng-transclude=sideSection] { grid-area: side; } html.ng-scope body.simplified-layout attachment, html.ng-scope .login-page attachment { display: flex; border-left: 5px solid transparent; margin-block: 1em; border-radius: 0.25rem; overflow: hidden; } html.ng-scope body.simplified-layout attachment:hover, html.ng-scope body.simplified-layout attachment:focus-visible, html.ng-scope .login-page attachment:hover, html.ng-scope .login-page attachment:focus-visible { border-left: 5px solid var(--brand-graphic-weak); background: linear-gradient(115deg, transparent -20%, var(--brand-bg-weak) 140%); } html.ng-scope body.simplified-layout attachment:hover .simple-library-list-item, html.ng-scope body.simplified-layout attachment:focus-visible .simple-library-list-item, html.ng-scope .login-page attachment:hover .simple-library-list-item, html.ng-scope .login-page attachment:focus-visible .simple-library-list-item { text-decoration: none; } html.ng-scope body.simplified-layout attachment:hover .attachment-image img, html.ng-scope body.simplified-layout attachment:focus-visible .attachment-image img, html.ng-scope .login-page attachment:hover .attachment-image img, html.ng-scope .login-page attachment:focus-visible .attachment-image img { filter: drop-shadow(0.3em 0.4em 0.4em rgba(0, 0, 0, 0.1)) contrast(1.05) saturate(1.05); } html.ng-scope body.simplified-layout attachment > .ng-scope, html.ng-scope .login-page attachment > .ng-scope { flex-grow: 1; display: flex; } html.ng-scope body.simplified-layout attachment .download-click-target, html.ng-scope .login-page attachment .download-click-target { display: flex; border-radius: 0.25rem; } html.ng-scope body.simplified-layout attachment .download-click-target a, html.ng-scope .login-page attachment .download-click-target a { padding: 0.5em; flex-direction: column; align-items: center; justify-content: center; flex-grow: 1; color: var(--brand-graphic-strong) !important; font-size: 0.9rem; } html.ng-scope body.simplified-layout attachment .download-click-target a i.fa, html.ng-scope .login-page attachment .download-click-target a i.fa { font-size: 1rem; margin: 0.05rem; color: var(--brand-graphic) !important; } html.ng-scope body.simplified-layout attachment .download-click-target a:hover, html.ng-scope body.simplified-layout attachment .download-click-target a:focus-within, html.ng-scope .login-page attachment .download-click-target a:hover, html.ng-scope .login-page attachment .download-click-target a:focus-within { color: var(--brand-text-weak) !important; } html.ng-scope body.simplified-layout attachment .download-click-target a:hover i.fa, html.ng-scope body.simplified-layout attachment .download-click-target a:focus-within i.fa, html.ng-scope .login-page attachment .download-click-target a:hover i.fa, html.ng-scope .login-page attachment .download-click-target a:focus-within i.fa { color: var(--brand-text-weaker) !important; } html.ng-scope body.simplified-layout attachment .download-click-target:hover, html.ng-scope body.simplified-layout attachment .download-click-target:focus-within, html.ng-scope .login-page attachment .download-click-target:hover, html.ng-scope .login-page attachment .download-click-target:focus-within { background-color: var(--brand-bg); } html.ng-scope body.simplified-layout attachment .simple-library-list-item, html.ng-scope .login-page attachment .simple-library-list-item { flex-grow: 1; padding-block: 1em; display: flex; } html.ng-scope body.simplified-layout attachment .simple-library-list-item .attachment-image, html.ng-scope .login-page attachment .simple-library-list-item .attachment-image { width: 100px; display: flex; align-items: center; } html.ng-scope body.simplified-layout attachment .simple-library-list-item .attachment-image img, html.ng-scope .login-page attachment .simple-library-list-item .attachment-image img { flex-grow: 1; max-height: 6rem; object-fit: contain; } html.ng-scope body.simplified-layout attachment .simple-library-list-item .attachment-info, html.ng-scope .login-page attachment .simple-library-list-item .attachment-info { display: flex; gap: 0.66em; flex-direction: column; align-items: flex-start; justify-content: center; } html.ng-scope body.simplified-layout attachment .simple-library-list-item .attachment-info .attachment-description, html.ng-scope .login-page attachment .simple-library-list-item .attachment-info .attachment-description { font-size: 0.85em; margin-bottom: -0.66em; font-weight: 500; letter-spacing: 0.04ch; color: var(--neutral-graphic-strong); } html.ng-scope body.simplified-layout attachment .simple-library-list-item .attachment-info .attachment-filename, html.ng-scope .login-page attachment .simple-library-list-item .attachment-info .attachment-filename { font-weight: 400; font-size: 1.1em; color: var(--neutral-text); } html.ng-scope body.simplified-layout attachment .simple-library-list-item .attachment-info dl.attachment-details, html.ng-scope .login-page attachment .simple-library-list-item .attachment-info dl.attachment-details { color: var(--neutral-text-weaker); display: grid; grid-template-columns: auto 3fr; width: 100%; grid-auto-rows: auto; padding: 0; margin: 0; justify-content: start; grid-gap: 0 1em; padding-inline-start: 1.5em; padding-block-end: 0.25em; } html.ng-scope body.simplified-layout attachment .simple-library-list-item .attachment-info dl.attachment-details dt, html.ng-scope .login-page attachment .simple-library-list-item .attachment-info dl.attachment-details dt { grid-column: 1; color: var(--neutral-graphic-strong); font-size: 0.9em; text-align: start; } html.ng-scope body.simplified-layout attachment .simple-library-list-item .attachment-info dl.attachment-details dd, html.ng-scope .login-page attachment .simple-library-list-item .attachment-info dl.attachment-details dd { grid-column: 2; } html.ng-scope body.simplified-layout *:focus-visible, html.ng-scope .login-page *:focus-visible { outline: var(--focus-outline); } html.ng-scope body.simplified-layout #page-loader, html.ng-scope .login-page #page-loader { background: var(--bg); } html.ng-scope body.simplified-layout #page-loader .spinner, html.ng-scope .login-page #page-loader .spinner { border-color: var(--neutral-bg-weak); border-top-color: var(--brand-graphic-weak); } html.ng-scope body.simplified-layout .alert, html.ng-scope .login-page .alert { border: 0.33rem solid rgba(0, 0, 0, 0); border-top: none; border-bottom: none; } html.ng-scope body.simplified-layout .alert.alert-danger, html.ng-scope .login-page .alert.alert-danger { background-color: var(--danger-bg, #f8b2b2); color: var(--danger-text, #a94442); border-color: var(--danger-graphic, #a94442); box-shadow: var(--card-shadow); } html.ng-scope body.simplified-layout .alert.alert-danger *, html.ng-scope .login-page .alert.alert-danger * { color: var(--danger-text, #a94442) !important; } html.ng-scope body.simplified-layout .alert.alert-danger strong, html.ng-scope body.simplified-layout .alert.alert-danger b, html.ng-scope .login-page .alert.alert-danger strong, html.ng-scope .login-page .alert.alert-danger b { color: var(--danger-text-strong, #a94442) !important; } html.ng-scope body.simplified-layout .alert.alert-success, html.ng-scope .login-page .alert.alert-success { background-color: var(--success-bg, #dff0d8); color: var(--success-text, #3c763d); border-color: var(--success-graphic, #3c763d); box-shadow: var(--card-shadow); } html.ng-scope body.simplified-layout .alert.alert-success *, html.ng-scope .login-page .alert.alert-success * { color: var(--success-text, #3c763d) !important; } html.ng-scope body.simplified-layout .alert.alert-success strong, html.ng-scope body.simplified-layout .alert.alert-success b, html.ng-scope .login-page .alert.alert-success strong, html.ng-scope .login-page .alert.alert-success b { color: var(--success-text-strong, #3c763d) !important; } html.ng-scope body.simplified-layout .alert.alert-info, html.ng-scope .login-page .alert.alert-info { background-color: var(--info-bg, #d9edf7); color: var(--info-text, #31708f); border-color: var(--info-graphic, #31708f); box-shadow: var(--card-shadow); } html.ng-scope body.simplified-layout .alert.alert-info *, html.ng-scope .login-page .alert.alert-info * { color: var(--info-text, #31708f) !important; } html.ng-scope body.simplified-layout .alert.alert-info strong, html.ng-scope body.simplified-layout .alert.alert-info b, html.ng-scope .login-page .alert.alert-info strong, html.ng-scope .login-page .alert.alert-info b { color: var(--info-text-strong, #31708f) !important; } html.ng-scope body.simplified-layout .alert.alert-warning, html.ng-scope .login-page .alert.alert-warning { background-color: var(--warn-bg, #ffead0); color: var(--warn-text, #8A6D3B); border-color: var(--warn-graphic, #8A6D3B); box-shadow: var(--card-shadow); } html.ng-scope body.simplified-layout .alert.alert-warning *, html.ng-scope .login-page .alert.alert-warning * { color: var(--warn-text, #8A6D3B) !important; } html.ng-scope body.simplified-layout .alert.alert-warning strong, html.ng-scope body.simplified-layout .alert.alert-warning b, html.ng-scope .login-page .alert.alert-warning strong, html.ng-scope .login-page .alert.alert-warning b { color: var(--warn-text-strong, #8A6D3B) !important; } html.ng-scope body.simplified-layout, html.ng-scope body.simplified-layout { --footer-height: 2em; } html.ng-scope body.simplified-layout, html.ng-scope body.simplified-layout { --grid-col-gap: 1rem; --grid-row-gap: 1rem; --header-height: 3.5rem; --main-height: calc(100dvh - (var(--header-height) + var(--footer-height) + (2 * var(--grid-row-gap)))); background-color: var(--bg); color: var(--neutral-text); outline: none; transition: background-color 0.25s, color 0.25s; } html.ng-scope body.simplified-layout .list-group, html.ng-scope body.simplified-layout .list-group-item, html.ng-scope body.simplified-layout textarea, html.ng-scope body.simplified-layout input[type=text], html.ng-scope body.simplified-layout input[type=password], html.ng-scope body.simplified-layout select, html.ng-scope body.simplified-layout .list-group, html.ng-scope body.simplified-layout .list-group-item, html.ng-scope body.simplified-layout textarea, html.ng-scope body.simplified-layout input[type=text], html.ng-scope body.simplified-layout input[type=password], html.ng-scope body.simplified-layout select { background-color: var(--absolute); color: var(--neutral-text) !important; border-color: var(--neutral-graphic-weak); } html.ng-scope body.simplified-layout .list-group.parsley-error, html.ng-scope body.simplified-layout .list-group-item.parsley-error, html.ng-scope body.simplified-layout textarea.parsley-error, html.ng-scope body.simplified-layout input[type=text].parsley-error, html.ng-scope body.simplified-layout input[type=password].parsley-error, html.ng-scope body.simplified-layout select.parsley-error, html.ng-scope body.simplified-layout .list-group.parsley-error, html.ng-scope body.simplified-layout .list-group-item.parsley-error, html.ng-scope body.simplified-layout textarea.parsley-error, html.ng-scope body.simplified-layout input[type=text].parsley-error, html.ng-scope body.simplified-layout input[type=password].parsley-error, html.ng-scope body.simplified-layout select.parsley-error { background-color: var(--danger-bg) !important; color: var(--danger-text-strong) !important; border-color: var(--danger-graphic) !important; } html.ng-scope body.simplified-layout .list-group:focus-visible, html.ng-scope body.simplified-layout .list-group-item:focus-visible, html.ng-scope body.simplified-layout textarea:focus-visible, html.ng-scope body.simplified-layout input[type=text]:focus-visible, html.ng-scope body.simplified-layout input[type=password]:focus-visible, html.ng-scope body.simplified-layout select:focus-visible, html.ng-scope body.simplified-layout .list-group:focus-visible, html.ng-scope body.simplified-layout .list-group-item:focus-visible, html.ng-scope body.simplified-layout textarea:focus-visible, html.ng-scope body.simplified-layout input[type=text]:focus-visible, html.ng-scope body.simplified-layout input[type=password]:focus-visible, html.ng-scope body.simplified-layout select:focus-visible { z-index: 1; } html.ng-scope body.simplified-layout h1, html.ng-scope body.simplified-layout h2, html.ng-scope body.simplified-layout h3, html.ng-scope body.simplified-layout h4, html.ng-scope body.simplified-layout h5, html.ng-scope body.simplified-layout h6, html.ng-scope body.simplified-layout h1, html.ng-scope body.simplified-layout h2, html.ng-scope body.simplified-layout h3, html.ng-scope body.simplified-layout h4, html.ng-scope body.simplified-layout h5, html.ng-scope body.simplified-layout h6 { color: var(--neutral-text-strong); } html.ng-scope body.simplified-layout h1, html.ng-scope body.simplified-layout h1 { font-size: 2em; } html.ng-scope body.simplified-layout h2, html.ng-scope body.simplified-layout h2 { font-size: 1.8em; } html.ng-scope body.simplified-layout h3, html.ng-scope body.simplified-layout h3 { font-size: 1.6em; } html.ng-scope body.simplified-layout h4, html.ng-scope body.simplified-layout h4 { font-size: 1.4em; } html.ng-scope body.simplified-layout h5, html.ng-scope body.simplified-layout h5 { font-size: 1.2em; } html.ng-scope body.simplified-layout h6, html.ng-scope body.simplified-layout h6 { font-size: 1em; } html.ng-scope body.simplified-layout .input-group-addon, html.ng-scope body.simplified-layout .input-group-addon { background-color: inherit; border: 1px solid var(--neutral-graphic-weak); color: var(--neutral-text); margin-left: 5px; margin-right: 5px; } html.ng-scope body.simplified-layout .input-group-addon:last-child, html.ng-scope body.simplified-layout .input-group-addon:last-child { left: -1px; position: relative; } html.ng-scope body.simplified-layout .input-group-btn button, html.ng-scope body.simplified-layout .input-group-btn button { background-color: var(--bg) !important; color: var(--neutral-text) !important; border-color: var(--neutral-graphic-weak) !important; } html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button { font-size: 1rem; margin: 0.25em; background-color: inherit; color: var(--brand-text-weak) !important; border: 1px solid var(--brand-graphic-strong); } html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button:focus-visible { color: var(--brand-text-weaker) !important; border-color: var(--brand-text-weaker) !important; background-color: var(--brand-bg-weak) !important; opacity: 1; } html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button:focus-visible { outline: var(--focus-outline); } html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn.background-branded, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn--primary, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button.background-branded, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button--primary, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn.background-branded, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn--primary, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button.background-branded, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button--primary { background-color: var(--brand-text-weaker) !important; color: var(--absolute) !important; border-color: var(--brand-text-weaker) !important; } html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn.background-branded:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn.background-branded:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn--primary:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn--primary:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button.background-branded:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button.background-branded:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button--primary:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button--primary:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn.background-branded:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn.background-branded:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn--primary:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn--primary:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button.background-branded:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button.background-branded:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button--primary:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button--primary:focus-visible { background-color: var(--brand-text-weak) !important; border-color: var(--brand-text-weak) !important; } html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-danger.btn-danger, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-danger.btn-danger { background-color: var(--danger-graphic-strong) !important; color: var(--absolute) !important; border-color: var(--danger-graphic-strong) !important; font-weight: bold !important; } html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-danger.btn-danger:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-danger.btn-danger:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-danger.btn-danger:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-danger.btn-danger:focus-visible { background-color: var(--danger-text-weak) !important; color: var(--absolute) !important; border-color: var(--danger-text-weak) !important; font-weight: bold !important; } html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-success.btn-success, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-success.btn-success { background-color: var(--success-graphic-strong) !important; color: var(--absolute) !important; border-color: var(--success-graphic-strong) !important; font-weight: bold !important; } html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-success.btn-success:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-success.btn-success:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-success.btn-success:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-success.btn-success:focus-visible { background-color: var(--success-text-weak) !important; color: var(--absolute) !important; border-color: var(--success-text-weak) !important; font-weight: bold !important; } html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-info.btn-info, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-info.btn-info { background-color: var(--info-graphic-strong) !important; color: var(--absolute) !important; border-color: var(--info-graphic-strong) !important; font-weight: bold !important; } html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-info.btn-info:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-info.btn-info:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-info.btn-info:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-info.btn-info:focus-visible { background-color: var(--info-text-weak) !important; color: var(--absolute) !important; border-color: var(--info-text-weak) !important; font-weight: bold !important; } html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-warning.btn-warning, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-warning.btn-warning { background-color: var(--warn-graphic-strong) !important; color: var(--absolute) !important; border-color: var(--warn-graphic-strong) !important; font-weight: bold !important; } html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-warning.btn-warning:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-warning.btn-warning:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-warning.btn-warning:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-warning.btn-warning:focus-visible { background-color: var(--warn-text-weak) !important; color: var(--absolute) !important; border-color: var(--warn-text-weak) !important; font-weight: bold !important; } html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn { color: var(--neutral-text); border-color: var(--neutral-bg-strong); transition: all 0.15s ease-in-out; background-color: var(--bg); padding: 0.3em 0.5em; box-shadow: none; } html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn:not(:first-of-type), html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn:not(:first-of-type), html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn:not(:first-of-type), html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn:not(:first-of-type) { border-left: none; } html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn.active, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn.active, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn.active, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn.active { /*font-weight: bold;*/ border-bottom-width: 0.25em; border-bottom-color: var(--brand-graphic); color: var(--neutral-text-weak); padding-bottom: calc(0.15em - 1px); cursor: default; } html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn.active:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn.active:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn.active:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn.active:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn.active:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn.active:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn.active:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn.active:hover { background-color: inherit; } html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn:hover, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn:focus-visible, html.ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn:hover { background-color: var(--brand-bg-weak); } html.ng-scope body.simplified-layout .uib-datepicker-popup .btn, html.ng-scope body.simplified-layout .uib-datepicker-popup button, html.ng-scope body.simplified-layout .uib-datepicker-popup .btn, html.ng-scope body.simplified-layout .uib-datepicker-popup button { margin: 0; } html.ng-scope body.simplified-layout .uib-datepicker-popup .btn[ng-click="select(dt.date)"], html.ng-scope body.simplified-layout .uib-datepicker-popup button[ng-click="select(dt.date)"], html.ng-scope body.simplified-layout .uib-datepicker-popup .btn[ng-click="select(dt.date)"], html.ng-scope body.simplified-layout .uib-datepicker-popup button[ng-click="select(dt.date)"] { border-radius: 0; } html.ng-scope body.simplified-layout .uib-datepicker-popup .btn .text-muted, html.ng-scope body.simplified-layout .uib-datepicker-popup button .text-muted, html.ng-scope body.simplified-layout .uib-datepicker-popup .btn .text-muted, html.ng-scope body.simplified-layout .uib-datepicker-popup button .text-muted { color: var(--neutral-text-weaker); } html.ng-scope body.simplified-layout .uib-datepicker-popup .btn.active, html.ng-scope body.simplified-layout .uib-datepicker-popup button.active, html.ng-scope body.simplified-layout .uib-datepicker-popup .btn.active, html.ng-scope body.simplified-layout .uib-datepicker-popup button.active { background-color: var(--brand-bg); color: var(--brand-text-stronger); /*font-weight: bold;*/ box-shadow: inset 0 0 0 1px var(--brand-text-weak), inset 0 0 0.7rem 0.1em var(--brand-bg); } html.ng-scope body.simplified-layout .uib-datepicker-popup .btn[disabled], html.ng-scope body.simplified-layout .uib-datepicker-popup button[disabled], html.ng-scope body.simplified-layout .uib-datepicker-popup .btn[disabled], html.ng-scope body.simplified-layout .uib-datepicker-popup button[disabled] { color: var(--neutral-text-weak) !important; background-color: var(--neutral-bg-weak); } html.ng-scope body.simplified-layout .uib-datepicker-popup .btn .text-info, html.ng-scope body.simplified-layout .uib-datepicker-popup button .text-info, html.ng-scope body.simplified-layout .uib-datepicker-popup .btn .text-info, html.ng-scope body.simplified-layout .uib-datepicker-popup button .text-info { font-weight: bold; } html.ng-scope body.simplified-layout .modal .modal-content, html.ng-scope body.simplified-layout .modal .modal-content { background-color: var(--absolute); color: var(--neutral-text); border: 1px solid var(--neutral-graphic); } html.ng-scope body.simplified-layout .modal .modal-content .upload-button-container a, html.ng-scope body.simplified-layout .modal .modal-content .upload-button-container a { color: var(--brand-text-weak); } html.ng-scope body.simplified-layout .modal .modal-content .meta-image, html.ng-scope body.simplified-layout .modal .modal-content .meta-image { display: flex; justify-content: center; } html.ng-scope body.simplified-layout .modal .modal-content .picker-item:first-of-type, html.ng-scope body.simplified-layout .modal .modal-content .picker-item:first-of-type { margin-top: 5px; } html.ng-scope body.simplified-layout .modal .modal-content .picker-item, html.ng-scope body.simplified-layout .modal .modal-content .picker-item { margin: 0 5px; } html.ng-scope body.simplified-layout .modal .modal-content .picker-item:focus-visible, html.ng-scope body.simplified-layout .modal .modal-content .picker-item:focus-visible { outline: var(--focus-outline) !important; z-index: 1; } html.ng-scope body.simplified-layout .modal label, html.ng-scope body.simplified-layout .modal label { color: var(--neutral-text); } html.ng-scope body.simplified-layout table, html.ng-scope body.simplified-layout table { color: var(--neutral-text); border-color: red; } html.ng-scope body.simplified-layout table *, html.ng-scope body.simplified-layout table * { color: inherit; } html.ng-scope body.simplified-layout .pace-progress, html.ng-scope body.simplified-layout .pace-progress { top: var(--header-height); background-color: var(--brand-graphic-weak, #d25b30) !important; } html.ng-scope body.simplified-layout .pace-activity, html.ng-scope body.simplified-layout .pace-activity { border-top-color: var(--brand-graphic-strong) !important; border-left-color: var(--brand-graphic-strong) !important; } html.ng-scope body.simplified-layout .dropdown-menu, html.ng-scope body.simplified-layout .dropdown-menu { background-color: var(--absolute); border: 1px solid var(--neutral-graphic-weak); color: var(--neutral-text-weak); font-size: 1em; } html.ng-scope body.simplified-layout .dropdown-menu a, html.ng-scope body.simplified-layout .dropdown-menu a { color: var(--neutral-text); } html.ng-scope body.simplified-layout .dropdown-menu a:hover, html.ng-scope body.simplified-layout .dropdown-menu a:focus-visible, html.ng-scope body.simplified-layout .dropdown-menu a:hover, html.ng-scope body.simplified-layout .dropdown-menu a:focus-visible { background-color: var(--brand-bg); } html.ng-scope body.simplified-layout .page-container.page-header-fixed, html.ng-scope body.simplified-layout .page-container.page-header-fixed { padding: 0; } html.ng-scope body.simplified-layout .page-container:not(.btn, button, .btn > *, button > *), html.ng-scope body.simplified-layout .page-container:not(.btn, button, .btn > *, button > *) { color: var(--neutral-text); background-color: inherit; } html.ng-scope body.simplified-layout .page-container:not(.btn, button, .btn > *, button > *):focus-visible, html.ng-scope body.simplified-layout .page-container:not(.btn, button, .btn > *, button > *):focus-visible { outline: none; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope { width: 100vw; height: 100vh; box-sizing: border-box; overflow: hidden; display: grid; grid-column-gap: var(--grid-col-gap); grid-row-gap: var(--grid-row-gap); height: 100vh; width: 100%; grid-template-columns: 1fr minmax(18em, 48em) 1fr; grid-template-rows: var(--header-height) var(--main-height) var(--footer-height); grid-template-areas: "header header header" "left main right" "footer footer footer"; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .login-header, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .login-header { position: relative !important; grid-area: header; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .login-container, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .login-container { position: relative; grid-area: main; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .login-container .login, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .login-container .login-v2, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .login-container .login, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .login-container .login-v2 { margin: 3rem auto; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header { grid-area: header; height: var(--header-height); z-index: 500; border-bottom: solid 1px var(--neutral-bg); box-shadow: none; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: space-between; left: 0; right: 0; background-color: var(--bg); color: var(--brand-text); font-size: 1rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] { display: flex; flex-direction: row; align-items: stretch; height: 100%; flex-shrink: 1; height: var(--header-height); padding: 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title { --chevron-width: calc(var(--header-height) / 5.5); --nav-title-pad: calc(var(--chevron-width) * 0.6); --breadcrumb-bg: var(--bg); --breadcrumb-bg-focus: var(--brand-bg-weak); display: flex; align-items: center; line-height: 1em; padding: 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title .expanded, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title .collapsed, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title .expanded, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title .collapsed { text-overflow: ellipsis; display: flex; align-items: center; margin: 0; padding: 0; white-space: nowrap; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title .collapsed, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title .collapsed { overflow: visible; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title .collapsed::after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title .collapsed::after { content: "..."; position: relative; left: 0.25em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:last-of-type:not(:only-of-type), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:last-of-type:not(:only-of-type) { padding-left: calc(2 * var(--chevron-width)); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:not(:first-of-type), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:only-of-type, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:not(:first-of-type), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:only-of-type { padding-left: var(--chevron-width); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title::after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title::after { border-top: calc(var(--header-height) / 2) solid transparent; border-bottom: calc(var(--header-height) / 2) solid transparent; border-left: var(--chevron-width) solid var(--neutral-bg); position: relative; width: 0; height: 0; top: 0; margin: 0; z-index: 3; left: calc(var(--chevron-width) - 1.5px); background-color: unset; border-left-color: var(--breadcrumb-bg); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:not(:last-child)::before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:not(:last-child)::before { border-top: calc(var(--header-height) / 2) solid transparent; border-bottom: calc(var(--header-height) / 2) solid transparent; border-left: var(--chevron-width) solid var(--neutral-bg); position: relative; width: 0; height: 0; top: 0; margin: 0; z-index: 3; content: ""; left: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:not(:last-child):focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:not(:last-child):focus-visible { border-bottom: 0.2rem solid var(--brand-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:not(:last-child):focus-visible .expanded, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:not(:last-child):focus-visible .collapsed, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:not(:last-child):focus-visible .expanded, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:not(:last-child):focus-visible .collapsed { margin-bottom: -0.2rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:not(:last-child):hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:not(:last-child):focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:not(:last-child):hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:not(:last-child):focus-visible { background-color: var(--breadcrumb-bg-focus); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:not(:last-child):hover::after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:not(:last-child):focus-visible::after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:not(:last-child):hover::after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title:not(:last-child):focus-visible::after { border-left-color: var(--breadcrumb-bg-focus); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] [role=heading], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] [role=heading] { font-size: 1.1em; cursor: default; color: var(--brand-text-strong); font-weight: bold; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] [role=link], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] [role=link] { cursor: pointer; font-size: 1em; color: var(--neutral-text-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] [role=link]:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] [role=link]:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] [role=link]:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] [role=link]:focus-visible { color: var(--neutral-text-strong); outline: none; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header button.skip-main, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header button.skip-main { font-weight: bold; opacity: 0; position: absolute; top: 0; left: 0; z-index: 100; border-radius: 5px; border-width: 0; pointer-events: none; height: var(--header-height); margin: 0; display: flex; font-size: 1em; padding: 0 0.5em; background-color: var(--bg); /*outline: 0.02em solid var(--brand);*/ flex-direction: column; align-content: center; justify-content: center; align-items: center; text-decoration: none; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header button.skip-main:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header button.skip-main:active, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header button.skip-main:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header button.skip-main:active { opacity: 1; pointer-events: all; } @media only screen and (max-width: 900px) { html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) { display: flex; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) .navbar-title, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) .navbar-title { display: none; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title:nth-last-child(-n+2), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) .navbar-title:nth-last-child(-n+2), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title:nth-last-child(-n+2), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) .navbar-title:nth-last-child(-n+2) { display: flex; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title:nth-last-child(-n+2)::before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title:nth-last-child(-n+2)::after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) .navbar-title:nth-last-child(-n+2)::before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) .navbar-title:nth-last-child(-n+2)::after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title:nth-last-child(-n+2)::before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title:nth-last-child(-n+2)::after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) .navbar-title:nth-last-child(-n+2)::before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) .navbar-title:nth-last-child(-n+2)::after { display: none; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title:last-of-type, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) .navbar-title:last-of-type, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title:last-of-type, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) .navbar-title:last-of-type { padding: 0 1rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title:nth-last-child(2), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) .navbar-title:nth-last-child(2), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title:nth-last-child(2), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) .navbar-title:nth-last-child(2) { padding-right: 1rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title:nth-last-child(2) .expanded::before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title:nth-last-child(2) .collapsed::before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) .navbar-title:nth-last-child(2) .expanded::before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) .navbar-title:nth-last-child(2) .collapsed::before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title:nth-last-child(2) .expanded::before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title:nth-last-child(2) .collapsed::before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) .navbar-title:nth-last-child(2) .expanded::before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) .navbar-title:nth-last-child(2) .collapsed::before { display: inline-block; content: "<"; background-color: inherit; border: none; font-weight: 50; transform: scaleY(1.2) scaleX(0.6) translateY(0.02em); font-size: 1.1em; color: var(--brand-graphic-weak); margin-right: 0.2em; margin-left: 0.2em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title:nth-last-child(2) .collapsed::after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) .navbar-title:nth-last-child(2) .collapsed::after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title:nth-last-child(2) .collapsed::after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu) .navbar-title:nth-last-child(2) .collapsed::after { content: "back"; color: var(--brand-text-weaker); } } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header > .navbar-brand, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header > .navbar-brand { display: none !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .notification-icon, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .notification-icon { position: relative; margin: 0 10px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .notification-icon .fa-bell, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .notification-icon .fa-bell { font-size: 1.2rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .notification-icon .badge, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .notification-icon .badge { font-size: 0.5rem; position: absolute; bottom: -5px; right: -6px; padding: 3px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] { flex-shrink: 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] .simplified-menu, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] .simplified-menu { font-size: 1.5em; margin-left: 0.6em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] .dropdown-menu, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] .dropdown-menu { right: 19px; width: 300px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] .dropdown-menu .menuitem-notification:nth-child(even), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] .dropdown-menu .menuitem-notification:nth-child(even) { background-color: #efefef; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] .dropdown-menu .menuitem-notification a, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] .dropdown-menu .menuitem-notification a { white-space: normal; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] .dropdown-menu .menuitem-notification a:before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] .dropdown-menu .menuitem-notification a:before { content: "- "; font-weight: bold; position: relative; left: -4px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] button.menu-bar, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] button.menu-bar { font-size: 0.9rem; border: none; background-color: transparent; padding: 0 1.3em 0 1em; cursor: pointer; display: flex; align-items: center; color: var(--brand-text); height: var(--header-height); box-sizing: border-box; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] button.menu-bar:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] button.menu-bar:focus-visible { background-color: var(--bg); outline: var(--focus-outline); border-radius: 5px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] button.menu-bar .current-user, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] button.menu-bar .current-user { margin-bottom: -0.1em; white-space: no-wrap; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] button.menu-bar .fa-stack.hidden-xs, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] button.menu-bar .fa-stack.hidden-xs { width: 2.2em; height: 2.2em; font-size: 1em; margin-right: 0.6em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] button.menu-bar .fa-stack.hidden-xs .fa-user, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] button.menu-bar .fa-stack.hidden-xs .fa-user { background-color: var(--neutral-bg); border-radius: 50%; top: 0.125em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] button.menu-bar .fa-stack.hidden-xs .fa-user::before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] button.menu-bar .fa-stack.hidden-xs .fa-user::before { font-size: 1.25em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents { grid-area: main; overflow: hidden; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > :only-child, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > :only-child { height: 100%; overflow-y: auto; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid { --min-logo-height: 3.5rem; grid-column-gap: var(--grid-col-gap); grid-row-gap: var(--grid-row-gap); display: grid; grid-template-rows: minmax(var(--min-logo-height), 1fr) minmax(6rem, 4fr); grid-template-areas: "hero" "content"; grid-auto-rows: min-content; overflow-y: hidden; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero > .contents, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid > .contents, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero > .contents, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid > .contents { grid-area: hero/hero/content/content; margin: 0; display: flex; flex-direction: column; box-sizing: border-box; height: 100%; overflow-y: auto; padding: 5px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero > .contents:before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid > .contents:before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero > .contents:before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid > .contents:before { content: ""; flex-grow: 3; max-height: 10em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero > .contents:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid > .contents:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero > .contents:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid > .contents:after { content: ""; flex-grow: 7; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero > .contents [ui-view], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid > .contents [ui-view], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero > .contents [ui-view], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid > .contents [ui-view] { overflow-y: auto; height: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero:not(.logo-hero) > .contents:before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid:not(.logo-hero) > .contents:before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero:not(.logo-hero) > .contents:before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid:not(.logo-hero) > .contents:before { flex-grow: 3; max-height: unset; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero:not(.logo-hero) > .contents:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid:not(.logo-hero) > .contents:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero:not(.logo-hero) > .contents:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid:not(.logo-hero) > .contents:after { flex-grow: 4; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero .controls, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero.logo-hero .controls, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid .controls, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid.logo-hero .controls, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero .controls, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero.logo-hero .controls, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid .controls, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid.logo-hero .controls { grid-row: 3/4; grid-column: 1/2; margin: 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero.logo-hero *, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid.logo-hero *, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero.logo-hero *, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid.logo-hero * { grid-area: content; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero.logo-hero::before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid.logo-hero::before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero.logo-hero::before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid.logo-hero::before { background-color: inherit; content: ""; height: 100%; width: 100%; max-height: 10rem; min-width: 8rem; min-height: var(--min-logo-height); grid-area: hero; place-self: center; position: relative; background-image: var(--logo) !important; transform: var(--logo-transform); mix-blend-mode: var(--logo-blend); background-repeat: no-repeat !important; background-size: contain !important; background-position: center; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .label, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .badge, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .label, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .badge { font-size: 0.9rem; font-weight: 600; color: var(--absolute); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .controls, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .controls { margin: 0; padding: 0; bottom: 0; align-self: flex-end; display: flex; width: 100%; justify-content: space-evenly; flex-direction: row-reverse; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .controls button, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .controls .btn, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .controls button, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .controls .btn { flex-grow: 1; margin: 0 1rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .controls button.background-branded, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .controls .btn.background-branded, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .controls button.background-branded, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .controls .btn.background-branded { flex-grow: 2; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents input, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents textarea, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents select, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents input, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents textarea, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents select { background-color: var(--absolute); border-color: var(--neutral-text-weaker); color: var(--neutral-text); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents input:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents textarea:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents select:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents input:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents textarea:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents select:focus-visible { outline: var(--focus-outline); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents textarea, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents textarea { resize: vertical; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .commentary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .commentary { font-size: 1rem; width: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .commentary .commentary-author, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .commentary .commentary-author { font-size: 0.8rem; color: var(--neutral-bg-weak); opacity: 0.9; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .commentary simple-attachment-list .attachment-thumb, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .commentary simple-attachment-list .attachment-thumb { background-color: rgba(255, 255, 255, 0.1); border-color: rgba(0, 0, 0, 0.2); box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.15); margin: 0 0.5rem 0.5rem 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .commentary > commentary-comment:not(commentary-comment-mine), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .commentary > commentary-comment:not(commentary-comment-mine) { color: var(--absolute); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .form-control, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .form-control { font-size: 1em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents :not(.btn-group) > label, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents :not(.btn-group) > label { padding: 0.25em 0.5em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents :not(.btn-group) > label:not(.background-branded), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents :not(.btn-group) > label:not(.background-branded) { color: var(--neutral-text); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list { height: 100%; width: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset legend, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset legend, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset legend, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset legend { background-color: var(--bg); color: var(--neutral-text-strong); font-weight: bold; font-size: 1.2em; letter-spacing: 0.025em; margin: 0; padding: 0.3em 0.65em 0.225em 0; display: block; position: sticky; top: -1px; z-index: 2; border: none; text-align: left; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label { --pad: 0.5rem; --corner-radius: 0.25rem; background-color: var(--absolute); color: var(--neutral-text); border: solid 1px var(--neutral-graphic); box-shadow: var(--card-shadow); position: relative; cursor: pointer; margin: 0 0.5rem; padding: var(--pad); display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; text-align: left; align-items: center; justify-content: flex-start; --radio-m: var(--pad) calc(2 * var(--pad)) var(--pad) var(--pad); --radio-size: 1.2em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label:focus-within, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label:focus-within, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label:focus-within, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label:focus-within { color: var(--neutral-text-stronger); background-color: var(--brand-bg-weak); border-color: var(--neutral-graphic-strong); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label:not(.schedule-item):not(:first-of-type), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label:not(.schedule-item):not(:first-of-type), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label:not(.schedule-item):not(:first-of-type), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label:not(.schedule-item):not(:first-of-type) { border-top: none; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label:not(.schedule-item):not(:last-of-type), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label:not(.schedule-item):not(:last-of-type), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label:not(.schedule-item):not(:last-of-type), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label:not(.schedule-item):not(:last-of-type) { border-bottom-color: var(--neutral-bg); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label:not(.schedule-item):not(:last-of-type):hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label:not(.schedule-item):not(:last-of-type):hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label:not(.schedule-item):not(:last-of-type):hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label:not(.schedule-item):not(:last-of-type):hover { border-bottom-color: var(--neutral-bg); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label.is-last, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label.is-last, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label.is-last, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label.is-last { margin-bottom: 2rem; border-bottom-left-radius: var(--corner-radius); border-bottom-right-radius: var(--corner-radius); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label.is-first, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label.is-first, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label.is-first, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label.is-first { border-top-left-radius: var(--corner-radius); border-top-right-radius: var(--corner-radius); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label span.fa, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label span.fa, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label span.fa, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label span.fa { font-size: calc(var(--radio-size) * 1.3); color: var(--neutral-bg-weak); position: absolute; margin: var(--radio-m); z-index: 1; background-color: inherit; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label span.fa.fa-check-circle-o, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label span.fa.fa-check-circle-o, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label span.fa.fa-check-circle-o, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label span.fa.fa-check-circle-o { color: var(--brand-graphic-strong); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label input[type=radio], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label input[type=radio], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label input[type=radio], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label input[type=radio] { cursor: pointer; padding: 0; margin: var(--radio-m); min-height: var(--radio-size); min-width: var(--radio-size); filter: invert(0); opacity: 0.25; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label input[type=radio]:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label input[type=radio]:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label input[type=radio]:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label input[type=radio]:focus-visible { outline: none; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label input[type=radio]:focus, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label input[type=radio]:checked, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label input[type=radio]:focus, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label input[type=radio]:checked, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label input[type=radio]:focus, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label input[type=radio]:checked, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label input[type=radio]:focus, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label input[type=radio]:checked { opacity: 1; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label input[type=radio]:checked, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label input[type=radio]:checked, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label input[type=radio]:checked, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label input[type=radio]:checked { accent-color: var(--brand-graphic-strong); background-color: var(--success-bg); height: var(--radio-size); width: var(--radio-size); } @media (prefers-color-scheme: dark) { html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label input[type=radio], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label input[type=radio], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label input[type=radio], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label input[type=radio] { filter: invert(1) hue-rotate(180deg); background-color: var(--absolute); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label input[type=radio]:checked, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label input[type=radio]:checked, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label input[type=radio]:checked, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label input[type=radio]:checked { filter: invert(1) hue-rotate(180deg); accent-color: var(--brand-graphic-weak); } } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .full-width-main, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .full-width, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .full-width-main, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .full-width { position: fixed; width: 100%; display: flex; justify-content: center; left: 0; height: var(--main-height); padding: 0 var(--grid-col-gap); height: var(--main-height); overflow: visible; } @media print { html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .full-width-main, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .full-width, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .full-width-main, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .full-width { position: absolute !important; } } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets { display: grid; --corner-radius: 0.2rem; --table-controls-height: 2.66rem; --table-height: calc(var(--main-height) - var(--table-controls-height)); --outer-border: 1px solid var(--neutral-bg); --asset-table-padding: 1rem; grid-template-rows: var(--table-controls-height) var(--table-height); grid-template-columns: 1fr minmax(18rem, 120rem) 1fr; overflow: visible; } @media screen and (max-width: 34rem) { html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets { padding-left: 0; padding-right: 0; } } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets > :not(asset-table), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets > :not(asset-table) { height: inherit; grid-column: 2; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls { --border: 1px solid var(--neutral-bg-strong); height: calc(var(--table-controls-height) + var(--corner-radius)); background-color: var(--neutral-bg-weak); display: flex; flex-direction: row; gap: 2em; align-items: center; justify-content: space-between; border-radius: var(--corner-radius) var(--corner-radius) 0 0; border: var(--outer-border); border-bottom: none; padding-left: calc(var(--asset-table-padding) * 0.5); padding-right: calc(var(--asset-table-padding) * 0.5); padding-bottom: var(--corner-radius); user-select: none; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button { cursor: pointer; box-sizing: content-box; padding: 0.5em; border-radius: var(--corner-radius); height: 1em; width: max-content; border: 1px solid transparent; line-height: 1em; display: flex; gap: 0.66ch; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button:focus-within, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button:focus-within { background-color: var(--brand-bg-weak); border: 1px solid var(--brand-bg-strong); color: var(--brand-text-strong); outline: none; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button:hover .fa, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button:focus-visible .fa, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button:focus-within .fa, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button:hover .fa, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button:focus-visible .fa, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button:focus-within .fa { color: var(--brand-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button .fa, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button .fa { color: var(--neutral-graphic-weak); margin-right: 0.2em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button button[uib-dropdown-toggle], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button button[uib-dropdown-toggle] { border: 0; height: initial; box-sizing: border-box; padding: 0; margin: 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button button[uib-dropdown-toggle]:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button button[uib-dropdown-toggle]:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button button[uib-dropdown-toggle]:focus-within, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button button[uib-dropdown-toggle]:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button button[uib-dropdown-toggle]:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button button[uib-dropdown-toggle]:focus-within { outline: none !important; background-color: unset !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button button[uib-dropdown-toggle] .options-bubble, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button button[uib-dropdown-toggle] .options-bubble { background-color: var(--info-graphic); color: var(--absolute); font-weight: bold; padding: 0.2em 0.33em; border-radius: var(--corner-radius); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button button[uib-dropdown-toggle] .options-bubble .fa, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls #asset-table-options #asset-table-menu-button button[uib-dropdown-toggle] .options-bubble .fa { color: var(--info-bg-weak); margin: 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search] { margin: 0; flex-grow: 1; max-width: 30em; display: flex; align-items: stretch; flex-direction: row; flex-wrap: nowrap; gap: 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search]:focus-within, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search]:focus-within { --border: 1px solid var(--brand-graphic); filter: drop-shadow(0 0 0.3em var(--brand-bg-weak)); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search]:focus-within .input-group-addon, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search]:focus-within .input-group-addon { background-color: var(--brand-bg-weak); color: var(--brand-text-strong); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search] input[type=search], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search] .input-group-addon, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search] input[type=search], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search] .input-group-addon { border: var(--border); line-height: 1rem; font-size: 0.9rem; padding-top: 0; padding-bottom: 0; background-color: var(--absolute); display: flex; align-items: center; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search] .input-group-addon, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search] .input-group-addon { width: auto; margin: 0; color: var(--neutral-graphic-strong); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search] input[type=search], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search] input[type=search] { height: 2em; border-left: none; color: var(--neutral-text-strong); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search] input[type=search]::placeholder, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search] input[type=search]::placeholder { color: var(--neutral-text-weaker); font-style: italic; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search] input[type=search]:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search] input[type=search]:focus-visible { outline: none !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search] input[type=search]:focus-visible::placeholder, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search] input[type=search]:focus-visible::placeholder { color: transparent; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page { background-color: var(--neutral-bg-weak); border: var(--outer-border); overflow-x: hidden; overflow-y: auto; width: 100%; border-radius: var(--corner-radius); display: flex; flex-direction: column; --header-height: 14em; --shadow: 0 0.1rem 0.4rem rgba(0,0,0,0.05); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .card, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .card { background-color: var(--absolute); border: var(--outer-border); border-radius: var(--corner-radius); box-shadow: var(--shadow); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page a, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page a { color: var(--brand-text-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .detail-section, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .detail-section, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info { box-shadow: var(--shadow); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info { background-color: var(--absolute); display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; flex-basis: var(--header-height); column-gap: 1rem; border: var(--outer-border); border-top: none; border-left: none; border-right: none; border-radius: var(--corner-radius); flex-shrink: 0; z-index: 1; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-default-image, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-default-image { height: var(--header-height); aspect-ratio: 1/1; background-color: var(--neutral-bg-weak); flex-grow: 1; border-radius: var(--corner-radius); border-top-right-radius: 0; overflow: hidden; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-default-image img, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-default-image img { height: 100%; width: 100%; object-fit: cover; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-basic-info-text, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-basic-info-text-description, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-basic-info-text, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-basic-info-text-description { margin: 1.5rem 1rem; flex-basis: 20em; flex-direction: column; display: flex; align-items: flex-start; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-basic-info-text, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-basic-info-text { flex-grow: 100; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-basic-info-text h2, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-basic-info-text h2 { font-weight: bold; margin: 0.5rem 0; color: var(--neutral-text-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers { flex-grow: 10; row-gap: 0.5rem; display: flex; flex-direction: column; align-items: flex-start; margin: 1rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .asset-next-ppm-date, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .barcode, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .asset-next-ppm-date, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .barcode { padding: 0.33em 0.5em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .barcode, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .barcode { background-color: var(--brand-graphic-strong); color: var(--absolute); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .barcode .fa, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .barcode .far, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .barcode .fas, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .barcode .fa, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .barcode .far, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .barcode .fas { margin-right: 0.66em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .asset-next-ppm-date, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .asset-next-ppm-date { color: var(--warn-graphic-strong); justify-self: center; border: 2px solid var(--warn-bg-strong); border-radius: 9999px; font-weight: bold; margin: 0; cursor: default; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .asset-next-ppm-date:before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .asset-next-ppm-date:before { color: var(--warn-graphic-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .asset-next-ppm-date:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .asset-next-ppm-date:focus-visible { background-color: var(--warn-bg-weak); color: var(--warn-text-weaker); border-color: var(--warn-bg); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .asset-next-ppm-date:focus-visible:before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-numbers .asset-next-ppm-date:focus-visible:before { color: var(--warn-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-basic-info-text-description, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-basic-info-text-description { flex-shrink: 1; flex-grow: 100; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-basic-info-text-description .asset-description, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info .asset-basic-info-text-description .asset-description { color: var(--neutral-text-weaker); max-width: 30em; align-self: center; margin: 0; box-sizing: border-box; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details { padding: 0.5rem; --overlap: calc(var(--corner-radius)); margin-top: calc(var(--overlap) * -1); padding-top: calc(var(--overlap) + 0.5rem); box-shadow: inset var(--shadow); flex-grow: 1; display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.5rem; align-items: flex-start; align-content: flex-start; justify-content: center; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .left-wrapper, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .left-wrapper { gap: inherit; flex-grow: 162; flex-basis: 30rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .left-wrapper .detail-section.asset-attributes .detail-subsections, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .left-wrapper .detail-section.asset-attributes .detail-subsections { display: flex; flex-wrap: wrap; flex-direction: row; gap: 2rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .left-wrapper .detail-section.asset-attributes .detail-subsections .asset-attributes-physical, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .left-wrapper .detail-section.asset-attributes .detail-subsections .asset-attributes-data, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .left-wrapper .detail-section.asset-attributes .detail-subsections .asset-attributes-physical, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .left-wrapper .detail-section.asset-attributes .detail-subsections .asset-attributes-data { flex-basis: 18rem; flex-grow: 1; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .left-wrapper .notes pre, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .left-wrapper .notes pre { max-width: 40rem; overflow-x: hidden; overflow-wrap: normal; word-break: normal; white-space: break-spaces; background-color: var(--bg); border: none; color: var(--neutral-text-weaker); font-family: unset; font-size: unset; padding: 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details > .detail-section, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details > .detail-section { flex-grow: 100; flex-basis: 30rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section { background-color: var(--bg); border-radius: var(--corner-radius); box-sizing: border-box; padding: 1em 1.5em; overflow: hidden; border: var(--outer-border); --separator: 1px solid var(--neutral-bg-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section h3, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section h3 { margin-top: 0; margin-bottom: 1.33em; color: var(--neutral-text-weak); font-size: 1.2rem; letter-spacing: 0.05em; border-bottom: 1px solid var(--neutral-bg-weak); padding-bottom: 0.66em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section h4, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section h4 { margin-top: 2rem; font-weight: bold; color: var(--neutral-graphic-strong); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl { width: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table tbody tr, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table:is(dl) div, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl tbody tr, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl:is(dl) div, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table tbody tr, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table:is(dl) div, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl tbody tr, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl:is(dl) div { display: flex; flex-direction: row; flex-wrap: wrap; color: var(--neutral-text-weaker); padding: 0.75em 0 0.5em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table tbody tr:not(:last-child), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table:is(dl) div:not(:last-child), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl tbody tr:not(:last-child), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl:is(dl) div:not(:last-child), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table tbody tr:not(:last-child), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table:is(dl) div:not(:last-child), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl tbody tr:not(:last-child), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl:is(dl) div:not(:last-child) { border-bottom: var(--separator); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table tbody tr th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table tbody tr td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table tbody tr dt, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table:is(dl) div th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table:is(dl) div td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table:is(dl) div dt, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl tbody tr th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl tbody tr td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl tbody tr dt, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl:is(dl) div th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl:is(dl) div td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl:is(dl) div dt, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table tbody tr th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table tbody tr td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table tbody tr dt, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table:is(dl) div th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table:is(dl) div td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table:is(dl) div dt, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl tbody tr th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl tbody tr td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl tbody tr dt, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl:is(dl) div th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl:is(dl) div td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl:is(dl) div dt { margin-bottom: 0.25em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table tbody tr th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table tbody tr dt, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table:is(dl) div th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table:is(dl) div dt, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl tbody tr th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl tbody tr dt, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl:is(dl) div th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl:is(dl) div dt, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table tbody tr th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table tbody tr dt, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table:is(dl) div th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table:is(dl) div dt, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl tbody tr th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl tbody tr dt, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl:is(dl) div th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl:is(dl) div dt { flex-basis: 12rem; font-weight: bold; flex-grow: 1; color: var(--neutral-graphic-strong); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table tbody tr td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table tbody tr dd, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table:is(dl) div td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table:is(dl) div dd, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl tbody tr td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl tbody tr dd, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl:is(dl) div td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl:is(dl) div dd, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table tbody tr td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table tbody tr dd, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table:is(dl) div td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section table:is(dl) div dd, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl tbody tr td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl tbody tr dd, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl:is(dl) div td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section dl:is(dl) div dd { flex-basis: 12rem; flex-grow: 100; max-width: 35em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.stats, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.stats { flex-basis: 100%; max-width: 100%; margin-top: -1rem; padding-top: 1.5rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.stats dl, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.stats dl { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; column-gap: 3rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.stats dl div, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.stats dl div { flex-basis: 14rem; flex-direction: row; flex-wrap: wrap; flex-grow: 1; align-items: center; max-width: 35em; column-gap: 1.5rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.stats dl div:last-child, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.stats dl div:last-child { border-bottom: var(--separator); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.stats dl div dd, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.stats dl div dd { align-self: center; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history table tbody tr td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming table tbody tr td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue table tbody tr td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history table tbody tr td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming table tbody tr td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue table tbody tr td { flex-basis: 18rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history .maintenance-works details.maintenance-work-item, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming .maintenance-works details.maintenance-work-item, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue .maintenance-works details.maintenance-work-item, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history .maintenance-works details.maintenance-work-item, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming .maintenance-works details.maintenance-work-item, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue .maintenance-works details.maintenance-work-item { margin: 0.33rem 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history .maintenance-works details.maintenance-work-item summary:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming .maintenance-works details.maintenance-work-item summary:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue .maintenance-works details.maintenance-work-item summary:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history .maintenance-works details.maintenance-work-item summary:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming .maintenance-works details.maintenance-work-item summary:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue .maintenance-works details.maintenance-work-item summary:after { font: var(--fa-font-solid); content: "\f107"; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history .maintenance-works details.maintenance-work-item[open] summary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming .maintenance-works details.maintenance-work-item[open] summary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue .maintenance-works details.maintenance-work-item[open] summary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history .maintenance-works details.maintenance-work-item[open] summary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming .maintenance-works details.maintenance-work-item[open] summary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue .maintenance-works details.maintenance-work-item[open] summary { border-bottom: var(--outer-border); border-bottom-style: dotted; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history .maintenance-works details.maintenance-work-item[open] summary:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming .maintenance-works details.maintenance-work-item[open] summary:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue .maintenance-works details.maintenance-work-item[open] summary:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history .maintenance-works details.maintenance-work-item[open] summary:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming .maintenance-works details.maintenance-work-item[open] summary:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue .maintenance-works details.maintenance-work-item[open] summary:after { content: "\f106"; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history .maintenance-works details.maintenance-work-item summary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history .maintenance-works details.maintenance-work-item .maintenance-work-item-detail, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming .maintenance-works details.maintenance-work-item summary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming .maintenance-works details.maintenance-work-item .maintenance-work-item-detail, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue .maintenance-works details.maintenance-work-item summary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue .maintenance-works details.maintenance-work-item .maintenance-work-item-detail, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history .maintenance-works details.maintenance-work-item summary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history .maintenance-works details.maintenance-work-item .maintenance-work-item-detail, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming .maintenance-works details.maintenance-work-item summary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming .maintenance-works details.maintenance-work-item .maintenance-work-item-detail, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue .maintenance-works details.maintenance-work-item summary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue .maintenance-works details.maintenance-work-item .maintenance-work-item-detail { padding: 1rem 1.5rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history .maintenance-works details.maintenance-work-item summary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming .maintenance-works details.maintenance-work-item summary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue .maintenance-works details.maintenance-work-item summary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history .maintenance-works details.maintenance-work-item summary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming .maintenance-works details.maintenance-work-item summary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue .maintenance-works details.maintenance-work-item summary { color: var(--neutral-text-weaker); display: flex; cursor: pointer; font-weight: bold; font-size: 1.15em; align-items: center; justify-content: space-between; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history .maintenance-works details.maintenance-work-item summary:focus, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming .maintenance-works details.maintenance-work-item summary:focus, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue .maintenance-works details.maintenance-work-item summary:focus, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history .maintenance-works details.maintenance-work-item summary:focus, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming .maintenance-works details.maintenance-work-item summary:focus, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue .maintenance-works details.maintenance-work-item summary:focus { outline: none !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history .maintenance-works details.maintenance-work-item summary:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming .maintenance-works details.maintenance-work-item summary:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue .maintenance-works details.maintenance-work-item summary:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-history .maintenance-works details.maintenance-work-item summary:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-upcoming .maintenance-works details.maintenance-work-item summary:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section.maintenance .maintenance-overdue .maintenance-works details.maintenance-work-item summary:focus-visible { background-color: var(--brand-bg-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists [ui-view=checklistPage], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists [ui-view=checklistPage] { width: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists [ui-view=checklistPage] .foreground-branded, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists [ui-view=checklistPage] .foreground-branded { color: var(--brand-text); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section h4, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section h4 { font-size: 1.6rem !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section h4 i, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section h4 i { color: var(--neutral-text-weaker); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section h4 span, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section h4 span { color: var(--info-text-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section:not(:first-child) h4, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section:not(:first-child) h4 { margin-top: 40px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section .filter-item, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section .filter-item { padding: 2px; margin: 4px 0px; font-size: 1.5rem; color: var(--neutral-text-stronger); border-color: var(--neutral-bg-strong); outline: none !important; background: var(--neutral-bg-weak); border: 1px solid transparent; border-radius: 0.33em; box-shadow: 0 0.05em 0 rgba(0, 0, 0, 0); transition: all 0.15s ease-out; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section .filter-item .filter-item-count, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section .filter-item .filter-item-count { width: 40px; text-align: center; font-size: 1.5rem !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section .filter-item .small, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section .filter-item .small { font-size: 0.8rem; color: var(--neutral-text-weaker); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section .filter-item:not(.is-selected):hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section .filter-item.is-selected:not(:hover), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section .filter-item:not(.is-selected):hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section .filter-item.is-selected:not(:hover) { background: var(--neutral-bg-weaker); border-color: var(--neutral-bg-strong); box-shadow: 0 0.05em 0.5em rgba(0, 0, 0, 0.1333333333); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section .filter-item:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section .filter-item:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section .filter-item:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .filters-panel .panel-body .filter-section .filter-item:focus-visible { transition: all 0.15s ease-out; cursor: pointer; outline: none !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-list-section-header, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-list-section-header { background-color: var(--bg); font-size: 1.3rem; font-weight: bold; letter-spacing: 0.03em; padding: 0.5em 0; position: sticky; top: 0; color: var(--neutral-text-weaker); z-index: 10; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item { background-color: var(--absolute); color: var(--neutral-text-strong); font-size: 1.2rem; font-weight: bold; letter-spacing: 0.03em; margin: 0 1rem 1rem; box-shadow: var(--card-shadow); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.danger, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.danger { border-right: 1rem solid var(--danger-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.danger .badge, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.danger .badge { background-color: transparent; color: var(--danger-text-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.warn, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.warn { border-right: 1rem solid var(--warn-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.warn .badge, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.warn .badge { background-color: transparent; color: var(--warn-text-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.success, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.success { border-right: 1rem solid var(--success-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.success .badge, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.success .badge { background-color: transparent; color: var(--success-text-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.info, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.info { border-right: 1rem solid var(--info-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.info .badge, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.info .badge { background-color: transparent; color: var(--info-text-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.brand, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.brand { border-right: 1rem solid var(--brand-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.brand .badge, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.brand .badge { background-color: transparent; color: var(--brand-text-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.neutral, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.neutral { border-right: 1rem solid var(--neutral-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.neutral .badge, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.neutral .badge { background-color: transparent; color: var(--neutral-text-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item ul, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item ul { letter-spacing: 0; margin-top: 0.5em !important; padding: 0.75em 0.5em 0.5em 1.5em; width: 100%; border-top: 1px solid var(--neutral-bg-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item ul li, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item ul li { font-weight: normal; font-size: 0.9rem; color: var(--neutral-text-weaker); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item ul li.draft-status, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item ul li.draft-status { --v: 0.28em; --h: 0.8em; --fold: calc(var(--h) * 1.04); color: var(--absolute); background-color: var(--neutral-text-weaker); display: inline-block; padding: calc(var(--v) * 1.618) calc(var(--h) * 1.618) var(--v) var(--h); margin: 0.5em calc(var(--h) * -1); border-radius: var(--v) var(--fold) var(--v) var(--v); position: relative; overflow: hidden; box-shadow: -3px 4px 3px -2px rgba(0, 0, 0, 0.1); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item ul li.draft-status:before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item ul li.draft-status:before { content: ""; border-radius: 0 0 0 var(--v); background-color: var(--neutral-graphic-weak); width: var(--fold); height: var(--fold); position: absolute; top: 0; right: 0; box-shadow: -1px 1px 6px 2px rgba(0, 0, 0, 0.15), inset 2px -2px 2px -1.5px rgba(255, 255, 255, 0.25); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item ul li b, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item ul li b { letter-spacing: 0.03em; color: var(--neutral-text-weaker); margin-right: 0.33em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item:not(.disabled):hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item:not(.disabled):hover { background-color: var(--brand-bg-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item:not(.disabled):hover ul, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item:not(.disabled):hover ul { border-top: 1px solid var(--brand-bg); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.disabled, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.disabled { cursor: default; background-color: var(--bg); color: var(--neutral-text-weak) !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.disabled > ul li, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.disabled > ul li { color: var(--neutral-text-weaker); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel { border: solid 1px var(--neutral-graphic-weak); background-color: var(--absolute); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel > .panel-heading, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel > .panel-heading { border-radius: 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel.panel-danger, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel.panel-danger { border-top: 0.5em solid var(--danger-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel.panel-danger > .panel-heading, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel.panel-danger > .panel-heading { background-color: var(--danger-bg); color: var(--danger-text); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel.panel-warning, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel.panel-warning { border-top: 0.5em solid var(--warn-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel.panel-warning > .panel-heading, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel.panel-warning > .panel-heading { background-color: var(--warn-bg-weak); color: var(--warn-text-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel.panel-success, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel.panel-success { border-top: 0.5em solid var(--success-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel.panel-success > .panel-heading, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel.panel-success > .panel-heading { background-color: var(--success-bg-weak); color: var(--success-text-); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel .panel-title, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel .panel-title { font-size: 1rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel .panel-body, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel .panel-body { background-color: var(--absolute); color: var(--neutral-text-weaker); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel .panel-body .progress, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel .panel-body .progress { background-color: var(--bg); overflow: hidden; box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.066), inset 0 1px 0 rgba(0, 0, 0, 0.33), inset 0 0 0 1px var(--neutral-bg, rgba(126, 126, 126, 0.15)), 0 1px 0 rgba(255, 255, 255, 0.33); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel .panel-body .progress .progress-bar-success, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel .panel-body .progress .progress-bar-success { background-color: var(--success-graphic, #5cb85c); position: relative; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel .panel-body .progress .progress-bar-success::after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel .panel-body .progress .progress-bar-success::after { content: ""; inset: 3.33px 0 3.33px 2px; background-color: white; position: absolute; filter: blur(2px) opacity(0.33); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question { --h-pad: 1rem; background-color: var(--absolute); margin: 1rem 1rem 1rem 0.5rem; border: 1px solid var(--neutral-graphic-weak); border-radius: 0.5rem; overflow: hidden; padding: 0 var(--h-pad); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question .form-group, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question .form-group { margin-bottom: 0px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question .flexi-title, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question .flexi-title { font-size: 1.25em; padding: var(--h-pad); margin: 0 calc(var(--h-pad) * -1) 1em; width: 100%; box-sizing: content-box; background-color: inherit !important; color: var(--neutral-text) !important; border-bottom: 1px solid var(--brand-bg-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question .flexi-instructions, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question .flexi-instructions { font-size: 1em; margin-bottom: 1em; color: var(--neutral-text-weaker); padding: 0 1.5em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question [ng-show="question.AllowNA"], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question [ng-show="question.AllowNA"] { margin: 1em 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question [ng-show="question.AllowNA"] label, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question [ng-show="question.AllowNA"] label { margin: 0 auto; padding: 0.3em 0.5em; padding-left: 0.3em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question .alert, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question .alert { font-size: 0.9em; padding: 4px 8px; margin: 5px 0px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-note, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-note { font-size: 14px; background-color: var(--neutral-bg-weak); padding: 0.5em; border-radius: 4px; margin: 6px; border: solid 1px var(--neutral-bg); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-note > small, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-note > small { font-size: 11px; color: var(--neutral-text-weaker); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .upload-button-container, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .upload-button-container { display: inline; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-library .simple-library-title, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-library .simple-library-title { margin-bottom: 30px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance { display: flex; flex-direction: column; height: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] { /*overflow-y: auto;*/ /*height: 100%;*/ } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] .schedules form.schedules-list, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] .schedules form.schedules-list { display: flex; flex-direction: column; padding: 0 1em; height: 100%; overflow: unset; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] .schedules form.schedules-list fieldset .schedule-item, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] .schedules form.schedules-list fieldset .schedule-item { align-items: stretch; margin: 1rem 0; color: var(--neutral-text); border-radius: 0.25rem; border-color: var(--neutral-graphic-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] .schedules form.schedules-list fieldset .schedule-item input[type=radio], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] .schedules form.schedules-list fieldset .schedule-item .fa, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] .schedules form.schedules-list fieldset .schedule-item input[type=radio], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] .schedules form.schedules-list fieldset .schedule-item .fa { align-self: center; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] .schedules form.schedules-list fieldset .schedule-item .list-unstyled, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] .schedules form.schedules-list fieldset .schedule-item .list-unstyled { margin: 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] .schedules form.schedules-list fieldset .schedule-item .schedule-description, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] .schedules form.schedules-list fieldset .schedule-item .schedule-description { display: flex; align-self: stretch; flex-direction: column; flex-shrink: 1; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] .schedules form.schedules-list fieldset .schedule-item .schedule-description h4, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] .schedules form.schedules-list fieldset .schedule-item .schedule-description h4 { display: flex; text-align: left; font-size: 1.2rem; flex-grow: 1; align-items: center; font-weight: bold; color: var(--neutral-text-weak); line-height: 1.45em; margin: 1em 1em 1em 0.75em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] .schedules form.schedules-list fieldset .schedule-item .schedule-description .schedule-status, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] .schedules form.schedules-list fieldset .schedule-item .schedule-description .schedule-status { flex-grow: 0; align-self: flex-start; font-size: 1rem; padding: 0.05rem 0.5rem; position: absolute; top: -0.7em; left: 0.5em; border-radius: 0.2em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] .schedules form.schedules-list fieldset .schedule-item .schedule-description .schedule-status--default, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage] .schedules form.schedules-list fieldset .schedule-item .schedule-description .schedule-status--default { background-color: var(--absolute); color: var(--neutral-text-weaker); border: 1px solid var(--neutral-graphic-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .compliance-list, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .compliance-list { border: 2px solid var(--neutral-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .compliance-list .item, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .compliance-list .item { padding: 5px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .compliance-list .item .div, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .compliance-list .item .div { padding-left: 10px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .compliance-list .item .fa, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .compliance-list .item .fa { font-size: 52px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .compliance-list .item:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .compliance-list .item:hover { background-color: var(--neutral-bg); color: var(--neutral-text); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .table-meta-grid a, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .table-meta-grid a { font-size: 20px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .ng-submitted .ng-invalid-required:not([ng-form]), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .ng-submitted .ng-invalid-required:not([ng-form]) { background-color: var(--danger-bg) !important; border-color: var(--danger-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .location-pick-panel, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .location-pick-panel { background-color: #efefef; background-color: var(--brand-bg, #efefef); margin: 10px 3px; padding: 10px; border-radius: 10px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .location-pick-panel b, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .location-pick-panel b { font-size: 0.9em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .location-pick-panel.selected, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .location-pick-panel.selected { background-color: #ddd; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .location-pick-panel .selected-location-text, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .location-pick-panel .selected-location-text { margin-top: 10px; margin-left: 30px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .table-meta-grid tr > th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .table-meta-grid tr > td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .table-meta-grid tr > th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .table-meta-grid tr > td { font-size: 0.7em !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-header, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-header { /*background-color: var(--brand-bg-weak);*/ color: var(--neutral-text); padding: 1em; margin: 1rem 0 0.5rem; border-bottom: 0.25em solid var(--brand-graphic-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-header .doc-job-dates, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-header .doc-job-dates { top: 0.2em; position: relative; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-header h4, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-header h4 { color: var(--neutral-text-strong); margin-bottom: 1rem; font-weight: bold; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-header h5, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-header h5 { color: var(--neutral-text-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step { margin: 1rem 0.25rem; padding: 0.5rem 0.75rem; border: 1px solid var(--neutral-bg-weak); border-radius: 0.25rem; background-color: var(--absolute); box-shadow: 0 0.15rem 0.25rem rgba(0, 0, 0, 0.1); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .objective, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .objective { min-height: 110px; padding: 10px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .objective .fa, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .objective .fa { /*color: var(--brand-text-weaker);*/ font-size: 52px !important; padding: 10px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .objective .flex, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .objective .flex { flex-wrap: wrap; justify-content: center; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .objective .flex .inspection-date, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .objective .flex .inspection-date { background-color: var(--neutral-bg-weak); color: var(--neutral-text); padding: 0.25em 0.5em 0.5rem; border: 1px solid var(--neutral-bg-strong); border-radius: 0.25rem; width: 250px; margin-left: 10px; margin-top: 10px; flex-grow: 1; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .objective .flex .inspection-date .fa, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .objective .flex .inspection-date .fa { color: #fff; font-size: 15px !important; padding: 0px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step img, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step img { width: 50px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .list-group, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .list-group { margin: 1rem 0.5rem 0.5rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .step-header h4, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step h4.step-header, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .step-header h4, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step h4.step-header { font-size: 1.2rem; color: var(--neutral-text); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .div.job-list-item ul.job-dates, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .div.job-list-item ul.job-dates { display: grid; font-size: 90%; margin-top: 6px; margin-bottom: 0px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step.status, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step.status { border-bottom: 0.25rem solid var(--neutral-bg-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step.status.danger, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step.status.danger { border-bottom-color: var(--danger-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step.status.success, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step.status.success { border-bottom-color: var(--success-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step button.dropdown-toggle[aria-expanded=true] + .dropdown-menu, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step button.dropdown-toggle[aria-expanded=true] + .dropdown-menu { left: -50px !important; top: -8em; height: 8em; display: flex; align-items: stretch; flex-direction: column; padding: 0.5em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step button.dropdown-toggle[aria-expanded=true] + .dropdown-menu button, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step button.dropdown-toggle[aria-expanded=true] + .dropdown-menu button { flex-grow: 1; display: flex; align-items: stretch; flex-direction: column; justify-content: center; margin: 0.25rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .compliance-state, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .compliance-state { font-weight: bold; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .compliance-state .compliant, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .compliance-state .compliant { color: var(--success-text-weaker) !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .compliance-state .non-compliant, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .compliance-state .non-compliant { color: var(--danger-text-weaker) !important; } @media (min-width: 768px) { html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .ticket-progress > img, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .ticket-progress > img { height: 100px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .attachment-thumb > i.fa.fa-times, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .attachment-thumb > i.fa.fa-times { font-size: 1em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .attachment-thumb > div, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .attachment-thumb > div { font-size: 0.5em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .location-pick-panel b, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .location-pick-panel b { font-size: 0.7em; } } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .quick-dialog .msgPadding, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .quick-dialog .msgPadding { margin-bottom: 10px; padding: 2px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .quick-dialog .msgBorder, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .quick-dialog .msgBorder { border: 1px solid var(--neutral-text-strong); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-list-wrapper, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-list-wrapper { max-width: 1700px; flex-grow: 1; height: 100%; display: flex; flex-direction: column; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper { row-gap: 1em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] { flex-grow: 1; overflow: hidden; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz { display: flex; flex-direction: column; align-items: center; overflow-y: auto; height: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz h2, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz h2 { order: 1; border-bottom: 1px solid var(--neutral-bg); padding-bottom: 0.5em; width: 100%; margin-bottom: 1rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz:before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz:before { content: ""; flex-grow: 3; order: 3; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz:after { content: ""; flex-grow: 4; order: 5; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form { order: 4; max-width: 35em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question { border: none; margin: 2em 0; display: grid; gap: 1em; grid-auto-rows: 1fr; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question.complete label.quiz-option:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question.complete label.quiz-option:hover { cursor: default; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question legend, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question legend { border: none; font-size: 1.5em; color: var(--neutral-text-strong); margin-bottom: 1.5em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option { padding: 1em 1.5em; display: flex; align-items: center; position: relative; justify-content: space-between; gap: 1em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option:hover { cursor: pointer; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option.correct input[type=radio], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option.correct input[type=radio] { border: 1px solid var(--success-graphic); background-color: var(--success-bg-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option.correct .label-text, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option.correct .label-text { color: var(--success-text); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option.incorrect, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option.incorrect { cursor: not-allowed; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option.incorrect input[type=radio], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option.incorrect input[type=radio] { border: 1px solid var(--danger-graphic); background-color: var(--danger-bg-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option.incorrect .label-text, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option.incorrect .label-text { color: var(--danger-text-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option .label-text, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option .label-text { color: var(--neutral-text-weaker); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option .validation-correct, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option .validation-incorrect, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option .validation-correct, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option .validation-incorrect { font-weight: bold; white-space: nowrap; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option .validation-correct, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option .validation-correct { color: var(--success-text-weaker); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option .validation-correct i, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option .validation-correct i { color: var(--success-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option .validation-incorrect, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option .validation-incorrect { color: var(--danger-text-weaker); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option .validation-incorrect i, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option .validation-incorrect i { color: var(--danger-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option input[type=radio], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option input[type=radio] { appearance: none; position: absolute; margin: 0; top: 0; inset: 0; z-index: -1; background-color: var(--absolute); pointer-events: none; --bg-selected: var(--brand-graphic-strong); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option input[type=radio]:checked, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option input[type=radio]:checked { background-color: var(--bg-selected); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option input[type=radio]:checked + .label-text, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option input[type=radio]:checked + .label-text { color: var(--absolute); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option input[type=radio]:focus, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-module-quiz form.quiz-form fieldset.question label.quiz-option input[type=radio]:focus { outline: none !important; background-color: var(--bg-selected); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper { --border: 1px solid var(--neutral-bg-strong); --list-bg: var(--bg); box-shadow: 0 0 1.5em -1.33em black; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list { flex-grow: 1; overflow-y: auto; padding: 2em 1em; background-color: var(--list-bg); border: var(--border); border-top: none; border-bottom-right-radius: var(--corner-radius); border-bottom-left-radius: var(--corner-radius); position: relative; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list .course-list-section-heading, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list .course-list-section-heading { color: var(--neutral-text-weaker); font-weight: bold; font-size: 1.33em; letter-spacing: 0.04em; word-spacing: 0.1em; width: 100%; text-align: center; margin: 1.5em 0 1.5em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list .course-list-section-heading i, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list .course-list-section-heading i { color: var(--neutral-graphic-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list .course-list-section-heading i.info, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list .course-list-section-heading i.info { color: var(--info-graphic-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list .course-list-section-heading i.success, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list .course-list-section-heading i.success { color: var(--success-graphic-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(35em, 1fr)); grid-auto-rows: auto; gap: 1em; width: 100%; justify-items: center; grid-auto-rows: 1fr; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul li, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul li { width: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .broadcast, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .broadcast { padding: 1em 1.5em; --skew: 3.5deg; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .broadcast .card, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .broadcast .card { border-radius: 0.66em; height: 100%; background-color: var(--absolute); border: 1px solid var(--brand-graphic); color: var(--brand-text); display: flex; overflow: hidden; transform: skewX(calc(var(--skew) * -1)); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .broadcast .card .icon, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .broadcast .card .icon { display: flex; font-size: 1.66em; background: linear-gradient(90deg, var(--brand-graphic) 66%, transparent 67%); align-items: center; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .broadcast .card i, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .broadcast .card i { transform: skewX(var(--skew)); color: var(--brand-bg-weak); background-color: var(--brand-graphic); padding: 0.66em; border-radius: 1000px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .broadcast .card .broadcast-text, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .broadcast .card .broadcast-text { transform: skewX(var(--skew)); padding: 1em 2em 1.5em 0.5em; display: flex; flex-direction: column; flex-grow: 1; align-items: center; justify-content: center; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .broadcast .card .broadcast-text .broadcast-title, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .broadcast .card .broadcast-text .broadcast-title { font-size: 2em; font-weight: bold; color: var(--brand-text-weaker); border-bottom: 2px solid var(--brand-bg-weak); margin-bottom: 0.5em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .broadcast .card .broadcast-text .broadcast-description, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .broadcast .card .broadcast-text .broadcast-description { font-size: 1.1em; color: var(--brand-text-weak); display: -webkit-box; margin: 0.5em 1em; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .broadcast, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .broadcast { max-width: 1080px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item { padding: 0; background-color: var(--absolute); display: flex; flex-direction: column; overflow: hidden; justify-content: space-between; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-status, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-status { order: 1; position: relative; display: flex; align-items: flex-start; justify-content: flex-end; right: -1em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-status div, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-status div { position: relative; right: 0; color: var(--neutral-text-weaker); padding: 0.25em 1em; width: max-content; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-status div.complete, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-status div.complete { font-weight: bold; color: var(--success-text-weaker); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-status div.complete span, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-status div.complete span { color: var(--success-text-weak); font-weight: normal; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-status div.complete:before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-status div.complete:before { color: var(--success-graphic-weak); content: "\f058"; font-family: "Font Awesome 5 Pro"; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item.new-course-item .course-item-status div, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item.new-course-item .course-item-status div { color: var(--absolute); font-weight: bold; background-color: var(--info-graphic-strong); border-bottom-left-radius: var(--corner-radius); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item.new-course-item .course-item-main .course-item-main-text .course-title, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item.new-course-item .course-item-main .course-item-main-text .course-title { box-shadow: 0 0.33em 0 -2px var(--info-bg-weak); text-shadow: 0 2px 0.33em var(--absolute); color: var(--neutral-text); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .stats, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .stats { display: flex; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .stats:before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .stats:before { content: ""; flex-grow: 1; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .stats:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .stats:after { content: ""; flex-grow: 4; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .stats dl, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .stats dl { display: flex; flex-wrap: wrap; padding: 1em; column-gap: 2.5em; margin: 0; color: var(--neutral-graphic-strong); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .stats dl div, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .stats dl div { display: flex; flex-wrap: wrap; gap: 0 0.4em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .stats dl div dd, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .stats dl div dd { white-space: nowrap; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main { display: flex; flex-direction: row; min-height: 10em; height: 100%; flex-grow: 1; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main .course-thumbnail, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main .course-thumbnail { max-height: 15em; aspect-ratio: 1/1; background-color: var(--neutral-bg-weak); pointer-events: none; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main .course-item-main-text, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main .course-item-main-text { display: flex; flex-grow: 1; padding: 0 1em; flex-direction: column; justify-content: space-between; align-items: stretch; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main .course-item-main-text .course-title, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main .course-item-main-text .course-item-description, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main .course-item-main-text .course-title, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main .course-item-main-text .course-item-description { max-width: 40em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main .course-item-main-text .course-title, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main .course-item-main-text .course-title { order: 2; font-size: 1.6em; letter-spacing: 0.01em; font-weight: bold; color: var(--neutral-text-weak); align-self: flex-start; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main .course-item-main-text .course-item-description, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main .course-item-main-text .course-item-description { order: 3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main .course-item-main-text .reference-number, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main .course-item-main-text .reference-number { order: 4; text-align: right; font-size: 1.2em; color: var(--neutral-text-weaker); } @media screen and (max-width: 900px) { html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul { grid-template-columns: minmax(320px, 1fr); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main .course-title, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main .course-title { font-size: 1.5em !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main .course-thumbnail, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-list-wrapper .course-list ul .course-item .course-item-main .course-thumbnail { height: 20vw; min-height: 3em; align-self: center; } } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-completion-page, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-completion-page { display: flex; flex-direction: column; align-items: center; height: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-completion-page:before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-completion-page:before { content: ""; flex-grow: 5; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-completion-page:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-completion-page:after { content: ""; flex-grow: 7; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-completion-page .course-completion-page-wrapper, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-completion-page .course-completion-page-wrapper { display: flex; flex-direction: column; align-items: center; max-width: 35em; background-color: var(--success-bg-weak); padding: 2em 0 0; color: var(--success-text-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-completion-page .course-completion-page-wrapper i, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-completion-page .course-completion-page-wrapper i { color: var(--success-bg); font-size: 10em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-completion-page .course-completion-page-wrapper .course-completion-heading, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-completion-page .course-completion-page-wrapper .course-completion-heading { color: var(--success-text-weaker); font-size: 1.8em; font-weight: bold; margin: 1em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-completion-page .course-completion-page-wrapper .course-completion-message, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-completion-page .course-completion-page-wrapper .course-completion-message { text-align: center; padding: 0 2em 1.5em; width: 100%; margin-bottom: 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page { display: flex; flex-direction: column; align-items: center; height: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page:before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page:before { content: ""; flex-grow: 5; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page:after { content: ""; flex-grow: 7; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page .course-confirm-instruction, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page .course-confirm-instruction { padding: 3.5em 3em; margin: 0.5em; max-width: 35em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page .course-confirm-instruction p, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page .course-confirm-instruction p { margin: 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page .course-confirm-instruction hr, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page .course-confirm-instruction hr { margin: 2em 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page .course-confirm-instruction .instruction-strong, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page .course-confirm-instruction .instruction-strong { font-size: 1.1em; display: inline-flex; gap: 1ch; margin-left: -0.5ch; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page .course-confirm-instruction .instruction-strong i, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page .course-confirm-instruction .instruction-strong i { font-size: 1.2em; color: var(--warn-graphic-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page .course-confirm-instruction .instruction-subtle, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page .course-confirm-instruction .instruction-subtle { color: var(--neutral-text-weaker); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page .course-confirm-instruction.card, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-confirm-page .course-confirm-instruction.card { color: var(--neutral-text-weaker); background-color: var(--absolute); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview { display: flex; overflow: auto; height: 100%; flex-direction: column; align-items: center; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview:before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview:before { flex-grow: 3; content: ""; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview:after { flex-grow: 4; content: ""; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview .course-overview-main, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview .course-overview-main { padding: 1em 2em 3em; background-color: var(--absolute); height: min-content; max-width: 52em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview .course-overview-main .course-overview-header, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview .course-overview-main .course-overview-header { display: flex; gap: 1em; width: 100%; align-items: center; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview .course-overview-main .course-overview-header .course-overview-event-title, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview .course-overview-main .course-overview-header .course-overview-event-title { flex-grow: 1; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview .course-overview-main .course-overview-header .course-thumbnail, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview .course-overview-main .course-overview-header .course-thumbnail { flex-basis: 6em; flex-shrink: 1; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview .course-overview-main .stats dl, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview .course-overview-main .stats dl { margin-top: 1em; margin-bottom: 1em; display: flex; gap: 0.5em 1.5em; flex-wrap: wrap; justify-content: flex-end; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview .course-overview-side, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview .course-overview-side { height: min-content; color: var(--neutral-text-weaker); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview .course-overview-side div, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview .course-overview-side div { margin: 0.5em 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview .course-overview-notes, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview .course-overview-notes { white-space: pre-wrap; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview .overview-instruction, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .course-overview .overview-instruction { padding: 1.5em 2em; margin-top: 3em; background-color: var(--info-bg-weak); color: var(--info-text); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .h-100, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .h-100 { height: 100%; position: relative; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .h-100 embed, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .h-100 object, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .h-100 embed, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .h-100 object { width: 100%; height: 100%; padding: 0; margin: 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .h-100 h2, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage] .h-100 h2 { margin-top: 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .card, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .card { --card-shadow: 0 0.15em 0.33em rgba(0,0,0,0.1); border: 1px solid var(--neutral-bg); border-radius: var(--corner-radius, 0.2em); box-shadow: var(--card-shadow); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls { display: flex; flex-direction: row-reverse; gap: 2em; flex-wrap: nowrap; z-index: 200; position: relative; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls button.quiz-btn, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls button.btn.btn-confirm-complete, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls button.quiz-btn, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls button.btn.btn-confirm-complete { padding: 0.66em 1.33em; flex-basis: 10em; flex-grow: 4; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls button.quiz-btn.quiz-btn-instruction, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls button.quiz-btn.quiz-btn-instruction { background-color: transparent !important; color: var(--neutral-text-weak) !important; border: 1px solid var(--neutral-bg-weak) !important; font-weight: bold !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls button.quiz-btn.quiz-btn-validate, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls button.quiz-btn.quiz-btn-validate { background-color: var(--brand-bg) !important; color: var(--brand-text-strong) !important; border: 1px solid var(--brand-graphic-strong) !important; font-weight: bold !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls button.quiz-btn.quiz-btn-fail, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls button.quiz-btn.quiz-btn-fail { background-color: transparent !important; color: var(--danger-text-weaker) !important; border: 1px solid var(--danger-bg) !important; font-weight: bold !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls button.btn.btn-confirm-complete, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls button.btn.btn-confirm-complete { background-color: var(--success-graphic-strong) !important; color: var(--absolute) !important; border: none !important; font-weight: bold; text-shadow: 0 0.05em 0.066em var(--success-text-weaker); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls .btn-group, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls .btn-group { display: flex; flex-grow: 1; margin: 0; box-sizing: border-box; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls .btn-group [uib-btn-radio], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls .btn-group [uib-btn-radio] { background-color: var(--list-bg); border: var(--border); color: var(--neutral-text-weaker); border-radius: var(--corner-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: inset 0 -3em 4em -3em rgba(0, 0, 0, 0.066); font-weight: bold; letter-spacing: 0.033em; font-size: 1em; margin: 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls .btn-group [uib-btn-radio].active, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls .btn-group [uib-btn-radio].active { border-bottom: none; box-shadow: none; color: var(--brand-text); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls .btn-group [uib-btn-radio].active:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls .btn-group [uib-btn-radio].active:hover { background-color: var(--list-bg) !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls .btn-group [uib-btn-radio].active:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls .btn-group [uib-btn-radio].active:after { content: ""; position: absolute; inset: 0 16.5%; border-bottom: 0.2em solid var(--brand-bg-strong); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls button, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls [uib-btn-radio], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls button, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls [uib-btn-radio] { flex-grow: 3; padding: 0.66em 1.33em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls button.background-branded, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls button.background-branded { flex-basis: 10em; flex-grow: 4; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-broadcast, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-broadcast { background-color: var(--bg); height: 100%; border: 1px solid var(--neutral-bg-strong); border-radius: var(--corner-radius); padding: 1em 1.5em; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap { font-size: 1rem; display: flex; min-height: 100%; flex-direction: column; justify-content: center; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap:before, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap:before { content: ""; flex-grow: 3; max-height: 10em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap:after, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap:after { content: ""; flex-grow: 7; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu { --tile-spacing: 0.6rem; width: 100%; position: sticky; top: 0; overflow: auto; display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; padding: 0.75em; padding-bottom: 0; margin-right: calc(var(--tile-spacing) * -1); gap: 20px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a { --square-size: 7.5em; width: var(--square-size); text-align: center; height: var(--square-size); background-color: var(--neutral-bg-weak); margin-right: var(--tile-spacing); margin-bottom: var(--tile-spacing); display: flex; flex-direction: column; align-items: center; justify-content: center; align-content: center; font-size: 1rem; border-radius: 0.75em; position: relative; vertical-align: bottom; padding: 0.4em 0.5em 0.6em; box-sizing: content-box; transition: all 0.1s ease-out; color: var(--neutral-text-weak); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a > .count-badge, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a > .count-badge { position: absolute; top: -0.25em; right: -0.25em; font-size: 1em; border-radius: 0.75em; min-width: 1.5em; height: 1.5em; padding: 0.25em; line-height: 1em; } @media not screen and (prefers-color-scheme: dark) { html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a > .count-badge.badge-warning, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a > .count-badge.badge-warning { background-color: var(--warn-bg-strong, #f59c1a); color: var(--warn-text-stronger, #000000); } } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a > .home-item-title, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a > .home-item-title { left: 0; right: 0; min-height: 2em; height: 35%; background-color: inherit; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1em; margin-top: 0.25em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a:focus-visible { background-color: var(--brand-bg); color: var(--brand-text); text-decoration: none; transform-style: preserve-3d; transform: scale(1.05); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a:hover > div.icon, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a:focus-visible > div.icon, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a:hover > div.icon, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a:focus-visible > div.icon { background-color: var(--brand-text); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a:active, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a:active { background-color: var(--brand-bg-strong); color: var(--brand-text-strong); transition-duration: 0.1s; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a:active > div.icon, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a:active > div.icon { background-color: var(--brand-text-strong); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a:active .background-branded, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a:active .background-branded { background-color: var(--brand-text-strong) !important; filter: saturate(0.5); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a > div.icon, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a > div.icon { color: var(--brand-text-strong); height: 5em; width: 5em; -webkit-mask-size: 5em; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; mask-size: 5em; mask-position: center; mask-repeat: no-repeat; } @media (min-width: 1200px) { html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents html.ng-scope body.simplified-layout .home .home-menu-wrap .home-menu > a, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents html.ng-scope body.simplified-layout .home .home-menu-wrap .home-menu > a { font-size: calc(0.9rem + (0.1vmin + 0.1vmax) / 2); } } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .building-list, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .building-list { font-size: 0.9em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .building-list div.location-header, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .building-list div.location-header { background-color: #eee; padding: 3px; position: sticky; top: 0px; padding-left: 11px; font-weight: bold; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .building-list div.building-item, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .building-list div.building-item { padding: 6px; border: solid 1px #d1d1d1; margin: 5px; border-radius: 2px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .building-list div.building-item.selected, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .building-list div.building-item.selected { background-color: #ddd; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .building-list div.building-item i.fa, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .building-list div.building-item i.fa { font-size: 1.5em; margin-right: 6px; color: var(--brand-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets [role=search], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets [role=search] { align-self: center; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .selected-location, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .selected-location { padding-top: 20px; border-color: var(--brand-graphic-weak); background-color: var(--brand-bg-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .selected-location i.fa, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .selected-location i.fa { color: var(--brand-graphic-strong) !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .selected-location.highlighted, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .selected-location.highlighted { border-color: var(--brand-graphic-weak); background-color: var(--brand-bg-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .selected-location .selected-location-path, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .selected-location .selected-location-path { position: absolute; top: -10px; left: 0px; font-size: 0.5em; color: var(--neutral-text-weaker); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option { margin: 0.5rem; padding: 10px; border-radius: 4px; color: var(--bg) !important; text-align: left; display: flex; background-color: var(--brand-text-weaker) !important; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: flex-start; overflow: initial; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option > img, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option > img { width: 34px; margin-right: 18px; color: var(--bg); filter: var(--dark-invert); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option > span[ng-show], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option > span[ng-show] { color: var(--bg); position: absolute; right: 1.5rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option.message-only, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option.message-only { background-color: var(--neutral-bg-weak) !important; color: var(--neutral-text-weaker) !important; cursor: help; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option.message-only > img, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option.message-only > img { filter: invert(0.5); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option:not(.message-only):hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option:not(.message-only):focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option:not(.message-only):hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option:not(.message-only):focus-visible { background-color: var(--brand-text) !important; opacity: 1; box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.2); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ng-submitted .ng-invalid-required:not([ng-form]), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ng-submitted .ng-invalid-required:not([ng-form]) { background-color: var(--danger-bg, #fbbfbf) !important; border-color: var(--danger-graphic-weak, #ff3a3a); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-progress, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-progress { margin-bottom: 30px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-progress > img, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-progress > img { height: 70px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .form-group, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .form-group { padding: 5px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .form-group span, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .form-group span { font-size: 1rem !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging table.table-meta-grid tr > td:last-child, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging table.table-meta-grid tr > td:last-child { font-size: 15px; width: 70px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging table.table-meta-grid tr > td:last-child > ul, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging table.table-meta-grid tr > td:last-child > ul { margin: 0px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel { margin: 10px 3px; padding: 10px; border-radius: 10px; background-color: var(--neutral-bg-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel small, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel small { font-size: 60%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel.selected, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel.selected { background-color: var(--brand-bg); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel.location-pick-panel, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel.location-pick-panel { background-color: #efefef; background-color: var(--brand-bg, #efefef); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel.scan-result-panel, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel.scan-result-panel { background-color: var(--bg); border: solid 2px var(--brand-graphic); position: relative; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel.scan-result-panel .scan-result-title, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel.scan-result-panel .scan-result-title { padding: 4px; background: var(--bg); position: absolute; top: -15px; left: 17px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel b, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel b { font-size: 0.9em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel .selected-location-text, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel .selected-location-text { margin-top: 10px; margin-left: 30px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .table-meta-grid tr > th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .table-meta-grid tr > td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .table-meta-grid tr > th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .table-meta-grid tr > td { font-size: 0.7em !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-form-group, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-form-group { --pad: 1rem; border: 1px solid var(--neutral-graphic-weak); border-radius: 0.2rem; padding: var(--pad); margin: 1rem; background-color: var(--absolute); box-shadow: var(--card-shadow); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-form-group h3.flexi-title, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-form-group h3.flexi-title { position: relative; color: var(--absolute) !important; padding: 0.5rem; margin: calc(var(--pad) * -1); margin-bottom: 1rem; font-size: 1.2em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-form-group flexi-field .input-group-btn button, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-form-group flexi-field .input-group-btn button { background-color: inherit; border-color: var(--neutral-text-weaker); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-form-group flexi-field .flexi-title, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-form-group flexi-field .flexi-title { background-color: inherit !important; color: var(--neutral-text) !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-form-group flexi-field a, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-form-group flexi-field a { color: var(--brand-text-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-form-group table thead tr th, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-form-group table thead tr th { color: var(--neutral-text); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .table-meta-grid a, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .table-meta-grid a { font-size: 20px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .meta-image, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .meta-image { width: 20%; padding-top: 20%; position: relative; margin-left: 10px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .meta-image > img, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .meta-image > img { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; object-fit: contain; object-position: center top; height: 100%; width: 100%; } @media (min-width: 768px) { html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents { /*sm*/ } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simplified-layout .ticket-logging .ticket-progress > img, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simplified-layout .ticket-logging .ticket-progress > img { height: 100px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simplified-layout .ticket-logging .location-pick-panel b, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simplified-layout .ticket-logging .location-pick-panel b { font-size: 0.7em; } } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit .table.table-stock-confirm, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit .table.table-stock-confirm { font-size: 0.65em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit .table.table-stock-confirm td, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit .table.table-stock-confirm td { padding: 2px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] { height: 100%; width: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-summary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-summary { overflow-y: auto; padding-right: 1em; padding-left: 0.5rem; height: calc(100% - 1.5em); width: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels .well, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-summary .well, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels .well, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-summary .well { background-color: var(--absolute); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels .form-group, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels .form-group { margin-bottom: 0px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"] { --size: 7rem; height: var(--size); display: flex; flex-direction: row; background-color: var(--absolute); padding: 0.5rem 0.5rem 0.5rem 0; margin-bottom: 0; position: relative; overflow: hidden; border-radius: 0.25rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"]:focus, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"]:focus { outline: none; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"]:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"]:focus-visible { outline: var(--focus-outline); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"].checked, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"].checked { border-right: 0.33rem solid var(--success-bg-strong); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"]:not(:last-of-type, .na), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"]:not(:last-of-type, .na) { margin-bottom: 0.25rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"] label, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"] label { color: var(--neutral-text-strong); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"] .stat, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"] .stat { color: var(--brand-text-weaker); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"] .meta-image, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"] .meta-image { min-width: var(--size); display: flex; background-color: var(--absolute); padding: 0.25em; margin-right: 1em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"] .meta-image > img, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"] .meta-image > img { top: 0px; bottom: 0px; right: 0px; left: 0px; object-fit: contain; height: 100%; width: var(--size); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"].na, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"].na { --size: 5rem; color: var(--neutral-text-weaker); background-color: var(--bg); margin: 0.25rem 0.75em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"].na img, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"].na img { filter: contrast(1.2) opacity(0.3); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"].na label, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage] .stock-audit-levels [ng-repeat="meta in vm.meta"].na label { color: var(--neutral-text-weaker); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-item-detail > .meta-image, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-item-detail > .meta-image { width: 70%; padding-top: 70%; position: relative; margin-left: 15%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-item-detail > .meta-image > img, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-item-detail > .meta-image > img { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; object-fit: contain; object-position: center; height: 100%; width: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list { overflow-y: auto; overflow-x: visible; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .contents, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .contents { padding: 0 0.5rem; padding-top: 1.75rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-filter, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-filter { position: fixed; text-align: center; top: calc(var(--header-height) + 0.55rem); left: 0; width: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-filter .btn-group, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-filter .btn-group { background-color: var(--bg); margin: 0 auto; max-width: 20em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item { border: solid 1px var(--neutral-bg-strong); border-radius: 0.25rem; margin: 0.5rem 0; padding: 0.5rem; color: var(--neutral-text); background-color: var(--absolute); box-shadow: var(--card-shadow); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item .badge, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item .label, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item .badge, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item .label { color: var(--absolute); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item:focus-visible, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item:hover, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item:focus-visible { background-color: var(--brand-bg); text-decoration: none; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item .text-very-muted, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item .text-very-muted { color: var(--neutral-text); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item .ticket-location, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item .ticket-location { font-size: 0.8em; color: var(--neutral-text-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details dl, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details dl { font-size: 0.9em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details dl > dt, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details dl > dt { font-size: 1.3em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details dl > dd, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details dl > dd { margin-bottom: 10px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details img.selected-image-large, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details img.selected-image-large { height: 30vh; object-fit: scale-down; border-width: 0px !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .job-item, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .job-item { border: solid 1px #ddd; margin: 0px 0px 5px 0px; padding: 10px; border-radius: 10px; color: var(--neutral-text-strong); background-color: var(--neutral-bg-strong); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .job-item > .job-ref, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .job-item > .job-ref { font-size: 0.9em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .job-item > .job-desc, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .job-item > .job-desc { font-size: 1.3em; margin-top: 4px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .job-item .assignee-block, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .job-item .assignee-block { border-left: solid 3px #aaa; padding-left: 8px; margin-top: 3px; margin-bottom: 3px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .buttons, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .buttons { text-align: right; font-size: 0px; /* To get rid of the default button spacing*/ } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .buttons > button, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .buttons > button { margin-left: 5px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .attachment-panel, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .attachment-panel { background-color: #f5f5f5; background-color: var(--neutral-bg-weak, #f5f5f5); margin: 17px 0px; padding: 10px; border: solid 1px #ddd; border-color: var(--neutral-graphic-weak, #ddd); } @media (min-width: 768px) { html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents { /*sm*/ } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simplified-layout .ticket-details dl, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simplified-layout .ticket-details dl { font-size: 0.65em; } } @media (min-width: 1200px) { html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents { /*lg*/ } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simplified-layout .ticket-details .commentary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simplified-layout .ticket-details .commentary { font-size: 16px; } } @media (max-width: 769px) { html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simplified-layout .ticket-details .buttons > button, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simplified-layout .ticket-details .buttons > button { width: 100%; margin-bottom: 4px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simplified-layout .ticket-details .commentary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simplified-layout .ticket-details .commentary { font-size: 10px; } } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 70px; margin-bottom: 2em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress > div.workflow-progress-info-graphic, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress > div.workflow-progress-info-graphic { position: relative; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons { display: flex; align-items: center; justify-content: space-between; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div { margin: 5px; background-color: var(--bg); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div > div.workflow-progress-icon, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div > div.workflow-progress-icon { height: 40px; width: 40px; -webkit-mask-size: 100%; -webkit-mask-position: center; mask-size: 100%; mask-position: center; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div > div.workflow-progress-icon.background-branded, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div > div.workflow-progress-icon.background-branded { background-color: var(--brand-graphic-strong); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div > div.workflow-progress-icon.selected, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div > div.workflow-progress-icon.selected { background-color: var(--brand-text-strong); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div > div.workflow-progress-icon-text, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div > div.workflow-progress-icon-text { position: absolute; bottom: -30px; left: 0px; right: 0px; height: 30px; text-align: center; font-weight: bold; color: var(--brand-text-stronger) !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div > div.selected, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div > div.selected { height: 48px; width: 48px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div > div.future, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div > div.future { background-color: var(--neutral-graphic-weak); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div:first-child, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div:first-child { margin-left: 0px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div:last-child, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div:last-child { margin-right: 0px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-bar-background, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-bar-background { background-color: var(--neutral-graphic-weak); position: absolute; top: 47.5%; bottom: 47.5%; left: 0px; right: 0px; z-index: 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-bar-background > .workflow-progress-bar-progress, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-bar-background > .workflow-progress-bar-progress { height: 100%; background-color: var(--brand-graphic-strong); } @media (min-width: 992px) { html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents { /*md*/ } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress { height: 90px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div > div.workflow-progress-icon, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div > div.workflow-progress-icon { height: 60px; width: 60px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div > div.selected, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons > div > div.selected { height: 70px; width: 70px; } } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb { width: calc(6em + 5vmin); height: calc(6em + 5vmin); max-width: 10em; max-height: 10em; border: solid 1px var(--neutral-graphic-weak); border-radius: 2px; display: inline-flex; padding: 5px; margin: 3px; position: relative; text-align: center; vertical-align: top; align-items: center; justify-content: center; box-shadow: var(--card-shadow); background-color: var(--absolute); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .downloadable-image, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .upload-image, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .downloadable-image, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .upload-image { display: flex; height: 100%; width: 100%; vertical-align: top; align-items: center; justify-content: center; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .downloadable-image > img, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .upload-image > img, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .downloadable-image > img, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .upload-image > img { max-width: 100%; max-height: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > img, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > img { max-width: 100%; max-height: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .upload-file, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .downloadable-file, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .upload-file, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .downloadable-file { font-size: 0.7em; overflow: hidden; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .upload-file > img, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .downloadable-file > img, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .upload-file > img, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .downloadable-file > img { width: 60%; margin-bottom: 5px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > i.fa.fa-times, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > i.fa.fa-times { font-size: 1.5em; } @media (min-width: 768px) { html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > i.fa.fa-times, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > i.fa.fa-times { font-size: 1em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > div, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > div { font-size: 0.5em; } } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .commentary-comment div, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .commentary-comment div { color: var(--absolute); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.33); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .text-primary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .text-primary { color: var(--brand-graphic-weak) !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .text-very-muted, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .text-very-muted { color: var(--neutral-graphic-weak) !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .selected-location, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .selected-location { padding-top: 20px; display: flex; align-items: center; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .selected-location .text-primary, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .selected-location .text-primary { color: var(--brand-graphic-strong) !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .selected-location .text-very-muted, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .selected-location .text-very-muted { color: var(--neutral-graphic-strong) !important; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .selected-location .selected-location-text, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .selected-location .selected-location-text { display: flex; flex-direction: column-reverse; margin-left: 0.5rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .selected-location .selected-location-text .selected-location-path, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .selected-location .selected-location-text .selected-location-path { font-size: 0.9rem; color: var(--brand-text-weak); width: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .selected-location .selected-location-text div[role=heading][aria-level="3"], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .selected-location .selected-location-text div[role=heading][aria-level="3"] { line-height: 1em; font-size: 1.2rem; color: var(--brand-text-stronger); font-weight: bold; letter-spacing: 0.005em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .highlighted, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .highlighted { background-color: var(--brand-bg); border-color: var(--brand-graphic); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .ancestor-location, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .ancestor-location { background-color: var(--neutral-bg-weak); padding: 4px 15px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #tickets main-section [ui-view=tickets-main], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #tickets main-section [ui-view=tickets-main] { flex-grow: 3; flex-shrink: 2; flex-basis: 30em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #tickets main-section [ui-view=tickets-main] [ng-transclude=heading], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #tickets main-section [ui-view=tickets-main] [ng-transclude=heading] { top: -1em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #tickets side-section, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #tickets side-section { position: relative; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #tickets side-section [ui-view=tickets-side], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #tickets side-section [ui-view=tickets-side] { display: grid; grid-template-columns: 1fr; grid-auto-rows: auto; grid-gap: 1rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #tickets side-section [ui-view=tickets-side] > .tickets-action-buttons, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #tickets side-section [ui-view=tickets-side] > .tickets-action-buttons { display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; gap: 1em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #tickets side-section [ui-view=tickets-side] > .tickets-action-buttons inv-button, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #tickets side-section [ui-view=tickets-side] > .tickets-action-buttons inv-button { flex-grow: 1; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #tickets side-section [ui-view=tickets-side] > .tickets-action-buttons inv-button button, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #tickets side-section [ui-view=tickets-side] > .tickets-action-buttons inv-button button { margin: 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .star-rating-saved .checked, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .star-rating-saved .checked { display: inline-block; color: orange; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .star-rating, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .star-rating { display: inline-block; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .star-rating .checked, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .star-rating .checked { display: inline-block; color: orange; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .star-rating:hover .fa-star, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .star-rating:hover .fa-star { color: orange; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .star-rating .fa-star:hover ~ .fa-star, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .star-rating .fa-star:hover ~ .fa-star { color: inherit; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .feedback-options .active, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .feedback-options .active { background-color: var(--brand-bg, #0000ff); color: var(--brand-bg, #ffffff); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback { --indent: 1em; display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center; flex-wrap: nowrap; padding-block: 3em; background-color: var(--absolute); box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.2); border-radius: 0.25rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback > div, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback > div { max-width: 50em; width: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback p, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback p { margin-block: 3.33em 1em; font-size: 1.2em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .btn-group, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback textarea, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .feedback-options, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .btn-group, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback textarea, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .feedback-options { margin-inline: var(--indent); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .btn-group, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .btn-group { display: flex; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .btn-group label.btn, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .btn-group label.btn { flex-grow: 1; font-size: 1.2em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .feedback-options, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .feedback-options { margin-inline: var(--indent); margin-block: 0.66em; display: flex; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .feedback-options .list-group-item, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .feedback-options .list-group-item { flex-grow: 1; text-align: start; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback textarea, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback textarea { width: calc(100% - 2 * var(--indent)); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback button[type=submit], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback button[type=submit] { margin-block: 3em; display: block; margin-inline-start: auto; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .feedback-rating-label, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .feedback-rating-label { background-color: orange; color: white; font: bold; padding: 2px 6px; border-radius: 4px; margin: 25px; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview main-section #compliance-document-list, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview main-section #compliance-document-list { min-height: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview main-section #compliance-document-list .headed-container-wrapper, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview main-section #compliance-document-list .headed-container-wrapper { min-height: calc(100% - 1px); width: 100%; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview main-section #compliance-document-list .headed-container-wrapper [ng-transclude=heading], html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview main-section #compliance-document-list .headed-container-wrapper [ng-transclude=heading] { top: -1em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview main-section #compliance-document-list .headed-container-wrapper [ng-transclude=content] content, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview main-section #compliance-document-list .headed-container-wrapper [ng-transclude=content] content { display: grid; grid-auto-rows: 1fr; grid-template-columns: 1fr; grid-gap: 0.5em; padding: 0.5em; flex-grow: 1; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview main-section #compliance-document-list .headed-container-wrapper [ng-transclude=content] content .compliance-document-results-loading, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview main-section #compliance-document-list .headed-container-wrapper [ng-transclude=content] content .compliance-document-results-loading { grid-column-start: 1; grid-column-end: -1; text-align: center; font-size: 1.3rem; color: var(--neutral-text-weaker); font-weight: bold; padding-block: 1rem; } @media (min-width: 80rem) { html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview main-section #compliance-document-list .headed-container-wrapper [ng-transclude=content] content, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview main-section #compliance-document-list .headed-container-wrapper [ng-transclude=content] content { grid-template-columns: 1fr 1fr; } } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview side-section, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview side-section { position: relative; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview side-section .compliance-side, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview side-section .compliance-side { display: grid; grid-template-columns: 1fr; grid-auto-rows: auto; grid-gap: 1rem; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview side-section .compliance-side > .compliance-filter-buttons, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview side-section .compliance-side > .compliance-filter-buttons { display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; gap: 1em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview side-section .compliance-side > .compliance-filter-buttons inv-button, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview side-section .compliance-side > .compliance-filter-buttons inv-button { flex-grow: 1; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview side-section .compliance-side > .compliance-filter-buttons inv-button button, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview side-section .compliance-side > .compliance-filter-buttons inv-button button { margin: 0; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .simplified-footer, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .simplified-footer { grid-area: footer; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .simplified-footer .footer-invida-logo, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .simplified-footer .footer-invida-logo { height: var(--footer-height); position: relative; bottom: 0.4em; opacity: 0.9; padding-right: 1em; } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .badge, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .badge { color: var(--absolute); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .badge.green, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .badge.green { background-color: var(--success-text-weaker); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .badge.red, html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .badge.red { background-color: var(--danger-text-weaker); color: var(--absolute); } html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .background-branded:not(button, .btn, [type=button]), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .simplified-layout .background-branded-simplified:not(button, .btn, [type=button]), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .background-branded:not(button, .btn, [type=button]), html.ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .simplified-layout .background-branded-simplified:not(button, .btn, [type=button]) { background-color: #5292af !important; background-color: var(--brand-text-weak, #5292af) !important; color: #fff !important; color: var(--bg, #fff) !important; } html.ng-scope body.simplified-layout, html.ng-scope body.simplified-layout { /*.h-100 { height: 100%; } .simplified-font-title { font-size: 12px; .form-control { font-size: 12px; } } .simplified-layout { .simplified-header { .back-button { padding: 8px; margin: 10px 0px 0px 19px; position: relative; } .title { top: 17px; left: 0px; right: 0px; font-size: 1.1em; font-weight: bold; text-align: center; position: fixed; pointer-events: none; } } .flexi-title.background-branded { padding: 4px; border-radius: 4px; } .date-time-input > .time { width: 100px; } .btn-group-xs > .btn { font-size: 10px !important; } } .btn-xs { font-size: 10px !important; } .workflow-progress-icons .workflow-progress-icon-text { color: var(--brand-text) !important; }*/ } html.ng-scope body.simplified-layout .row, html.ng-scope body.simplified-layout .row { margin: 0; padding: 0; } @media print { html.ng-scope { overflow: auto !important; height: auto !important; } html.ng-scope .tooltip { display: none !important; } html.ng-scope body.simplified-layout { overflow: auto !important; height: auto !important; } html.ng-scope body.simplified-layout .pace.pace-active { display: none !important; } html.ng-scope body.simplified-layout .page-container { height: auto !important; } html.ng-scope body.simplified-layout .page-container [data-ui-view] { grid-template-rows: 0 auto 0 !important; gap: 0 !important; } html.ng-scope body.simplified-layout .page-container [data-ui-view] header.simplified-header, html.ng-scope body.simplified-layout .page-container [data-ui-view] footer.simplified-footer, html.ng-scope body.simplified-layout .page-container [data-ui-view] main#simplified-contents .assets .table-controls { display: none !important; } html.ng-scope body.simplified-layout .page-container [data-ui-view] main#simplified-contents .full-width-main { padding: 0 !important; margin: 0 !important; } html.ng-scope body.simplified-layout .page-container [data-ui-view] main#simplified-contents .assets { display: block; height: auto !important; } } .simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) { width: 100dvw; position: absolute; height: var(--main-height); left: 0; grid-template-columns: 1fr minmax(320px, 100dvmin) 1fr; grid-template-areas: ". hero ." ". content ." ". controls ."; } .simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .contents { position: relative; margin: 0; padding: 0; margin-bottom: -1rem; overflow: visible; } .simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .contents:after, .simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .contents:before { display: none; } .simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .contents .workflow-progress { margin-bottom: 1rem; } .simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .contents > #ticket-logging-page-view > #ticket-location-pin-dropper { display: flex; flex-direction: column; height: 100%; border-radius: 0.5rem; overflow: hidden; border: 1px solid var(--neutral-bg-strong); position: relative; } .simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .contents > #ticket-logging-page-view > #ticket-location-pin-dropper .ticket-location-pin-dropper-info { position: absolute; z-index: 100; top: 0; left: 0; padding-inline: 4rem; padding-top: 0.5rem; width: 100%; pointer-events: none; } .simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .contents > #ticket-logging-page-view > #ticket-location-pin-dropper .ticket-location-pin-dropper-info > dl { padding: 0.66rem 1rem; margin: 0; border: 1px solid var(--neutral-bg-strong); border-radius: 0.5rem; background-color: var(--absolute); box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.09); } .simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .contents > #ticket-logging-page-view > #ticket-location-pin-dropper .ticket-location-pin-dropper-info > dl dt { font-size: 1.05rem; color: var(--neutral-text); font-weight: bold; } .simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .contents > #ticket-logging-page-view > #ticket-location-pin-dropper .ticket-location-pin-dropper-info > dl dt i.fa-map-pin { color: var(--neutral-graphic-strong); margin-inline-end: 0.25ch; } .simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .contents > #ticket-logging-page-view > #ticket-location-pin-dropper .ticket-location-pin-dropper-info > dl dd { font-size: 0.9rem; color: var(--neutral-graphic-strong); transform: scaleX(0.9); letter-spacing: 0.015ch; transform-origin: 0; } .simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .controls { width: 100%; min-width: 18em; max-width: 48em; margin-inline: auto; grid-area: controls; margin-top: 0 !important; } .simplified-layout .ticket-logging .ng-submitted .ng-invalid-required:not([ng-form]), .simplified-layout .ticket-logging .validation-proxy.ng-invalid .ng-invalid-required:not([ng-form]) { background-color: #fbbfbf !important; border-color: #ff3a3a; } .simplified-layout .ticket-logging .ticket-progress { margin-bottom: 0 !important; } .simplified-layout .ticket-logging .ticket-progress > img { height: 70px; } .simplified-layout .ticket-logging table.table-meta-grid tr > td:last-child > ul { margin: 0px; } .simplified-layout .ticket-logging table.table-meta-grid tr > td:last-child { font-size: 15px; width: 70px; } .simplified-layout .ticket-logging .building-list div.location-header { background-color: #eee; padding: 3px; position: sticky; top: 0px; padding-left: 11px; font-weight: bold; } .simplified-layout .ticket-logging .building-list div.building-item { padding: 6px; border: solid 1px #d1d1d1; margin: 5px; border-radius: 2px; } .simplified-layout .ticket-logging .building-list div.building-item i.fa { font-size: 1.5em; margin-right: 6px; } .simplified-layout .ticket-logging .building-list div.building-item.selected { background-color: #ddd; } .simplified-layout .ticket-logging .location-pick-panel { background-color: #efefef; margin: 10px 3px; padding: 10px; border-radius: 10px; } .simplified-layout .ticket-logging .location-pick-panel b { font-size: 0.9em; } .simplified-layout .ticket-logging .location-pick-panel .selected-location-text { margin-top: 10px; margin-left: 30px; } .simplified-layout .ticket-logging .location-pick-panel.selected { background-color: #ddd; } .simplified-layout .ticket-logging .table-meta-grid tr > th, .simplified-layout .ticket-logging .table-meta-grid tr > td { font-size: 0.7em !important; } .simplified-layout .ticket-logging .meta-image { width: 20%; padding-top: 20%; position: relative; margin-left: 10px; } .simplified-layout .ticket-logging .meta-image > img { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; object-fit: contain; object-position: center top; height: 100%; width: 100%; } .simplified-layout .ticket-logging .pin-dropper-results { display: flex; align-items: center; gap: 1rem; } .simplified-layout .ticket-logging .pin-dropper-results .pin-location-icon { color: var(--neutral-graphic-weak); font-size: 2rem !important; padding-inline: 1rem; } .simplified-layout .ticket-logging .pin-dropper-results .pin-location-details .lat-long { color: var(--neutral-text-weaker); } .simplified-layout .ticket-logging .pin-dropper-results .pin-location-details .pin-location-text { color: var(--neutral-text); font-weight: bold; font-size: 1.2rem; margin-bottom: 0.25rem; } .simplified-layout .table-meta-grid a { font-size: 20px; } @media (min-width: 768px) { .simplified-layout .ticket-logging .ticket-progress > img { height: 100px; } .simplified-layout .ticket-logging .location-pick-panel b { font-size: 0.7em; } } html.ng-scope body.simplified-layout, html.ng-scope .login-page { --brand: #5292AF; --neutral: #A8ACB1; --danger: #FA004B; --warn: #E57700; --success: #00A858; --info: #3D8BFF; --logo-blend: darken; --region: Region_Example; --logo: url('/assets/img/1000px_2tone_horiz.png'); --absolute: #ffffff; --inverse: #000000; --bg: #f7f9fc; --brand-bg-weak: #daf0fb; --brand-bg: #b6d7e7; --brand-bg-strong: #8ab9ce; --brand-graphic-weak: #5896b2; --brand-graphic: #4785a2; --brand-graphic-strong: #3a7793; --brand-text-weaker: #2a6580; --brand-text-weak: #205b74; --brand-text: #0a435b; --brand-text-strong: #00293c; --brand-text-stronger: #001e2c; --neutral-bg-weak: #e8ecf5; --neutral-bg: #ced2da; --neutral-bg-strong: #aeb2b7; --neutral-graphic-weak: #8a8e96; --neutral-graphic: #797e87; --neutral-graphic-strong: #6b717b; --neutral-text-weaker: #595f6b; --neutral-text-weak: #4f5562; --neutral-text: #373e4d; --neutral-text-strong: #202636; --neutral-text-stronger: #171b27; --danger-bg-weak: #ffe7e8; --danger-bg: #ffc3c6; --danger-bg-strong: #fe92a3; --danger-graphic-weak: #fc4c79; --danger-graphic: #f9004b; --danger-graphic-strong: #e00044; --danger-text-weaker: #bf003a; --danger-text-weak: #ac0035; --danger-text: #800029; --danger-text-strong: #54001d; --danger-text-stronger: #400017; --warn-bg-weak: #ffeacb; --warn-bg: #feca7f; --warn-bg-strong: #f1a03f; --warn-graphic-weak: #db7200; --warn-graphic: #c16500; --warn-graphic-strong: #ae5a00; --warn-text-weaker: #934c00; --warn-text-weak: #844400; --warn-text: #603200; --warn-text-strong: #3d1f00; --warn-text-stronger: #2c1700; --success-bg-weak: #d8f5c5; --success-bg: #a1e48c; --success-bg-strong: #55c874; --success-graphic-weak: #00a456; --success-graphic: #01914b; --success-graphic-strong: #018244; --success-text-weaker: #026d39; --success-text-weak: #026333; --success-text: #034825; --success-text-strong: #022d17; --success-text-stronger: #022111; --info-bg-weak: #e5eefe; --info-bg: #bbd4fe; --info-bg-strong: #82b3ff; --info-graphic-weak: #408cff; --info-graphic: #357be8; --info-graphic-strong: #2f6dd5; --info-text-weaker: #265aba; --info-text-weak: #2150ac; --info-text: #163889; --info-text-strong: #0c215d; --info-text-stronger: #091844; --blue: #016eca; --purple: #7553e2; --pink: #b63e91; --red: #cb3246; --orange: #b4500d; --yellow: #8e6701; --green: #2a7e0e; --teal: #137a75; } body[ng-controller="AppController"] { background-color: #d9e0e7; background-color: var(--bg, #d9e0e7); font-family: 'Joy Sans', 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif !important; } menu { padding: 0; } .login-page { background: #fff !important; background: var(--bg, #fff) !important; text-align: center; } .login-logo { margin-top: 50px; display: inline-block !important; background-size: 100% !important; background-repeat: no-repeat !important; background-image: url('/assets/img/1000px_2tone_horiz.png') !important; height: 120px; width: 310px; } #mesh { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; /*z-index: -1 !important;*/ background: url(/assets/img/hive/mesh.png) repeat !important; } .badge-cust { color: #fff; background-color: #d25b30; } .navbar-header h4 { display: inline-block; color: #64a5dc; position: relative; left: 19px; font-size: 25px; } .navbar-nav .tenant-product-logo { /*position: absolute; right: 120px;*/ position: relative; left: 20px; top: 5px; float: right; height: 45px; } .tenant-product-logo { background-repeat: no-repeat; width: 185px; background-size: contain; } .login-buttons .button-tenant-style, .login-buttons button[type=submit] { font-weight: bold !important; background-color: #5292af !important; background-color: var(--brand-text-weaker, #5292af) !important; border-color: #314592 !important; border-color: var(--brand-text, #314592) !important; color: #fff !important; } .login-buttons button[type=submit]:hover { background-color: #64a5dc !important; background-color: var(--brand-text, #64a5dc) !important; } .login .login-header { top: -117px !important; } .tenant-logo { margin-top: 5px; margin-left: -5px; display: inline-block !important; background-size: 100% !important; background-repeat: no-repeat !important; background-image: url('/assets/img/1000px_2tone_horiz.png') !important; } .tenant-logo.report-logo { background-image: url('/assets/img/1000px_2tone_horiz.png') !important; width: 150px; } .navbar-brand { margin: 0 !important; padding: 0 !important; } .login-header { position: absolute !important; top: 0 !important; right: 0 !important; width: 200px !important; height: 200px !important; z-index: 1 !important; } .login-header { height: 150px !important; width: 100% !important; } .navbar-brand .tenant-logo { height: 54px !important; width: 150px !important; } .login-header .icon { display: none !important; } .hivelogo { display: inline-block !important; width: 180px !important; height: 50px !important; background-image: url('../img/amihive-logo.png') !important; background-size: 150px !important; background-repeat: no-repeat !important; /*position: absolute !important;*/ /*top: 10px !important; left: 10px !important;*/ } .gritter-item { font-family: 'Joy Sans', 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 14px !important; } .gritter-title { font-size: 16px !important; } /*#login-cover-image { left: 0px !important; top: 0px !important; position: fixed !important; overflow: hidden !important; z-index: -999999 !important; margin: 0px !important; padding: 0px !important; height: 853.75px !important; width: 1366px !important; }*/ /* Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.5 Version: 1.9.0 Author: Sean Ngu Website: http://www.seantheme.com/color-admin-v1.9/admin/ */ .navbar-logo, .coming-soon .brand .logo, .login .login-header .brand .logo { border-color: #314592 !important; border-color: var(--brand-text-weaker, #314592); } .navbar.navbar-inverse .navbar-brand, .sidebar .nav > li.active > a, .sidebar .nav > li.active > a:focus, .sidebar .nav > li.active > a:hover, .page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a, .page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a, .page-sidebar-minified .sidebar .nav > li.has-sub.active > a, .label.label-theme, .btn.btn-scroll-to-top { background: #5292af !important; background: var(--brand, #5292af) !important; } .navbar.navbar-inverse .navbar-brand { color: #fff !important; color: var(--absolute, #fff); } .text-theme, .sidebar .sub-menu > li.active > a:before { color: #5292af !important; color: var(--brand, #5292af) !important; } @media (max-width: 767px) { .navbar-inverse .navbar-header { background: #5292af !important; background: var(--brand, #5292af) !important; } } /* Added in v1.5 */ .gradient-enabled .navbar.navbar-inverse .navbar-brand, .gradient-enabled .sidebar .nav > li.active > a, .gradient-enabled .sidebar .nav > li.active > a:focus, .gradient-enabled .sidebar .nav > li.active > a:hover, .gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a, .gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a, .gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active > a, .gradient-enabled .label.label-theme, .gradient-enabled .btn.btn-scroll-to-top, .gradient-enabled .top-menu .nav > li.active > a, .gradient-enabled .top-menu .nav > li.active > a:focus, .gradient-enabled .top-menu .nav > li.active > a:hover { background: rgb(255,154,0) !important; /* Old browsers 246,139,31,1 */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg2OGVjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MjdjYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important; background: -moz-linear-gradient(top, rgba(255,154,0,1) 0%, rgba(255,88,0) 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,154,0,1)), color-stop(100%,rgba(255,88,0))) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,154,0,1) 0%,rgba(255,88,0) 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,154,0,1) 0%,rgba(255,88,0) 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,154,0,1) 0%,rgba(255,88,0) 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, rgba(255,154,0,1) 0%,rgba(255,88,0) 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868ec0', endColorstr='var(--brand, #5292af)',GradientType=0 ) !important; /* IE6-8 */ } .pace-progress { background: #d25b30 !important; } .pace .pace-activity { border-top-color: #d25b30 !important; border-left-color: #d25b30 !important; } /* Added in v1.7 */ .page-with-light-sidebar .sidebar .nav > li.active > a > i { color: #5292af !important; color: var(--brand, #5292af) !important; } .page-with-light-sidebar .sidebar .nav > li.active > a .badge, .page-with-light-sidebar .sidebar .nav > li.active > a .label.label-theme { background: #5292af !important; background: var(--brand, #5292af) !important; } /* Added in v1.9 */ .top-menu .nav > li.active > a, .top-menu .nav > li.active > a:focus, .top-menu .nav > li.active > a:hover { background: #5292af !important; background: var(--brand, #5292af) !important; } .foreground-branded, .simplified-layout .foreground-branded-simplified { color: #5292af !important; color: var(--brand-text-weak, #5292af) !important; } .foreground-branded-label, label.foreground-branded, .simplified-layout .foreground-branded-simplified-label { color: #5292af !important; color: var(--brand-text, #5292af) !important; } .background-branded, .simplified-layout .background-branded-simplified { background-color: #5292af; background-color: var(--brand-text-weak, #5292af); color: #fff; color: var(--bg, #fff); } #leaflet-map > div.leaflet-control-container > div.leaflet-bottom.leaflet-right { display: none; } */============================================================ ██████████ ██████ █████ █████ ░░███░░░░███ ░░██████ ░░███ ░░███ ░███ ░░███ ██████ ░███░███ ░███ ██████ ███████ ░███ ░███ ███░░███ ░███░░███░███ ███░░███░░░███░ ░███ ░███░███ ░███ ░███ ░░██████ ░███ ░███ ░███ ░███ ███ ░███ ░███ ░███ ░░█████ ░███ ░███ ░███ ███ ██████████ ░░██████ █████ ░░█████░░██████ ░░█████ ░░░░░░░░░░ ░░░░░░ ░░░░░ ░░░░░ ░░░░░░ ░░░░░ ██████ ██████ █████ ███ ██████ ░░██████ ██████ ░░███ ░░░ ███░░███ ░███░█████░███ ██████ ███████ ████ ░███ ░░░ █████ ████ ░███░░███ ░███ ███░░███ ███░░███ ░░███ ███████ ░░███ ░███ ░███ ░░░ ░███ ░███ ░███░███ ░███ ░███ ░░░███░ ░███ ░███ ░███ ░███ ░███ ░███░███ ░███ ░███ ░███ ░███ ░███ █████ █████░░██████ ░░████████ █████ █████ ░░███████ ░░░░░ ░░░░░ ░░░░░░ ░░░░░░░░ ░░░░░ ░░░░░ ░░░░░███ ███ ░███ ░░██████ ░░░░░░ This is a placeholder for a tenant-specific stylesheet containing css variables (defaulting to invida-styles.css) You should not commit changes to this file. ============================================================*/ body { font-family: 'Joy Sans', 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif !important; } .login-page { background: #fff !important; text-align: center; } .login-logo { margin-top: 75px; display: inline-block !important; background-size: 100% !important; background-repeat: no-repeat !important; background-image: url('/assets/img/duck.png') !important; height:110px; width:280px; } .login-content { background-color: #556372; } #mesh { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; /*z-index: -1 !important;*/ background: url(/assets/img/hive/mesh.png) repeat !important; } .badge-cust { color:#fff; background-color:#ee7101; } .navbar-header h4 { display:inline-block; color:#ee7101; position:relative; left:19px; font-size:25px; } .navbar-nav .tenant-product-logo { /*position: absolute; right: 120px;*/ position: relative; left:20px; top:5px; float: right; height: 45px; } .tenant-product-logo { display: none; background-image: none; background-repeat: no-repeat; width: 185px; background-size:contain; } .login-buttons button[type=submit] { font-weight: bold !important; background-color: #00173c !important; border-color:#00173c !important; color: #fff !important; } .login-buttons button[type=submit]:hover { background-color: #002D5D !important; } .login .login-header { top: -117px !important; } .tenant-logo { margin-top: 6px; margin-left: 4px; display: inline-block !important; background-size: 100% !important; background-repeat: no-repeat !important; background-image: url('/assets/img/duck-Logo.png') !important; } .login-v2 { background: #f7f7f7 !important; /*width: 450px !important; margin: 168px auto !important; position: relative !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important;*/ } .navbar-brand { margin:0 !important; padding:0 !important; } .login-header { position:absolute !important; top:0 !important; right:0 !important; width:200px !important; height:200px !important; z-index:1 !important; } .login-header { height: 150px !important; width: 100% !important; } .navbar-brand .tenant-logo { height: 50px !important; width: 175px !important; } .login-header .icon { display:none !important; } .hivelogo { display:inline-block !important; width:180px !important; height:50px !important; background-image: url('../img/amihive-logo.png') !important; background-size: 150px !important; background-repeat:no-repeat !important; /*position: absolute !important;*/ /*top: 10px !important; left: 10px !important;*/ } .gritter-item { font-family: 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 14px !important; } .gritter-title { font-size: 16px !important; } /*#login-cover-image { left: 0px !important; top: 0px !important; position: fixed !important; overflow: hidden !important; z-index: -999999 !important; margin: 0px !important; padding: 0px !important; height: 853.75px !important; width: 1366px !important; }*/ /* Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.5 Version: 1.9.0 Author: Sean Ngu Website: http://www.seantheme.com/color-admin-v1.9/admin/ */ .navbar-logo, .coming-soon .brand .logo, .login .login-header .brand .logo { border-color: rgba(255,154,0,1) #5b6392 rgba(255,154,0,1) !important; } .navbar.navbar-inverse .navbar-brand, .sidebar .nav > li.active > a, .sidebar .nav > li.active > a:focus, .sidebar .nav > li.active > a:hover, .page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a, .page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a, .page-sidebar-minified .sidebar .nav > li.has-sub.active > a, .label.label-theme, .btn.btn-scroll-to-top { background: #002D5D !important; } .navbar.navbar-inverse .navbar-brand { color: #fff !important; } .text-theme, .sidebar .sub-menu > li.active > a:before { color: #002D5D !important; } @media (max-width: 767px) { .navbar-inverse .navbar-header { background: #ee7101 !important; } } /* Added in v1.5 */ .gradient-enabled .navbar.navbar-inverse .navbar-brand, .gradient-enabled .sidebar .nav > li.active > a, .gradient-enabled .sidebar .nav > li.active > a:focus, .gradient-enabled .sidebar .nav > li.active > a:hover, .gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a, .gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a, .gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active > a, .gradient-enabled .label.label-theme, .gradient-enabled .btn.btn-scroll-to-top, .gradient-enabled .top-menu .nav > li.active > a, .gradient-enabled .top-menu .nav > li.active > a:focus, .gradient-enabled .top-menu .nav > li.active > a:hover { background: rgb(255,154,0) !important; /* Old browsers 246,139,31,1 */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg2OGVjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MjdjYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important; background: -moz-linear-gradient(top, rgba(255,154,0,1) 0%, rgba(255,88,0) 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,154,0,1)), color-stop(100%,rgba(255,88,0))) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,154,0,1) 0%,rgba(255,88,0) 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,154,0,1) 0%,rgba(255,88,0) 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,154,0,1) 0%,rgba(255,88,0) 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, rgba(255,154,0,1) 0%,rgba(255,88,0) 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868ec0', endColorstr='#ee7101',GradientType=0 ) !important; /* IE6-8 */ } .pace-progress { background: #00173c !important; } .pace .pace-activity { border-top-color: #00173c !important; border-left-color: #00173c !important; } /* Added in v1.7 */ .page-with-light-sidebar .sidebar .nav > li.active > a > i { color: #00173c !important; } .page-with-light-sidebar .sidebar .nav > li.active > a .badge, .page-with-light-sidebar .sidebar .nav > li.active > a .label.label-theme { background: #00173c !important; } /* Added in v1.9 */ .top-menu .nav > li.active > a, .top-menu .nav > li.active > a:focus, .top-menu .nav > li.active > a:hover { background: #002D5D !important; } .job-header .job-content-area { border-color: #00173c !important; } #sidebar { background-color: #323e4e; } .sidebar-bg { background-color: #323e4e; } .feature-disabled a, .feature-disabled a:hover { color:#5e626b !important; } .jvectormap-marker { fill: #002D5D !important; } .foreground-branded, .simplified-layout .foreground-branded-simplified { color: #002D5D !important; } .foreground-branded-label, .simplified-layout .foreground-branded-simplified-label { color: #002D5D !important; } .background-branded, .simplified-layout .background-branded-simplified { background-color: #002D5D !important; color: #fff !important; }