/* Minification failed. Returning unminified contents.
(530,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(4024,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(4051,17): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker'
(6676,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong'
(9454,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg'
(9459,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg'
(11582,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(11584,17): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(11590,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weaker'
(11596,22): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-weaker'
(11602,22): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker'
(11608,22): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker'
(11615,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker'
(11621,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(11691,17): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(11693,22): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker'
(11695,24): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker'
(11704,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker'
(11705,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker'
(11712,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker'
(11717,17): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(11719,22): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-weaker'
(11721,24): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-weaker'
(11730,22): run-time error CSS1039: Token not allowed after unary operator: '-warn-text'
(11732,24): run-time error CSS1039: Token not allowed after unary operator: '-warn-text'
(11738,29): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-weaker'
(11743,17): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(11745,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weak'
(11751,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-text'
(11753,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-text'
(11765,29): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weak'
(11770,17): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(11772,22): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker'
(11774,24): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker'
(11783,22): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weak'
(11785,24): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weak'
(11791,29): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker'
(11797,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong'
(11799,28): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(11801,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong'
(11806,28): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic-weak'
(11808,21): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic-weak'
(11813,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic-weak'
(11815,21): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic-weak'
(11820,28): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker'
(11822,21): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker'
(11827,28): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker'
(11832,24): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker'
(11834,17): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker'
(11839,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak'
(11841,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak'
(11846,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger'
(11848,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger'
(13281,25): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(13290,28): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weak'
(13292,17): run-time error CSS1039: Token not allowed after unary operator: '-info-bg-weak'
(13297,17): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(13303,17): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(13307,17): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(13324,27): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(13330,29): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weak'
(13795,28): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(13799,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(13807,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong'
(13808,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger'
(13818,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(13820,17): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(13947,28): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(13952,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(17012,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17013,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17014,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17016,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17028,19): run-time error CSS1039: Token not allowed after unary operator: '-aspect-ratio-safe-width'
(17031,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow'
(17044,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(17070,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-weak'
(17085,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(17087,19): run-time error CSS1039: Token not allowed after unary operator: '-aspect-ratio-safe-width'
(17099,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow'
(17125,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-weak'
(17152,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(17179,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow'
(17207,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-strong'
(17211,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-weak'
(17310,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg'
(17312,24): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(23095,63): run-time error CSS1030: Expected identifier, found '.'
(23095,87): run-time error CSS1031: Expected selector, found ')'
(23095,87): run-time error CSS1025: Expected comma or open brace, found ')'
(23099,63): run-time error CSS1030: Expected identifier, found '.'
(23099,87): run-time error CSS1031: Expected selector, found ')'
(23099,87): run-time error CSS1025: Expected comma or open brace, found ')'
(23116,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23117,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23121,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23122,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23126,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23127,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23131,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23132,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23136,70): run-time error CSS1030: Expected identifier, found ','
(23136,88): run-time error CSS1031: Expected selector, found ')'
(23136,88): run-time error CSS1025: Expected comma or open brace, found ')'
(23142,70): run-time error CSS1030: Expected identifier, found ','
(23142,88): run-time error CSS1031: Expected selector, found ')'
(23142,88): run-time error CSS1025: Expected comma or open brace, found ')'
(23309,32): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(23314,36): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(24236,1): run-time error CSS1030: Expected identifier, found ' '
(24236,1): run-time error CSS1019: Unexpected token, found ' '
(26239,62): run-time error CSS1030: Expected identifier, found '.'
(26239,82): run-time error CSS1031: Expected selector, found ')'
(26239,82): run-time error CSS1025: Expected comma or open brace, found ')'
(26303,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(26309,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong'
(26318,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(26344,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(26361,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg'
(26370,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(26384,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(26402,34): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong'
(26413,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(26429,72): run-time error CSS1030: Expected identifier, found '.'
(26429,83): run-time error CSS1031: Expected selector, found ')'
(26429,83): run-time error CSS1025: Expected comma or open brace, found ')'
(26846,25): run-time error CSS1030: Expected identifier, found ','
(26846,35): run-time error CSS1031: Expected selector, found ')'
(26846,35): run-time error CSS1025: Expected comma or open brace, found ')'
(26853,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak'
(26854,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(26864,36): run-time error CSS1030: Expected identifier, found '.'
(26864,54): run-time error CSS1031: Expected selector, found ')'
(26864,54): run-time error CSS1025: Expected comma or open brace, found ')'
(26874,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text'
(26875,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow'
(26876,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text'
(26879,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(26886,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-stronger'
(26887,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg'
(26888,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-stronger'
(26892,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong'
(26898,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-strong'
(26901,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker'
(26902,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(26903,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak'
(26908,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak'
(26912,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong'
(26915,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26917,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26921,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26922,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26923,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26924,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26925,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26926,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26927,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26928,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26929,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26930,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26931,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26932,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26933,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26934,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26935,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26936,16): run-time error CSS1039: Token not allowed after unary operator: '-space-inside-s'
(26940,19): run-time error CSS1039: Token not allowed after unary operator: '-sml'
(26943,19): run-time error CSS1039: Token not allowed after unary operator: '-lrg'
(26946,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26947,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26951,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26956,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26963,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg'
(26970,22): run-time error CSS1039: Token not allowed after unary operator: '-space-inside'
(26979,17): run-time error CSS1039: Token not allowed after unary operator: '-space-inside'
(26987,17): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline'
(26987,48): run-time error CSS1039: Token not allowed after unary operator: '-accent-graphic'
(26990,18): run-time error CSS1039: Token not allowed after unary operator: '-space-inside-s'
(26991,21): run-time error CSS1039: Token not allowed after unary operator: '-space-inside'
(26995,19): run-time error CSS1039: Token not allowed after unary operator: '-med'
(27003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27005,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27006,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27009,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27010,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27011,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27012,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27016,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27017,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27018,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27021,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27022,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27023,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27024,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27027,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27028,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27029,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27030,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27033,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27034,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27035,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27036,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27039,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27040,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27041,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27042,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27045,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27046,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27047,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27060,26): run-time error CSS1039: Token not allowed after unary operator: '-line'
(27061,26): run-time error CSS1039: Token not allowed after unary operator: '-off'
(27062,20): run-time error CSS1039: Token not allowed after unary operator: '-hole-shadow'
(27062,61): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger'
(27065,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27069,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(27071,20): run-time error CSS1039: Token not allowed after unary operator: '-ball-highlights'
(27071,56): run-time error CSS1039: Token not allowed after unary operator: '-edge-color'
(27071,75): run-time error CSS1039: Token not allowed after unary operator: '-ball-shade'
(27071,94): run-time error CSS1039: Token not allowed after unary operator: '-ball-shadow-left'
(27079,26): run-time error CSS1039: Token not allowed after unary operator: '-on-bg'
(27080,20): run-time error CSS1039: Token not allowed after unary operator: '-hole-shadow'
(27084,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27085,30): run-time error CSS1039: Token not allowed after unary operator: '-edge-color'
(27085,49): run-time error CSS1039: Token not allowed after unary operator: '-ball-shade'
(27085,68): run-time error CSS1039: Token not allowed after unary operator: '-ball-shadow-right'
(27086,26): run-time error CSS1039: Token not allowed after unary operator: '-on-fg'
(27089,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong'
(27101,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27107,26): run-time error CSS1039: Token not allowed after unary operator: '-color'
(27109,22): run-time error CSS1039: Token not allowed after unary operator: '-edge-color'
(27119,22): run-time error CSS1039: Token not allowed after unary operator: '-edge-color'
(27120,20): run-time error CSS1039: Token not allowed after unary operator: '-hole-shadow'
(27123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27124,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27125,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27126,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27127,16): run-time error CSS1039: Token not allowed after unary operator: '-table-height'
(27135,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27136,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27137,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27138,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27139,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27140,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27141,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27142,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27143,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27144,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27145,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27147,21): run-time error CSS1039: Token not allowed after unary operator: '-line-height'
(27148,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(27151,16): run-time error CSS1039: Token not allowed after unary operator: '-outer-border'
(27153,17): run-time error CSS1039: Token not allowed after unary operator: '-table-padding'
(27154,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-height'
(27156,27): run-time error CSS1039: Token not allowed after unary operator: '-table-padding'
(27157,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(27158,23): run-time error CSS1039: Token not allowed after unary operator: '-table-corner-radius'
(27160,114): run-time error CSS1030: Expected identifier, found '*'
(27160,129): run-time error CSS1031: Expected selector, found ')'
(27160,129): run-time error CSS1025: Expected comma or open brace, found ')'
(27169,15): run-time error CSS1039: Token not allowed after unary operator: '-item-padding-h'
(27171,23): run-time error CSS1039: Token not allowed after unary operator: '-table-padding'
(27172,27): run-time error CSS1039: Token not allowed after unary operator: '-table-padding'
(27173,24): run-time error CSS1039: Token not allowed after unary operator: '-row-border-thickness'
(27186,21): run-time error CSS1039: Token not allowed after unary operator: '-row-border-thickness'
(27187,25): run-time error CSS1039: Token not allowed after unary operator: '-border-blur'
(27188,16): run-time error CSS1039: Token not allowed after unary operator: '-row-border-thickness'
(27212,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong'
(27216,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong'
(27218,154): run-time error CSS1030: Expected identifier, found ','
(27218,164): run-time error CSS1031: Expected selector, found ')'
(27218,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27221,154): run-time error CSS1030: Expected identifier, found ','
(27221,164): run-time error CSS1031: Expected selector, found ')'
(27221,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27235,154): run-time error CSS1030: Expected identifier, found ','
(27235,164): run-time error CSS1031: Expected selector, found ')'
(27235,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27239,154): run-time error CSS1030: Expected identifier, found ','
(27239,164): run-time error CSS1031: Expected selector, found ')'
(27239,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27242,154): run-time error CSS1030: Expected identifier, found ','
(27242,164): run-time error CSS1031: Expected selector, found ')'
(27242,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27245,154): run-time error CSS1030: Expected identifier, found ','
(27245,164): run-time error CSS1031: Expected selector, found ')'
(27245,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27253,154): run-time error CSS1030: Expected identifier, found ','
(27253,164): run-time error CSS1031: Expected selector, found ')'
(27253,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27263,154): run-time error CSS1030: Expected identifier, found ','
(27263,164): run-time error CSS1031: Expected selector, found ')'
(27263,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27266,154): run-time error CSS1030: Expected identifier, found ','
(27266,164): run-time error CSS1031: Expected selector, found ')'
(27266,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27275,154): run-time error CSS1030: Expected identifier, found ','
(27275,164): run-time error CSS1031: Expected selector, found ')'
(27275,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27278,154): run-time error CSS1030: Expected identifier, found ','
(27278,164): run-time error CSS1031: Expected selector, found ')'
(27278,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27283,154): run-time error CSS1030: Expected identifier, found ','
(27283,164): run-time error CSS1031: Expected selector, found ')'
(27283,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27292,154): run-time error CSS1030: Expected identifier, found ','
(27292,164): run-time error CSS1031: Expected selector, found ')'
(27292,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27299,154): run-time error CSS1030: Expected identifier, found ','
(27299,164): run-time error CSS1031: Expected selector, found ')'
(27299,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27304,154): run-time error CSS1030: Expected identifier, found ','
(27304,164): run-time error CSS1031: Expected selector, found ')'
(27304,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27312,154): run-time error CSS1030: Expected identifier, found ','
(27312,164): run-time error CSS1031: Expected selector, found ')'
(27312,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27327,154): run-time error CSS1030: Expected identifier, found ','
(27327,164): run-time error CSS1031: Expected selector, found ')'
(27327,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27340,154): run-time error CSS1030: Expected identifier, found ','
(27340,164): run-time error CSS1031: Expected selector, found ')'
(27340,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27353,154): run-time error CSS1030: Expected identifier, found ','
(27353,164): run-time error CSS1031: Expected selector, found ')'
(27353,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27356,154): run-time error CSS1030: Expected identifier, found ','
(27356,164): run-time error CSS1031: Expected selector, found ')'
(27356,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27367,154): run-time error CSS1030: Expected identifier, found ','
(27367,164): run-time error CSS1031: Expected selector, found ')'
(27367,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27370,154): run-time error CSS1030: Expected identifier, found ','
(27370,164): run-time error CSS1031: Expected selector, found ')'
(27370,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27374,154): run-time error CSS1030: Expected identifier, found ','
(27374,164): run-time error CSS1031: Expected selector, found ')'
(27374,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27377,154): run-time error CSS1030: Expected identifier, found ','
(27377,164): run-time error CSS1031: Expected selector, found ')'
(27377,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27381,154): run-time error CSS1030: Expected identifier, found ','
(27381,164): run-time error CSS1031: Expected selector, found ')'
(27381,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27384,154): run-time error CSS1030: Expected identifier, found ','
(27384,164): run-time error CSS1031: Expected selector, found ')'
(27384,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27390,154): run-time error CSS1030: Expected identifier, found ','
(27390,164): run-time error CSS1031: Expected selector, found ')'
(27390,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27395,154): run-time error CSS1030: Expected identifier, found ','
(27395,164): run-time error CSS1031: Expected selector, found ')'
(27395,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27398,154): run-time error CSS1030: Expected identifier, found ','
(27398,164): run-time error CSS1031: Expected selector, found ')'
(27398,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27405,154): run-time error CSS1030: Expected identifier, found ','
(27405,164): run-time error CSS1031: Expected selector, found ')'
(27405,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27409,154): run-time error CSS1030: Expected identifier, found ','
(27409,164): run-time error CSS1031: Expected selector, found ')'
(27409,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27418,154): run-time error CSS1030: Expected identifier, found ','
(27418,164): run-time error CSS1031: Expected selector, found ')'
(27418,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27424,154): run-time error CSS1030: Expected identifier, found ','
(27424,164): run-time error CSS1031: Expected selector, found ')'
(27424,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27429,154): run-time error CSS1030: Expected identifier, found ','
(27429,164): run-time error CSS1031: Expected selector, found ')'
(27429,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27432,154): run-time error CSS1030: Expected identifier, found ','
(27432,164): run-time error CSS1031: Expected selector, found ')'
(27432,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27441,154): run-time error CSS1030: Expected identifier, found ','
(27441,164): run-time error CSS1031: Expected selector, found ')'
(27441,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27444,154): run-time error CSS1030: Expected identifier, found ','
(27444,164): run-time error CSS1031: Expected selector, found ')'
(27444,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27449,154): run-time error CSS1030: Expected identifier, found ','
(27449,164): run-time error CSS1031: Expected selector, found ')'
(27449,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27460,154): run-time error CSS1030: Expected identifier, found ','
(27460,164): run-time error CSS1031: Expected selector, found ')'
(27460,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27469,154): run-time error CSS1030: Expected identifier, found ','
(27469,164): run-time error CSS1031: Expected selector, found ')'
(27469,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27480,154): run-time error CSS1030: Expected identifier, found ','
(27480,164): run-time error CSS1031: Expected selector, found ')'
(27480,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27486,154): run-time error CSS1030: Expected identifier, found ','
(27486,164): run-time error CSS1031: Expected selector, found ')'
(27486,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27491,156): run-time error CSS1030: Expected identifier, found ','
(27491,166): run-time error CSS1031: Expected selector, found ')'
(27491,166): run-time error CSS1025: Expected comma or open brace, found ')'
(27494,156): run-time error CSS1030: Expected identifier, found ','
(27494,166): run-time error CSS1031: Expected selector, found ')'
(27494,166): run-time error CSS1025: Expected comma or open brace, found ')'
(27498,154): run-time error CSS1030: Expected identifier, found ','
(27498,164): run-time error CSS1031: Expected selector, found ')'
(27498,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27509,154): run-time error CSS1030: Expected identifier, found ','
(27509,164): run-time error CSS1031: Expected selector, found ')'
(27509,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27516,154): run-time error CSS1030: Expected identifier, found ','
(27516,164): run-time error CSS1031: Expected selector, found ')'
(27516,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27521,154): run-time error CSS1030: Expected identifier, found ','
(27521,164): run-time error CSS1031: Expected selector, found ')'
(27521,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27525,154): run-time error CSS1030: Expected identifier, found ','
(27525,164): run-time error CSS1031: Expected selector, found ')'
(27525,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27530,154): run-time error CSS1030: Expected identifier, found ','
(27530,164): run-time error CSS1031: Expected selector, found ')'
(27530,164): run-time error CSS1025: Expected comma or open brace, found ')'
(27539,20): run-time error CSS1039: Token not allowed after unary operator: '-heading-height'
(27555,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(27566,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong'
(27576,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27639,9): run-time error CSS1035: Expected colon, found '['
(27645,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27675,145): run-time error CSS1030: Expected identifier, found ','
(27675,161): run-time error CSS1031: Expected selector, found ')'
(27675,161): run-time error CSS1025: Expected comma or open brace, found ')'
(27680,145): run-time error CSS1030: Expected identifier, found ','
(27680,161): run-time error CSS1031: Expected selector, found ')'
(27680,161): run-time error CSS1025: Expected comma or open brace, found ')'
(27683,145): run-time error CSS1030: Expected identifier, found ','
(27683,161): run-time error CSS1031: Expected selector, found ')'
(27683,161): run-time error CSS1025: Expected comma or open brace, found ')'
(27702,22): run-time error CSS1039: Token not allowed after unary operator: '-group-heading-height'
(27724,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27730,20): run-time error CSS1039: Token not allowed after unary operator: '-v-spacing'
(27737,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(27738,14): run-time error CSS1039: Token not allowed after unary operator: '-fa-font-solid'
(27747,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weak'
(27750,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(27751,14): run-time error CSS1039: Token not allowed after unary operator: '-fa-font-solid'
(27753,22): run-time error CSS1039: Token not allowed after unary operator: '-v-spacing'
(27761,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(27766,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(27769,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(27787,44): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(27787,70): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg'
(27788,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak'
(27791,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong'
(27794,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(27797,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger'
(27802,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong'
(27817,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(27824,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(27828,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(27836,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong'
(27851,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic'
(27855,69): run-time error CSS1039: Token not allowed after unary operator: '-inverse'
(27861,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(27871,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(27878,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(27895,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(27906,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(27914,42): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(27914,68): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg'
(27917,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-stronger'
(27920,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(27934,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong'
(27943,17): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline'
(27960,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(27966,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(27973,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(27981,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(27989,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(27993,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28008,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(28053,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(28058,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(28062,40): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(28068,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(28085,34): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(28092,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(28095,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28096,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28110,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28111,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(28114,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(28115,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong'
(28118,16): run-time error CSS1039: Token not allowed after unary operator: '-border'
(28123,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28130,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong'
(28136,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(28139,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(28148,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28149,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(28170,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(28178,26): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic-strong'
(28179,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28185,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic-strong'
(28186,31): run-time error CSS1039: Token not allowed after unary operator: '-danger-text'
(28189,26): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic-weak'
(28190,31): run-time error CSS1039: Token not allowed after unary operator: '-warn-text'
(28193,26): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic'
(28194,31): run-time error CSS1039: Token not allowed after unary operator: '-success-text'
(28197,26): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic'
(28198,31): run-time error CSS1039: Token not allowed after unary operator: '-info-text'
(28201,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic'
(28202,31): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(28205,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(28224,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28225,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(28250,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28251,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(28297,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(28299,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic'
(28302,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg'
(28303,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28305,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger'
(28308,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28309,22): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28310,20): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong'
(28311,31): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(28314,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(28315,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28318,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(28320,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic'
(28323,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(28324,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28325,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger'
(28326,23): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic'
(28329,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28330,22): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28331,20): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong'
(28332,31): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(28335,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(28336,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28339,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text'
(28341,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic'
(28344,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(28345,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28346,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-stronger'
(28347,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic'
(28350,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28351,22): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28352,20): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong'
(28353,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker'
(28356,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak'
(28357,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28360,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text'
(28362,22): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic'
(28365,26): run-time error CSS1039: Token not allowed after unary operator: '-info-bg-weak'
(28366,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28367,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text-stronger'
(28368,23): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic'
(28371,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28372,22): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28373,20): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic-strong'
(28374,31): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weaker'
(28377,26): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weak'
(28378,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28381,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text'
(28383,22): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic'
(28386,26): run-time error CSS1039: Token not allowed after unary operator: '-success-bg-weak'
(28387,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28388,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-stronger'
(28389,23): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic'
(28392,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28393,22): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28394,20): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic-strong'
(28395,31): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker'
(28398,26): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weak'
(28399,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28402,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-text'
(28404,22): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic'
(28407,26): run-time error CSS1039: Token not allowed after unary operator: '-warn-bg-weak'
(28408,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28409,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-stronger'
(28410,23): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic'
(28413,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28414,22): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28415,20): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic-strong'
(28416,31): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-weaker'
(28419,26): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-weak'
(28420,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28423,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text'
(28425,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic'
(28428,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg-weak'
(28429,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28430,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-stronger'
(28431,23): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic'
(28434,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28435,22): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28436,20): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic-strong'
(28437,31): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weaker'
(28440,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weak'
(28441,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28447,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(28453,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(28459,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(28460,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28461,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(28502,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(28514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28516,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28517,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28519,17): run-time error CSS1039: Token not allowed after unary operator: '-page-stagger'
(28525,15): run-time error CSS1039: Token not allowed after unary operator: '-page-stagger'
(28526,30): run-time error CSS1039: Token not allowed after unary operator: '-page-stagger-half'
(28526,67): run-time error CSS1039: Token not allowed after unary operator: '-page-stagger-half'
(28530,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28531,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(28535,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(28544,30): run-time error CSS1039: Token not allowed after unary operator: '-page-stagger-half-negative'
(28544,76): run-time error CSS1039: Token not allowed after unary operator: '-page-stagger-half-negative'
(28562,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(28566,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(28575,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(28583,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(28585,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(28616,39): run-time error CSS1039: Token not allowed after unary operator: '-page-stagger'
(28623,38): run-time error CSS1039: Token not allowed after unary operator: '-page-stagger'
(28634,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(28646,26): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic-strong'
(28647,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28654,26): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic-weak'
(28658,31): run-time error CSS1039: Token not allowed after unary operator: '-info-text-stronger'
(28661,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text'
(28662,26): run-time error CSS1039: Token not allowed after unary operator: '-info-bg'
(28679,15): run-time error CSS1039: Token not allowed after unary operator: '-info-bg-weak'
(28685,61): run-time error CSS1039: Token not allowed after unary operator: '-info-bg-weak'
(28687,31): run-time error CSS1039: Token not allowed after unary operator: '-info-bg'
(28688,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(28703,17): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline'
(28704,23): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(28713,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak'
(28720,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28724,21): run-time error CSS1039: Token not allowed after unary operator: '-main-height'
(28741,19): run-time error CSS1039: Token not allowed after unary operator: '-max-page-width'
(28760,22): run-time error CSS1039: Token not allowed after unary operator: '-main-height'
(28797,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak'
(28798,62): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(28822,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(28825,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(28838,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(28846,17): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline'
(28849,20): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(28852,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(28853,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak'
(28861,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg'
(28862,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text'
(28863,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic'
(28864,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow'
(28867,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text'
(28870,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-strong'
(28873,26): run-time error CSS1039: Token not allowed after unary operator: '-success-bg'
(28874,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text'
(28875,22): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic'
(28876,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow'
(28879,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text'
(28882,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-strong'
(28885,26): run-time error CSS1039: Token not allowed after unary operator: '-info-bg'
(28886,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text'
(28887,22): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic'
(28888,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow'
(28891,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text'
(28894,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text-strong'
(28897,26): run-time error CSS1039: Token not allowed after unary operator: '-warn-bg'
(28898,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-text'
(28899,22): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic'
(28900,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow'
(28903,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-text'
(28906,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-strong'
(28909,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28912,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28913,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28914,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28915,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28916,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(28917,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(28922,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(28923,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(28924,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(28927,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg'
(28928,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-strong'
(28929,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic'
(28935,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(28957,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(28958,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(28967,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(28968,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(28969,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(28971,107): run-time error CSS1030: Expected identifier, found ','
(28971,125): run-time error CSS1031: Expected selector, found ')'
(28971,125): run-time error CSS1025: Expected comma or open brace, found ')'
(28978,107): run-time error CSS1030: Expected identifier, found ','
(28978,125): run-time error CSS1031: Expected selector, found ')'
(28978,125): run-time error CSS1025: Expected comma or open brace, found ')'
(28984,107): run-time error CSS1030: Expected identifier, found ','
(28984,125): run-time error CSS1031: Expected selector, found ')'
(28984,125): run-time error CSS1025: Expected comma or open brace, found ')'
(28987,107): run-time error CSS1030: Expected identifier, found ','
(28987,125): run-time error CSS1031: Expected selector, found ')'
(28987,125): run-time error CSS1025: Expected comma or open brace, found ')'
(28992,107): run-time error CSS1030: Expected identifier, found ','
(28992,125): run-time error CSS1031: Expected selector, found ')'
(28992,125): run-time error CSS1025: Expected comma or open brace, found ')'
(28996,107): run-time error CSS1030: Expected identifier, found ','
(28996,125): run-time error CSS1031: Expected selector, found ')'
(28996,125): run-time error CSS1025: Expected comma or open brace, found ')'
(29002,107): run-time error CSS1030: Expected identifier, found ','
(29002,125): run-time error CSS1031: Expected selector, found ')'
(29002,125): run-time error CSS1025: Expected comma or open brace, found ')'
(29008,107): run-time error CSS1030: Expected identifier, found ','
(29008,125): run-time error CSS1031: Expected selector, found ')'
(29008,125): run-time error CSS1025: Expected comma or open brace, found ')'
(29014,107): run-time error CSS1030: Expected identifier, found ','
(29014,125): run-time error CSS1031: Expected selector, found ')'
(29014,125): run-time error CSS1025: Expected comma or open brace, found ')'
(29020,107): run-time error CSS1030: Expected identifier, found ','
(29020,125): run-time error CSS1031: Expected selector, found ')'
(29020,125): run-time error CSS1025: Expected comma or open brace, found ')'
(29026,107): run-time error CSS1030: Expected identifier, found ','
(29026,125): run-time error CSS1031: Expected selector, found ')'
(29026,125): run-time error CSS1025: Expected comma or open brace, found ')'
(29032,107): run-time error CSS1030: Expected identifier, found ','
(29032,125): run-time error CSS1031: Expected selector, found ')'
(29032,125): run-time error CSS1025: Expected comma or open brace, found ')'
(29038,107): run-time error CSS1030: Expected identifier, found ','
(29038,125): run-time error CSS1031: Expected selector, found ')'
(29038,125): run-time error CSS1025: Expected comma or open brace, found ')'
(29044,107): run-time error CSS1030: Expected identifier, found ','
(29044,125): run-time error CSS1031: Expected selector, found ')'
(29044,125): run-time error CSS1025: Expected comma or open brace, found ')'
(29052,107): run-time error CSS1030: Expected identifier, found ','
(29052,125): run-time error CSS1031: Expected selector, found ')'
(29052,125): run-time error CSS1025: Expected comma or open brace, found ')'
(29055,107): run-time error CSS1030: Expected identifier, found ','
(29055,125): run-time error CSS1031: Expected selector, found ')'
(29055,125): run-time error CSS1025: Expected comma or open brace, found ')'
(29063,107): run-time error CSS1030: Expected identifier, found ','
(29063,125): run-time error CSS1031: Expected selector, found ')'
(29063,125): run-time error CSS1025: Expected comma or open brace, found ')'
(29066,107): run-time error CSS1030: Expected identifier, found ','
(29066,125): run-time error CSS1031: Expected selector, found ')'
(29066,125): run-time error CSS1025: Expected comma or open brace, found ')'
(29076,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(29079,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg'
(29080,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-stronger'
(29082,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak'
(29082,83): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg'
(29085,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(29086,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(29092,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(29093,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(29094,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic'
(29097,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak'
(29110,17): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline'
(29114,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(29117,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(29124,13): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(29125,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak'
(29128,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong'
(29129,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong'
(29132,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(29133,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(29134,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(29138,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(29141,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg'
(29146,105): run-time error CSS1030: Expected identifier, found ','
(29146,135): run-time error CSS1031: Expected selector, found ')'
(29146,135): run-time error CSS1025: Expected comma or open brace, found ')'
(29150,105): run-time error CSS1030: Expected identifier, found ','
(29150,135): run-time error CSS1031: Expected selector, found ')'
(29150,135): run-time error CSS1025: Expected comma or open brace, found ')'
(29159,25): run-time error CSS1039: Token not allowed after unary operator: '-grid-col-gap'
(29160,22): run-time error CSS1039: Token not allowed after unary operator: '-grid-row-gap'
(29164,28): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(29164,49): run-time error CSS1039: Token not allowed after unary operator: '-main-height'
(29164,68): run-time error CSS1039: Token not allowed after unary operator: '-footer-height'
(29180,16): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(29182,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg'
(29192,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(29193,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text'
(29202,16): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(29206,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29207,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29208,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29209,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29232,31): run-time error CSS1039: Token not allowed after unary operator: '-chevron-width'
(29235,22): run-time error CSS1039: Token not allowed after unary operator: '-chevron-width'
(29238,25): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(29239,28): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(29240,21): run-time error CSS1039: Token not allowed after unary operator: '-chevron-width'
(29240,48): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg'
(29247,19): run-time error CSS1039: Token not allowed after unary operator: '-chevron-width'
(29249,27): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-bg'
(29252,25): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(29253,28): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(29254,21): run-time error CSS1039: Token not allowed after unary operator: '-chevron-width'
(29254,48): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg'
(29265,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic'
(29271,26): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-bg-focus'
(29274,27): run-time error CSS1039: Token not allowed after unary operator: '-breadcrumb-bg-focus'
(29279,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong'
(29285,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(29288,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(29301,16): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(29306,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(29363,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak'
(29371,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker'
(29392,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text'
(29393,16): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(29397,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(29398,17): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline'
(29412,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg'
(29428,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29429,25): run-time error CSS1039: Token not allowed after unary operator: '-grid-col-gap'
(29430,22): run-time error CSS1039: Token not allowed after unary operator: '-grid-row-gap'
(29432,35): run-time error CSS1039: Token not allowed after unary operator: '-min-logo-height'
(29482,20): run-time error CSS1039: Token not allowed after unary operator: '-min-logo-height'
(29486,26): run-time error CSS1039: Token not allowed after unary operator: '-logo'
(29487,19): run-time error CSS1039: Token not allowed after unary operator: '-logo-transform'
(29488,24): run-time error CSS1039: Token not allowed after unary operator: '-logo-blend'
(29496,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(29516,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(29517,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(29518,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(29521,17): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline'
(29532,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(29542,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(29551,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(29558,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(29559,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(29573,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29574,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29575,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(29576,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(29577,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic'
(29578,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow'
(29582,17): run-time error CSS1039: Token not allowed after unary operator: '-pad'
(29590,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29591,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29594,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger'
(29595,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(29596,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong'
(29602,29): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg'
(29605,29): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg'
(29609,35): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(29610,36): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(29613,32): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(29614,33): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(29617,24): run-time error CSS1039: Token not allowed after unary operator: '-radio-size'
(29618,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(29620,16): run-time error CSS1039: Token not allowed after unary operator: '-radio-m'
(29625,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong'
(29630,16): run-time error CSS1039: Token not allowed after unary operator: '-radio-m'
(29631,20): run-time error CSS1039: Token not allowed after unary operator: '-radio-size'
(29632,19): run-time error CSS1039: Token not allowed after unary operator: '-radio-size'
(29643,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong'
(29644,26): run-time error CSS1039: Token not allowed after unary operator: '-success-bg'
(29645,16): run-time error CSS1039: Token not allowed after unary operator: '-radio-size'
(29646,15): run-time error CSS1039: Token not allowed after unary operator: '-radio-size'
(29651,28): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(29655,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak'
(29664,16): run-time error CSS1039: Token not allowed after unary operator: '-main-height'
(29665,19): run-time error CSS1039: Token not allowed after unary operator: '-grid-col-gap'
(29666,16): run-time error CSS1039: Token not allowed after unary operator: '-main-height'
(29676,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29677,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29678,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29679,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29680,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29681,28): run-time error CSS1039: Token not allowed after unary operator: '-table-controls-height'
(29681,57): run-time error CSS1039: Token not allowed after unary operator: '-table-height'
(29696,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29697,21): run-time error CSS1039: Token not allowed after unary operator: '-table-controls-height'
(29697,52): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(29698,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(29704,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(29704,44): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(29705,16): run-time error CSS1039: Token not allowed after unary operator: '-outer-border'
(29707,27): run-time error CSS1039: Token not allowed after unary operator: '-asset-table-padding'
(29708,28): run-time error CSS1039: Token not allowed after unary operator: '-asset-table-padding'
(29709,24): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(29716,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(29725,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(29726,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-strong'
(29727,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong'
(29731,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic'
(29734,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(29749,26): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic'
(29750,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(29753,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(29756,15): run-time error CSS1039: Token not allowed after unary operator: '-info-bg-weak'
(29770,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29771,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(29774,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(29775,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong'
(29778,16): run-time error CSS1039: Token not allowed after unary operator: '-border'
(29783,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(29790,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong'
(29795,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(29798,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(29808,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(29809,16): run-time error CSS1039: Token not allowed after unary operator: '-outer-border'
(29813,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(29816,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29817,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29820,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(29821,16): run-time error CSS1039: Token not allowed after unary operator: '-outer-border'
(29822,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(29823,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow'
(29826,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak'
(29829,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow'
(29832,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(29837,20): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(29839,16): run-time error CSS1039: Token not allowed after unary operator: '-outer-border'
(29843,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(29848,16): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(29850,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(29852,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(29874,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(29888,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong'
(29889,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(29895,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic-strong'
(29897,26): run-time error CSS1039: Token not allowed after unary operator: '-warn-bg-strong'
(29904,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic-weak'
(29907,26): run-time error CSS1039: Token not allowed after unary operator: '-warn-bg-weak'
(29908,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-weaker'
(29909,22): run-time error CSS1039: Token not allowed after unary operator: '-warn-bg'
(29912,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic'
(29919,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(29927,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29928,25): run-time error CSS1039: Token not allowed after unary operator: '-overlap'
(29929,26): run-time error CSS1039: Token not allowed after unary operator: '-overlap'
(29930,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow'
(29961,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(29963,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(29973,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(29974,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(29978,16): run-time error CSS1039: Token not allowed after unary operator: '-outer-border'
(29979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29984,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(29987,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(29993,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong'
(30002,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(30006,23): run-time error CSS1039: Token not allowed after unary operator: '-separator'
(30015,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong'
(30046,23): run-time error CSS1039: Token not allowed after unary operator: '-separator'
(30058,14): run-time error CSS1039: Token not allowed after unary operator: '-fa-font-solid'
(30062,23): run-time error CSS1039: Token not allowed after unary operator: '-outer-border'
(30072,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(30084,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(30090,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text'
(30096,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(30099,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weak'
(30108,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-stronger'
(30109,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong'
(30111,20): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(30124,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(30127,20): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weaker'
(30128,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong'
(30137,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(30144,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(30148,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(30149,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(30154,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow'
(30157,33): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic'
(30161,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weak'
(30164,33): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic'
(30168,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-weak'
(30171,33): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic'
(30175,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weak'
(30178,33): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic'
(30182,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text-weak'
(30185,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic'
(30189,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak'
(30192,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic'
(30196,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(30203,30): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(30208,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(30211,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30212,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30213,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30214,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(30215,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(30217,22): run-time error CSS1039: Token not allowed after unary operator: '-v'
(30217,45): run-time error CSS1039: Token not allowed after unary operator: '-h'
(30217,63): run-time error CSS1039: Token not allowed after unary operator: '-v'
(30217,72): run-time error CSS1039: Token not allowed after unary operator: '-h'
(30218,27): run-time error CSS1039: Token not allowed after unary operator: '-h'
(30219,23): run-time error CSS1039: Token not allowed after unary operator: '-v'
(30219,32): run-time error CSS1039: Token not allowed after unary operator: '-fold'
(30219,44): run-time error CSS1039: Token not allowed after unary operator: '-v'
(30219,53): run-time error CSS1039: Token not allowed after unary operator: '-v'
(30226,29): run-time error CSS1039: Token not allowed after unary operator: '-v'
(30227,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(30228,15): run-time error CSS1039: Token not allowed after unary operator: '-fold'
(30229,16): run-time error CSS1039: Token not allowed after unary operator: '-fold'
(30237,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(30241,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(30244,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg'
(30248,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(30249,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(30252,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(30255,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(30256,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(30262,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic'
(30265,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg'
(30266,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text'
(30269,32): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic'
(30272,26): run-time error CSS1039: Token not allowed after unary operator: '-warn-bg-weak'
(30273,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-weak'
(30276,32): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic'
(30279,26): run-time error CSS1039: Token not allowed after unary operator: '-success-bg-weak'
(30280,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-'
(30286,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(30287,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(30290,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(30292,109): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg'
(30295,26): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic'
(30306,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30307,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(30309,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(30312,19): run-time error CSS1039: Token not allowed after unary operator: '-h-pad'
(30320,17): run-time error CSS1039: Token not allowed after unary operator: '-h-pad'
(30321,23): run-time error CSS1039: Token not allowed after unary operator: '-h-pad'
(30325,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(30326,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(30331,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(30349,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(30353,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg'
(30357,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(30384,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(30386,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(30407,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(30422,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(30423,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(30424,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(30427,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic'
(30439,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg'
(30440,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(30446,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg'
(30447,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic'
(30451,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg'
(30471,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(30474,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak'
(30481,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(30486,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(30491,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(30493,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(30510,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(30511,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(30513,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong'
(30533,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(30542,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(30545,29): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic'
(30548,29): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic'
(30571,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker'
(30574,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weaker'
(30595,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(30620,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg'
(30652,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(30667,26): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic'
(30668,26): run-time error CSS1039: Token not allowed after unary operator: '-success-bg-weak'
(30671,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text'
(30677,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic'
(30678,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg-weak'
(30681,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weak'
(30684,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(30691,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker'
(30694,15): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic'
(30697,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weaker'
(30700,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic'
(30709,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(30711,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30714,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-selected'
(30717,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(30721,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-selected'
(30724,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30725,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30732,26): run-time error CSS1039: Token not allowed after unary operator: '-list-bg'
(30733,16): run-time error CSS1039: Token not allowed after unary operator: '-border'
(30735,36): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(30736,35): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(30740,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(30750,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(30753,15): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic-weak'
(30756,15): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic-weak'
(30775,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30780,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(30781,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic'
(30782,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text'
(30785,30): run-time error CSS1039: Token not allowed after unary operator: '-skew'
(30790,43): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic'
(30794,25): run-time error CSS1039: Token not allowed after unary operator: '-skew'
(30795,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(30796,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic'
(30801,25): run-time error CSS1039: Token not allowed after unary operator: '-skew'
(30812,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker'
(30813,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(30818,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak'
(30830,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(30847,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(30853,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker'
(30856,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weak'
(30860,15): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic-weak'
(30865,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(30867,26): run-time error CSS1039: Token not allowed after unary operator: '-info-graphic-strong'
(30868,35): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(30871,36): run-time error CSS1039: Token not allowed after unary operator: '-info-bg-weak'
(30872,34): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(30873,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(30892,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong'
(30912,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(30931,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(30945,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(30979,26): run-time error CSS1039: Token not allowed after unary operator: '-success-bg-weak'
(30981,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weak'
(30984,15): run-time error CSS1039: Token not allowed after unary operator: '-success-bg'
(30988,15): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker'
(31032,15): run-time error CSS1039: Token not allowed after unary operator: '-warn-graphic-weak'
(31035,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(31038,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(31039,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(31058,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(31085,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(31096,26): run-time error CSS1039: Token not allowed after unary operator: '-info-bg-weak'
(31097,15): run-time error CSS1039: Token not allowed after unary operator: '-info-text'
(31113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31114,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg'
(31115,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(31116,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow'
(31133,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(31134,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(31138,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg'
(31139,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong'
(31140,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong'
(31145,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weaker'
(31146,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg'
(31150,26): run-time error CSS1039: Token not allowed after unary operator: '-success-graphic-strong'
(31151,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(31154,38): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker'
(31163,26): run-time error CSS1039: Token not allowed after unary operator: '-list-bg'
(31164,16): run-time error CSS1039: Token not allowed after unary operator: '-border'
(31165,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(31166,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(31178,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text'
(31181,26): run-time error CSS1039: Token not allowed after unary operator: '-list-bg'
(31187,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-strong'
(31198,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(31200,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong'
(31201,23): run-time error CSS1039: Token not allowed after unary operator: '-corner-radius'
(31225,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31236,27): run-time error CSS1039: Token not allowed after unary operator: '-tile-spacing'
(31239,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31240,15): run-time error CSS1039: Token not allowed after unary operator: '-square-size'
(31242,16): run-time error CSS1039: Token not allowed after unary operator: '-square-size'
(31243,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(31244,22): run-time error CSS1039: Token not allowed after unary operator: '-tile-spacing'
(31245,23): run-time error CSS1039: Token not allowed after unary operator: '-tile-spacing'
(31258,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(31273,28): run-time error CSS1039: Token not allowed after unary operator: '-warn-bg-strong'
(31274,17): run-time error CSS1039: Token not allowed after unary operator: '-warn-text-stronger'
(31291,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg'
(31292,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text'
(31298,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text'
(31301,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-strong'
(31302,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong'
(31306,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong'
(31309,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong'
(31313,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong'
(31351,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic'
(31358,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak'
(31359,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(31362,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong'
(31365,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak'
(31366,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-weak'
(31373,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(31379,15): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(31382,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker'
(31393,15): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(31394,16): run-time error CSS1039: Token not allowed after unary operator: '-dark-invert'
(31397,15): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(31402,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(31403,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(31410,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text'
(31415,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-bg'
(31416,22): run-time error CSS1039: Token not allowed after unary operator: '-danger-graphic-weak'
(31441,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(31447,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg'
(31451,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg'
(31454,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(31455,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic'
(31460,20): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(31476,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31477,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(31479,17): run-time error CSS1039: Token not allowed after unary operator: '-pad'
(31481,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(31482,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow'
(31486,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(31488,21): run-time error CSS1039: Token not allowed after unary operator: '-pad'
(31494,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(31498,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(31501,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak'
(31504,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(31555,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(31561,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31562,16): run-time error CSS1039: Token not allowed after unary operator: '-size'
(31565,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(31576,17): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline'
(31579,36): run-time error CSS1039: Token not allowed after unary operator: '-success-bg-strong'
(31581,254): run-time error CSS1030: Expected identifier, found ','
(31581,259): run-time error CSS1031: Expected selector, found ')'
(31581,259): run-time error CSS1025: Expected comma or open brace, found ')'
(31585,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(31588,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker'
(31591,19): run-time error CSS1039: Token not allowed after unary operator: '-size'
(31593,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(31604,15): run-time error CSS1039: Token not allowed after unary operator: '-size'
(31607,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31608,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(31609,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(31616,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(31646,18): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(31651,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(31656,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong'
(31660,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(31661,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(31662,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow'
(31665,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(31668,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg'
(31672,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text'
(31676,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weak'
(31697,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-strong'
(31698,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-strong'
(31723,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(31727,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(31773,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(31784,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong'
(31787,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-strong'
(31797,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-stronger'
(31804,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(31813,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(31823,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong'
(31846,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(31856,20): run-time error CSS1039: Token not allowed after unary operator: '-card-shadow'
(31857,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(31895,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(31899,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-weak'
(31902,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-weak'
(31906,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg'
(31907,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic'
(31912,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-graphic-strong'
(31915,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-graphic-strong'
(31924,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak'
(31930,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-stronger'
(31935,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-weak'
(31987,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg'
(31988,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg'
(31991,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31999,26): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(32012,23): run-time error CSS1039: Token not allowed after unary operator: '-indent'
(32022,23): run-time error CSS1039: Token not allowed after unary operator: '-indent'
(32031,31): run-time error CSS1039: Token not allowed after unary operator: '-indent'
(32061,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-text-weaker'
(32097,16): run-time error CSS1039: Token not allowed after unary operator: '-footer-height'
(32104,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(32107,26): run-time error CSS1039: Token not allowed after unary operator: '-success-text-weaker'
(32110,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-text-weaker'
(32111,15): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(32113,154): run-time error CSS1030: Expected identifier, found ','
(32113,175): run-time error CSS1031: Expected selector, found ')'
(32113,175): run-time error CSS1025: Expected comma or open brace, found ')'
(32215,40): run-time error CSS1030: Expected identifier, found '>'
(32215,110): run-time error CSS1031: Expected selector, found ')'
(32215,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32223,40): run-time error CSS1030: Expected identifier, found '>'
(32223,110): run-time error CSS1031: Expected selector, found ')'
(32223,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32230,40): run-time error CSS1030: Expected identifier, found '>'
(32230,110): run-time error CSS1031: Expected selector, found ')'
(32230,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32233,40): run-time error CSS1030: Expected identifier, found '>'
(32233,110): run-time error CSS1031: Expected selector, found ')'
(32233,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32236,40): run-time error CSS1030: Expected identifier, found '>'
(32236,110): run-time error CSS1031: Expected selector, found ')'
(32236,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32245,40): run-time error CSS1030: Expected identifier, found '>'
(32245,110): run-time error CSS1031: Expected selector, found ')'
(32245,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32254,40): run-time error CSS1030: Expected identifier, found '>'
(32254,110): run-time error CSS1031: Expected selector, found ')'
(32254,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32262,40): run-time error CSS1030: Expected identifier, found '>'
(32262,110): run-time error CSS1031: Expected selector, found ')'
(32262,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32267,40): run-time error CSS1030: Expected identifier, found '>'
(32267,110): run-time error CSS1031: Expected selector, found ')'
(32267,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32271,40): run-time error CSS1030: Expected identifier, found '>'
(32271,110): run-time error CSS1031: Expected selector, found ')'
(32271,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32278,40): run-time error CSS1030: Expected identifier, found '>'
(32278,110): run-time error CSS1031: Expected selector, found ')'
(32278,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32281,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(32282,6): run-time error CSS1035: Expected colon, found '{'
(32286,40): run-time error CSS1030: Expected identifier, found '>'
(32286,110): run-time error CSS1031: Expected selector, found ')'
(32286,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32290,40): run-time error CSS1030: Expected identifier, found '>'
(32290,110): run-time error CSS1031: Expected selector, found ')'
(32290,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32293,40): run-time error CSS1030: Expected identifier, found '>'
(32293,110): run-time error CSS1031: Expected selector, found ')'
(32293,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32310,40): run-time error CSS1030: Expected identifier, found '>'
(32310,110): run-time error CSS1031: Expected selector, found ')'
(32310,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32318,40): run-time error CSS1030: Expected identifier, found '>'
(32318,110): run-time error CSS1031: Expected selector, found ')'
(32318,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32329,40): run-time error CSS1030: Expected identifier, found '>'
(32329,110): run-time error CSS1031: Expected selector, found ')'
(32329,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32332,40): run-time error CSS1030: Expected identifier, found '>'
(32332,110): run-time error CSS1031: Expected selector, found ')'
(32332,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32335,40): run-time error CSS1030: Expected identifier, found '>'
(32335,110): run-time error CSS1031: Expected selector, found ')'
(32335,110): run-time error CSS1025: Expected comma or open brace, found ')'
(32432,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32433,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32434,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32435,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32436,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32437,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32438,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32439,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32440,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32441,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32442,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32443,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32444,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32445,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32446,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32447,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32448,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32449,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32450,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32451,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32452,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32453,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32454,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32455,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32456,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32457,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32458,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32459,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32460,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32461,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32462,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32463,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32464,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32465,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32466,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32467,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32468,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32469,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32470,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32471,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32472,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32473,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32474,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32475,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32476,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32477,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32478,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32479,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32480,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32481,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32482,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32483,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32484,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32485,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32486,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32487,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32488,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32489,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32490,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32491,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32492,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32493,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32494,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32495,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32496,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32497,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32498,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32499,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32500,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32501,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32502,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32503,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32504,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32505,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32506,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32507,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32508,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32509,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32510,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32511,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32512,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32513,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32514,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32515,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32516,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32517,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32521,28): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(32531,22): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(32588,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker'
(32590,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-text'
(32596,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-text'
(32688,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weaker'
(32701,22): run-time error CSS1039: Token not allowed after unary operator: '-brand'
(32706,17): run-time error CSS1039: Token not allowed after unary operator: '-absolute'
(32712,17): run-time error CSS1039: Token not allowed after unary operator: '-brand'
(32718,26): run-time error CSS1039: Token not allowed after unary operator: '-brand'
(32763,17): run-time error CSS1039: Token not allowed after unary operator: '-brand'
(32769,22): run-time error CSS1039: Token not allowed after unary operator: '-brand'
(32779,22): run-time error CSS1039: Token not allowed after unary operator: '-brand'
(32785,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak'
(32792,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-text'
(32798,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-weak'
(32800,17): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(32808,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32809,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32810,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32811,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32812,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32813,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32814,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32815,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32816,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32817,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32818,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32819,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32820,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32821,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32822,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32823,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32824,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32825,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32826,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32827,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32828,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32829,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32830,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32831,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32832,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32833,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32834,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32835,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32836,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32837,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32838,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32839,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32840,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32841,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32842,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32843,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32844,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32845,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32846,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32847,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32848,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32849,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32850,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32851,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32852,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32853,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32854,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32855,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32856,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32857,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32858,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32859,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32860,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32861,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32862,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32863,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32864,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32865,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32866,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32867,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32868,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32869,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32870,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32871,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32872,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32873,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32874,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32875,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32876,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32877,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32878,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32879,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32880,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32881,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32882,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32883,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32884,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32885,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32886,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32887,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32888,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32889,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32890,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32891,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32892,2): run-time error CSS1062: Expected semicolon or closing curly-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-very-muted {
    color: #dbdbdb;
    color: var(--neutral-text-weaker, #dbdbdb);
}

    .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;
}

.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;
}
.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;
}

.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;
}
/* 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;
}

.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;
}

.permissions-matrix .role-column {
    width: 105px;
    text-align: center;
}
.permissions-matrix th {
    vertical-align: bottom;
    padding: 2px !important;
}
.permissions-matrix .function-column {
    width: 400px;
}
.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;
}
.permissions-matrix .section-row th,
.permissions-matrix .function-row th {
    position: sticky;
    position: -webkit-sticky;
    top: 55px;
}
.permissions-matrix .section-row.has-function-row th {
    top: 85px;
}
.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;
}
.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;
}
.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-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
}

.admin-settings .setting-tab-container > .tab-content {
    display: none;
}

.setting-tab-container {
    position: sticky;
    top: 74px;
    height: calc(100vh - 74px);
    overflow-y: auto;
}

.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: none; /* 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;
}
.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: -15px;
}
.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: -15px;
	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;
    }
}
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: 2000;
}
.image-gallery-other-attachments li.other-attachment {
    position: relative;
}
.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 {
    position: absolute;
    top: 5px;
    right: 7px;
    visibility: hidden;
}
.image-gallery-other-attachments li.other-attachment:hover .other-attachment-delete {
    visibility: visible;
}
.image-gallery-other-attachments li.other-attachment .other-attachment-edit {
    position: absolute;
    top: 5px;
    right: 20px;
    visibility: hidden;
}
.image-gallery-other-attachments li.other-attachment:hover .other-attachment-edit {
    visibility: visible;
}
.image-gallery .selected-image-large {
    border: solid 1px #ddd;
}
.load-more-panel>.load-more-content {
    transition: opacity linear 0.3s;
    opacity: 1;
}
.load-more-panel>.load-more-content.is-loading {
    opacity: 0.4;
}
.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;
}
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;
}
#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;
}
.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;
}
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;
}

.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 .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;
}
.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;
}
.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;
}*/


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 div.section {
    margin: 0px 0px 10px 0px;
    background-color: #f5f4f3;
}
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],
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 {
    overflow: hidden;
}
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: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 span {
    width:100%;
    display:block;
}
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 .label:first-child {
    /*position: absolute;
    top: 3px;
    right: 7px;*/
    float: right;
    padding: 2px 4px;
    font-size: 75%;
    border-radius: 5px;
}
div.job-details .timeline>li:not(.timeline-small) .timeline-panel {
    min-height: 65px;
}
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 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 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 li.timeline-future:hover {
    background-color: #cecece;
}
div.job-details .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.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,
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;
}

.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 .appliesto-findings-list {
    max-height: 100px;
    overflow-y: auto;
}
.job-edit img.selected-image-large {
    width: 100% !important;
    margin-left: 0px !important;
}
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;
}

.job-instruction-tabs .nav-tabs {
    background-color: transparent;
    border: solid 1px #ddd;
}
.job-instruction-tabs .tab-content {
    background-color: #ebebeb !important;
    position: relative !important;
    border: solid 1px #ddd;
    min-height: 395px;
}
.job-instruction-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;
}
.job-instruction-tabs li.uib-tab > a.nav-link:hover {
    background-color: #fafafa;
}
.job-instruction-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;
}
.job-instruction-tabs .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;
}
/* 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: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);    
}
#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 > 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;
}
.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-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] .instruction-field-wrapper > div:not([disabled]) {
    pointer-events: auto;
}*/
.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;
}
.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: solid 1px #ddd;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 2px;
    display: flex;
}
div.job-scheduler .schedules-list .schedule-item:hover {
    background-color: #f2f2f2;
}
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 .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;
}
.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 .ii {
    /*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.label-warning,
.service-ticket-list-item .label.label-warning {
    background: #f3d7ae;
    border: 1px solid #f59c1a;
    color: #666;
}
.ticket-status .label.label-success,
.service-ticket-list-item .label.label-success {
    background: #afe0af;
    border: 1px solid #5cb85c;
    color: #000;
}
.ticket-status .label.label-inverse,
.service-ticket-list-item .label.label-inverse {
    background: #8b8b8c;
    border: 1px solid #2d353c;
    color: #fff;
}
.ticket-status .label.label-default,
.service-ticket-list-item .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;
}
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;
}


.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.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;
}
div.workflow-comments .nav-item:first-child > a,
div.workflow-comments .nav-item:first-child.active > a,
div.workflow-comments .nav-item:first-child.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 {
    padding: 10px;
    border-bottom: 2px solid #eaeaea;
    transition: all 0.2s;
}
div.library .document-item:hover {
    background-color: #f2f2f2;
    cursor:pointer;
}
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 .library-download, div.library .library-download i {
    color: #5691ac;
    font-size: 12px;
}
div.library .library-download:hover, div.library .library-download i:hover,
div.library .library-archive:hover, div.library .library-archive i:hover {
    text-decoration:none;
}
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;
}
.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.request-explorer > div:first-child {
    display:flex;
    align-items: stretch;
    padding: 10px 5px 10px 15px; 
    justify-content:space-between;
}
div.request-explorer > div > div:first-child {
    width: 40%;
}
div.request-explorer tr.expired-request {
    background-color: #fff0f0;
}
.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;
    height: 50px;
    border: 0;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.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) {
    color: #64a5dc;
}
.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%
    }
}
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;
}*/

.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 > 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;
}
div.request-explorer > div:first-child {
    display:flex;
    align-items: stretch;
    padding: 10px 5px 10px 15px; 
    justify-content:space-between;
}
div.request-explorer > div > div:first-child {
    width: 40%;
}
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: 50px;
}

.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;
}


/*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;
}


.reportList .reportGroup, .reportList .reportSubGroup {
    background-color: #fff !important;
    border: none !important;
    margin-bottom: 10px;
}
.reportList .reportGroupHeading {
    padding: 0px;
    margin: 0px;    
    background-color: #41494f;
    transition: 0.3s;
    opacity: 1;    
}
.reportList .reportGroupSubHeading {
    padding: 0px;
    margin: 0px;
    background-color: #848e98;
    transition: 0.3s;
    opacity: 1;    
}
.reportList .reportGroupSubHeading:hover, .reportList .reportGroupHeading:hover {
    opacity: 0.9;
}
.reportList .reportGroupHeading h3, .reportList .reportGroupSubHeading h4 {
    color: #fff;
    font-size:24px;
    font-weight: 500;
    padding: 3px 5px 3px 15px;
    margin: 10px auto;
}
.reportList .reportSubGroup {
    padding: 0px;
    margin: 0px;
    border: 1px solid #2d353c;
    background-color: #2d353c;
}
.reportList .panel-heading, 
.reportList .panel-body, 
.reportList .panel-title .accordion-toggle, 
.reportList .panel-group {
    margin: 0px;
    padding: 0px;
    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;
}
.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[data-ng-app=app].ng-scope .login .login-content :not(.alert)
mfa-generate :not(button, button *) {
    color: var(--neutral-text) !important;
    background-color: white;
}

html[data-ng-app=app].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;
}
html[data-ng-app=app].ng-scope {
  font-size: 16px;
}
html[data-ng-app=app].ng-scope:has(.simplified-layout) {
  font-size: 14px;
}
html[data-ng-app=app].ng-scope .login {
  background-color: transparent !important;
  position: relative;
  padding: 3rem 0.25rem;
}
html[data-ng-app=app].ng-scope .login .login-content {
  width: 100%;
  background-color: var(--brand-text) !important;
  box-shadow: var(--card-shadow);
  color: var(--brand-text);
}
html[data-ng-app=app].ng-scope .login .login-content :not(.alert) {
  color: var(--brand-bg-weak) !important;
}
html[data-ng-app=app].ng-scope .login .login-content h3, html[data-ng-app=app].ng-scope .login .login-content h4, html[data-ng-app=app].ng-scope .login .login-content h5, html[data-ng-app=app].ng-scope .login .login-content h6, html[data-ng-app=app].ng-scope .login .login-content label {
  width: 100%;
  text-align: left;
}
html[data-ng-app=app].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[data-ng-app=app].ng-scope .login .login-content input::placeholder {
  color: var(--neutral-bg-strong);
}
html[data-ng-app=app].ng-scope .login .login-content [ui-sref="login.forgotPassword"], html[data-ng-app=app].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[data-ng-app=app].ng-scope .login .login-content .login-buttons button[name=login], html[data-ng-app=app].ng-scope .login .login-content .login-buttons [role=button], html[data-ng-app=app].ng-scope .login .login-content .login-buttons button, html[data-ng-app=app].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[data-ng-app=app].ng-scope .login .login-content .login-buttons button[name=login]:hover, html[data-ng-app=app].ng-scope .login .login-content .login-buttons button[name=login]:focus-visible, html[data-ng-app=app].ng-scope .login .login-content .login-buttons [role=button]:hover, html[data-ng-app=app].ng-scope .login .login-content .login-buttons [role=button]:focus-visible, html[data-ng-app=app].ng-scope .login .login-content .login-buttons button:hover, html[data-ng-app=app].ng-scope .login .login-content .login-buttons button:focus-visible, html[data-ng-app=app].ng-scope .login .login-content .login-buttons button[type=submit]:hover, html[data-ng-app=app].ng-scope .login .login-content .login-buttons button[type=submit]:focus-visible {
  background-color: var(--brand-text-weak) !important;
  opacity: 1;
}
html[data-ng-app=app].ng-scope .login .login-content .form-group a {
  color: var(--brand-text-strong);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[small] label span[role=switch], html[data-ng-app=app].ng-scope .login-page toggle-switch[small] label span[role=switch] {
  font-size: var(--sml);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[large] label span[role=switch], html[data-ng-app=app].ng-scope .login-page toggle-switch[large] label span[role=switch] {
  font-size: var(--lrg);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch ~ [disabled=disabled], html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch, html[data-ng-app=app].ng-scope .login-page toggle-switch {
    --shadows: rgba(0, 0, 0, 0.33);
    --highlights: rgba(255, 255, 255, 0.15);
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch ~ [disabled=disabled], html[data-ng-app=app].ng-scope .login-page toggle-switch ~ [disabled=disabled] {
    --shadows: rgba(0, 0, 0, 0.15);
    --highlights: rgba(255, 255, 255, 0.05);
  }
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[invert] label span[role=switch], html[data-ng-app=app].ng-scope .login-page toggle-switch[invert] label span[role=switch] {
  transform: scaleX(-1);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[bg], html[data-ng-app=app].ng-scope .login-page toggle-switch[bg] {
  background-color: var(--neutral-bg);
  border-radius: 0.2rem;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[after] label, html[data-ng-app=app].ng-scope .login-page toggle-switch[after] label {
  flex-direction: row-reverse;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[after] label ng-transclude, html[data-ng-app=app].ng-scope .login-page toggle-switch[after] label ng-transclude {
  margin-right: var(--space-inside);
  margin-left: 0;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label:focus, html[data-ng-app=app].ng-scope .login-page toggle-switch label:focus {
  outline: none !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label:focus-visible, html[data-ng-app=app].ng-scope .login-page toggle-switch label:focus-visible {
  outline: var(--focus-outline, 3px ridge var(--accent-graphic, rgb(0, 128, 255))) !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label ng-transclude, html[data-ng-app=app].ng-scope .login-page toggle-switch label ng-transclude {
  margin: 0 var(--space-inside-s);
  margin-left: var(--space-inside);
  flex-grow: 1;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label span[role=switch], html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label span[role=switch].danger, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label span[role=switch].warn, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label span[role=switch].success, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label span[role=switch].info, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label span[role=switch].brand, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label span[role=switch].accent, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label span[role=switch].neutral, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label span[role=switch]::before, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label span[role=switch]::after, html[data-ng-app=app].ng-scope .login-page toggle-switch label span[role=switch]::before, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label span[role=switch]::before, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label span[role=switch]::after, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label span[role=switch][aria-checked=true]::after, html[data-ng-app=app].ng-scope .login-page toggle-switch label span[role=switch][aria-checked=true]::after {
  left: 0.618em;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label span[role=switch][aria-checked=true]:not([disabled=disabled])::before, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch label span[role=switch][aria-checked=true]:not([disabled=disabled])::after, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[disabled=disabled] label ng-transclude span, html[data-ng-app=app].ng-scope .login-page toggle-switch[disabled=disabled] label ng-transclude span {
  color: var(--neutral-graphic-strong);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[disabled=disabled] label, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[disabled=disabled] label::before, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[disabled=disabled] label::after,
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[disabled=disabled] label span[role=switch],
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[disabled=disabled] label span[role=switch]::before,
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[disabled=disabled] label span[role=switch]::after, html[data-ng-app=app].ng-scope .login-page toggle-switch[disabled=disabled] label, html[data-ng-app=app].ng-scope .login-page toggle-switch[disabled=disabled] label::before, html[data-ng-app=app].ng-scope .login-page toggle-switch[disabled=disabled] label::after,
html[data-ng-app=app].ng-scope .login-page toggle-switch[disabled=disabled] label span[role=switch],
html[data-ng-app=app].ng-scope .login-page toggle-switch[disabled=disabled] label span[role=switch]::before,
html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[disabled=disabled] label[aria-checked=true]::before,
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[disabled=disabled] label span[role=switch][aria-checked=true]::before, html[data-ng-app=app].ng-scope .login-page toggle-switch[disabled=disabled] label[aria-checked=true]::before,
html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[disabled=disabled] label[aria-checked=true]::after,
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[disabled=disabled] label span[role=switch][aria-checked=true]::after, html[data-ng-app=app].ng-scope .login-page toggle-switch[disabled=disabled] label[aria-checked=true]::after,
html[data-ng-app=app].ng-scope .login-page toggle-switch[disabled=disabled] label span[role=switch][aria-checked=true]::after {
  background-color: inherit;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[disabled=disabled] label[aria-checked=false]::before,
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout toggle-switch[disabled=disabled] label span[role=switch][aria-checked=false]::before, html[data-ng-app=app].ng-scope .login-page toggle-switch[disabled=disabled] label[aria-checked=false]::before,
html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container:has(*:focus-visible), html[data-ng-app=app].ng-scope .login-page asset-table .table-container:has(*:focus-visible) {
  outline: 3px solid var(--neutral-text-strong);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table:focus, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table:focus-visible, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table:focus {
  outline: none;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table:after, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=rowgroup],
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row], html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=rowgroup],
html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row] {
  display: contents;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=rowgroup]:not(.table-body),
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.table-body), html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=rowgroup]:not(.table-body),
html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.table-body) {
  z-index: 2;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row] .group-heading, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row] .heading, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row] .group-heading, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row] .group-heading, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row] .group-heading i.fa, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row] .group-heading i.fa {
  color: var(--neutral-bg-strong);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading).show-group-heading, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading).show-group-heading {
  --spacing: 3rem;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading).show-group-heading .group-heading, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading).show-group-heading .row-bg, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-within, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):hover, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-within, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-visible, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus {
  z-index: 1;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):hover .row-bg, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-within .row-bg, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-visible .row-bg, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus .row-bg, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):hover .row-bg, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-within .row-bg, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-visible .row-bg, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):hover .row-bg:before, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-within .row-bg:before, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-visible .row-bg:before, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus .row-bg:before, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):hover .row-bg:before, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-within .row-bg:before, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading):focus-visible .row-bg:before, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) .row-bg, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) .row-bg:focus, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) .row-bg:focus-visible, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) .row-bg:focus, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) .row-bg:focus-visible {
  outline: none;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading), html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings, .heading) > :not(.row-bg, .group-heading) .ellipsis, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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: 100;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: 0.66rem;
  align-items: flex-end;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row].column-headings, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row].column-headings {
  user-select: none;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row].column-headings .heading, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row].column-headings .heading:first-of-type, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row].column-headings .heading:first-of-type {
  display: flex;
  align-items: center;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row].column-headings .heading span, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row].column-headings .heading span {
  position: fixed;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row].column-headings .heading span i, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row].column-headings .heading span i {
  color: var(--neutral-graphic-weak);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .status-message, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container .asset-field-content .location, html[data-ng-app=app].ng-scope .login-page asset-table .table-container .asset-field-content .location {
    display: none !important;
  }
}
@media screen and (min-width: 38rem) {
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container, html[data-ng-app=app].ng-scope .login-page asset-table .table-container {
    --lines-per-item: 7;
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table {
    grid-template-columns: minmax(16rem, 30rem) repeat(1, minmax(10em, auto));
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg):nth-of-type(-n + 2), html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg):nth-of-type(-n + 2) {
    display: flex;
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings) > div:nth-of-type(-n + 3), html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container, html[data-ng-app=app].ng-scope .login-page asset-table .table-container {
    --lines-per-item: 6;
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table {
    grid-template-columns: minmax(16rem, 30rem) repeat(2, minmax(10em, auto));
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg):nth-of-type(-n + 3), html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg):nth-of-type(-n + 3) {
    display: flex;
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings) > div:nth-of-type(-n + 4), html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container, html[data-ng-app=app].ng-scope .login-page asset-table .table-container {
    --lines-per-item: 5;
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table {
    grid-template-columns: minmax(16rem, 30rem) repeat(3, minmax(10em, auto));
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg):nth-of-type(-n + 4), html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg):nth-of-type(-n + 4) {
    display: flex;
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings) > div:nth-of-type(-n + 5), html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container, html[data-ng-app=app].ng-scope .login-page asset-table .table-container {
    --lines-per-item: 5;
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table {
    grid-template-columns: minmax(16rem, 30rem) repeat(4, minmax(10em, auto));
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg):nth-of-type(-n + 5), html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg):nth-of-type(-n + 5) {
    display: flex;
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings) > div:nth-of-type(-n + 6), html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table, html[data-ng-app=app].ng-scope .login-page asset-table {
    height: 100% !important;
    position: relative;
    top: 0;
    padding: 0;
    margin: 0;
  }
  @page {
    html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table, html[data-ng-app=app].ng-scope .login-page asset-table {
      size: landscape !important;
    }
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row] .group-heading, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row] .group-heading {
    font-size: 1.33em !important;
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .status-message, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table .status-message {
    display: none !important;
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .item, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table .item {
    height: auto !important;
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .item .status-message, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table .item .status-message {
    display: none !important;
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .item > :not(.row-bg, .group-heading), html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .item > :not(.row-bg, .group-heading) .ellipsis, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .item.show-group-heading, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .item.show-group-heading .group-heading, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .item.show-group-heading > .field, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .item.show-group-heading > .primary-field-wrapper, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table .item.show-group-heading > .field, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .item .row-bg, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table .item .row-bg {
    height: auto !important;
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .primary-field .asset-field-content .asset-name.ellipsis, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table .primary-field .asset-field-content .asset-name.ellipsis {
    font-size: 1em;
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table > div.table-body > div > div.primary-field-wrapper > div > div.image,
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .asset-field-content .location, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table > div.table-body > div > div.primary-field-wrapper > div > div.image,
  html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table .asset-field-content .location {
    display: none !important;
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings) > div, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg), html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings) > div, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg) {
    display: flex !important;
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table [role=row]:not(.column-headings) > div a[href]:after, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg) a[href]:after, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table [role=row]:not(.column-headings) > div a[href]:after, html[data-ng-app=app].ng-scope .login-page asset-table .table-container #asset-table .column-headings > .heading:not(.row-bg) a[href]:after {
    display: none;
    content: unset;
  }
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .location-path, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .location-path:before, html[data-ng-app=app].ng-scope .login-page .location-path:before {
  content: "\f3c5";
  color: var(--neutral-graphic-weak);
  font: var(--fa-font-solid);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .location-path .navigable-path, html[data-ng-app=app].ng-scope .login-page .location-path .navigable-path {
  white-space: nowrap;
  display: block;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .location-path .navigable-path a, html[data-ng-app=app].ng-scope .login-page .location-path .navigable-path a {
  white-space: nowrap;
  cursor: pointer;
  color: var(--info-text-weak);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .location-path .navigable-path:not(:last-child):before, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars .tally-bars-title, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat], html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat].selected, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat].selected:hover, html[data-ng-app=app].ng-scope .login-page tally-bars [ng-repeat].selected:hover {
  border-color: var(--brand-graphic-strong);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat].selected .tally-bars-data-label, html[data-ng-app=app].ng-scope .login-page tally-bars [ng-repeat].selected .tally-bars-data-label {
  color: var(--neutral-text);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat].selected .tally-bars-data-value, html[data-ng-app=app].ng-scope .login-page tally-bars [ng-repeat].selected .tally-bars-data-value {
  color: var(--neutral-text-stronger);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat]:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat]:focus-visible, html[data-ng-app=app].ng-scope .login-page tally-bars [ng-repeat]:hover, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat]:focus, html[data-ng-app=app].ng-scope .login-page tally-bars [ng-repeat]:focus {
  outline: none;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-text, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-text .tally-bars-data-value, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-text .tally-bars-data-value .tally-denominator, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-text .tally-bars-data-label, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-text .tally-bars-data-label .tally-bars-supertitle,
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-text .tally-bars-data-label .tally-bars-subtitle, html[data-ng-app=app].ng-scope .login-page tally-bars [ng-repeat] .tally-bars-data-text .tally-bars-data-label .tally-bars-supertitle,
html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-bar, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-bar:after, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-bar .tally-bars-data-bar-value, html[data-ng-app=app].ng-scope .login-page tally-bars [ng-repeat] .tally-bars-data-bar:after, html[data-ng-app=app].ng-scope .login-page tally-bars [ng-repeat] .tally-bars-data-bar .tally-bars-data-bar-value {
  border-radius: 0.2em;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-bar .tally-bars-data-bar-value, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-bar .tally-bars-data-bar-value:not(.raw-total), html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-bars [ng-repeat] .tally-bars-data-bar:after, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards, html[data-ng-app=app].ng-scope .login-page tally-cards {
  margin: 1em 0;
  display: block;
  width: 100%;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards .tally-cards-title, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards .tally-cards-title strong, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards .tally-cards-container, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card.selected, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card.selected .tally-card-data-value, html[data-ng-app=app].ng-scope .login-page tally-cards .tally-cards-container .tally-card.selected .tally-card-data-value {
  color: var(--brand-text-stronger);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card.selected .tally-card-data-label, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card:focus-visible, html[data-ng-app=app].ng-scope .login-page tally-cards .tally-cards-container .tally-card:hover, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card:hover, html[data-ng-app=app].ng-scope .login-page tally-cards .tally-cards-container .tally-card:hover {
  outline: none !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card:focus-visible, html[data-ng-app=app].ng-scope .login-page tally-cards .tally-cards-container .tally-card:focus-visible {
  outline: var(--focus-outline) !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card:focus, html[data-ng-app=app].ng-scope .login-page tally-cards .tally-cards-container .tally-card:focus {
  outline: none;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card .tally-card-data-text, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card .tally-card-data-text .tally-card-data-value, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card .tally-card-data-text .tally-card-data-value .tally-denominator, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card .tally-card-data-text .tally-card-data-label, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout tally-cards .tally-cards-container .tally-card .tally-card-status-bar, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout service-ticket, html[data-ng-app=app].ng-scope .login-page service-ticket {
  margin: 0.5em 0;
  display: block;
  max-width: 60em;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout service-ticket .service-ticket, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout service-ticket .service-ticket:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout service-ticket .service-ticket:focus-visible, html[data-ng-app=app].ng-scope .login-page service-ticket .service-ticket:hover, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout service-ticket .service-ticket:focus, html[data-ng-app=app].ng-scope .login-page service-ticket .service-ticket:focus {
  outline: none !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-status-bar, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text, html[data-ng-app=app].ng-scope .login-page service-ticket .service-ticket .service-ticket-text {
  width: 100%;
  padding: 1em 1.5em;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text .service-ticket-image-header, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text .service-ticket-image-header img.service-ticket-thumbnail, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text .service-ticket-image-header .service-ticket-primary-info, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text .service-ticket-image-header .service-ticket-status, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text dl.service-ticket-details, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text dl.service-ticket-details dt, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text dl.service-ticket-details .service-ticket-details-impact, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout service-ticket .service-ticket .service-ticket-text dl.service-ticket-details .service-ticket-details-impact dd i, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout search-bar, html[data-ng-app=app].ng-scope .login-page search-bar {
  --border-color: var(--neutral-graphic);
  --border: 1px solid var(--border-color);
  max-width: 35em;
  display: block;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout search-bar .input-group[role=search], html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout search-bar .input-group[role=search]:focus-within, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout search-bar .input-group[role=search]:focus-within .input-group-addon, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout search-bar .input-group[role=search] input[type=search], html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout search-bar .input-group[role=search] .input-group-addon, html[data-ng-app=app].ng-scope .login-page search-bar .input-group[role=search] input[type=search], html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout search-bar .input-group[role=search] .input-group-addon, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout search-bar .input-group[role=search] input[type=search], html[data-ng-app=app].ng-scope .login-page search-bar .input-group[role=search] input[type=search] {
  height: 2em;
  border-left: none;
  color: var(--neutral-text-strong);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout search-bar .input-group[role=search] input[type=search]::placeholder, html[data-ng-app=app].ng-scope .login-page search-bar .input-group[role=search] input[type=search]::placeholder {
  color: var(--neutral-text-weaker);
  font-style: italic;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout search-bar .input-group[role=search] input[type=search]:focus-visible, html[data-ng-app=app].ng-scope .login-page search-bar .input-group[role=search] input[type=search]:focus-visible {
  outline: none !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout search-bar .input-group[role=search] input[type=search]:focus-visible::placeholder, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout ticket-list headed-container .tickets-count, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout ticket-list headed-container .tickets-count.bubble-count, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout ticket-list headed-container .tickets-count.bubble-count.bubble-count-danger, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout ticket-list headed-container .tickets-count.bubble-count.bubble-count-warning, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout ticket-list headed-container .tickets-count.bubble-count.bubble-count-success, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout ticket-list headed-container .tickets-count.bubble-count.bubble-count-info, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout ticket-list headed-container .tickets-count.bubble-count.bubble-count-default, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout ticket-list headed-container .ticket-list-message, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout ticket-list headed-container .view-more-tickets-button, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout ticket-list headed-container .view-more-tickets-button button, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout ticket-list headed-container service-ticket, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout ticket-list headed-container service-ticket:nth-of-type(4n + 1), html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout ticket-list headed-container service-ticket:nth-of-type(4n + 3), html[data-ng-app=app].ng-scope .login-page ticket-list headed-container service-ticket:nth-of-type(4n + 1), html[data-ng-app=app].ng-scope .login-page ticket-list headed-container service-ticket:nth-of-type(4n + 3) {
  animation-delay: 0.033s;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout ticket-list headed-container service-ticket:nth-of-type(4n + 2), html[data-ng-app=app].ng-scope .login-page ticket-list headed-container service-ticket:nth-of-type(4n + 2) {
  animation-delay: 0.066s;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout ticket-list headed-container[is-loading=true] service-ticket, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout ticket-list headed-container[is-loading=true] service-ticket:nth-of-type(4n + 1), html[data-ng-app=app].ng-scope .login-page ticket-list headed-container[is-loading=true] service-ticket:nth-of-type(4n + 1) {
  animation-delay: 0.25s;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout ticket-list headed-container[is-loading=true] service-ticket:nth-of-type(4n + 2), html[data-ng-app=app].ng-scope .login-page ticket-list headed-container[is-loading=true] service-ticket:nth-of-type(4n + 2) {
  animation-delay: 0.5s;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout ticket-list headed-container[is-loading=true] service-ticket:nth-of-type(4n + 3), html[data-ng-app=app].ng-scope .login-page ticket-list headed-container[is-loading=true] service-ticket:nth-of-type(4n + 3) {
  animation-delay: 0.75s;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button .btn, html[data-ng-app=app].ng-scope .login-page inv-button .btn {
  outline-offset: 2px;
  width: 100%;
  margin: 0 !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button .btn:not(.btn-primary), html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button .btn:not(.btn-primary):hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button .btn:not(.btn-primary):focus-visible, html[data-ng-app=app].ng-scope .login-page inv-button .btn:not(.btn-primary):hover, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button .btn.btn-primary, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button .btn.btn-primary:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button .btn.btn-primary:focus-visible, html[data-ng-app=app].ng-scope .login-page inv-button .btn.btn-primary:hover, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[neutral] .btn:not(.btn-primary), html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[neutral] .btn:not(.btn-primary):hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[neutral] .btn:not(.btn-primary):focus-visible, html[data-ng-app=app].ng-scope .login-page inv-button[neutral] .btn:not(.btn-primary):hover, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[neutral] .btn.btn-primary, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[neutral] .btn.btn-primary:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[neutral] .btn.btn-primary:focus-visible, html[data-ng-app=app].ng-scope .login-page inv-button[neutral] .btn.btn-primary:hover, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[brand] .btn:not(.btn-primary), html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[brand] .btn:not(.btn-primary):hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[brand] .btn:not(.btn-primary):focus-visible, html[data-ng-app=app].ng-scope .login-page inv-button[brand] .btn:not(.btn-primary):hover, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[brand] .btn.btn-primary, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[brand] .btn.btn-primary:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[brand] .btn.btn-primary:focus-visible, html[data-ng-app=app].ng-scope .login-page inv-button[brand] .btn.btn-primary:hover, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[info] .btn:not(.btn-primary), html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[info] .btn:not(.btn-primary):hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[info] .btn:not(.btn-primary):focus-visible, html[data-ng-app=app].ng-scope .login-page inv-button[info] .btn:not(.btn-primary):hover, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[info] .btn.btn-primary, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[info] .btn.btn-primary:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[info] .btn.btn-primary:focus-visible, html[data-ng-app=app].ng-scope .login-page inv-button[info] .btn.btn-primary:hover, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[success] .btn:not(.btn-primary), html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[success] .btn:not(.btn-primary):hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[success] .btn:not(.btn-primary):focus-visible, html[data-ng-app=app].ng-scope .login-page inv-button[success] .btn:not(.btn-primary):hover, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[success] .btn.btn-primary, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[success] .btn.btn-primary:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[success] .btn.btn-primary:focus-visible, html[data-ng-app=app].ng-scope .login-page inv-button[success] .btn.btn-primary:hover, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[warn] .btn:not(.btn-primary), html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[warn] .btn:not(.btn-primary):hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[warn] .btn:not(.btn-primary):focus-visible, html[data-ng-app=app].ng-scope .login-page inv-button[warn] .btn:not(.btn-primary):hover, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[warn] .btn.btn-primary, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[warn] .btn.btn-primary:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[warn] .btn.btn-primary:focus-visible, html[data-ng-app=app].ng-scope .login-page inv-button[warn] .btn.btn-primary:hover, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[danger] .btn:not(.btn-primary), html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[danger] .btn:not(.btn-primary):hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[danger] .btn:not(.btn-primary):focus-visible, html[data-ng-app=app].ng-scope .login-page inv-button[danger] .btn:not(.btn-primary):hover, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[danger] .btn.btn-primary, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[danger] .btn.btn-primary:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout inv-button[danger] .btn.btn-primary:focus-visible, html[data-ng-app=app].ng-scope .login-page inv-button[danger] .btn.btn-primary:hover, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout headed-container, html[data-ng-app=app].ng-scope .login-page headed-container {
  interpolate-size: allow-keywords;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout headed-container .headed-container-wrapper, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout headed-container .headed-container-wrapper .headed-container-heading, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout headed-container details.headed-container-wrapper [ng-transclude=content], html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout headed-container details.headed-container-wrapper::details-content, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout headed-container details.headed-container-wrapper::details-content *, html[data-ng-app=app].ng-scope .login-page headed-container details.headed-container-wrapper::details-content * {
  position: relative;
  top: 0;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout headed-container details.headed-container-wrapper[open]::details-content, html[data-ng-app=app].ng-scope .login-page headed-container details.headed-container-wrapper[open]::details-content {
  block-size: auto;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout headed-container details.headed-container-wrapper summary:hover, html[data-ng-app=app].ng-scope .login-page headed-container details.headed-container-wrapper summary:hover {
  cursor: pointer;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout headed-container details.headed-container-wrapper summary:after, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout headed-container details.headed-container-wrapper[open] [ng-transclude=content], html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout headed-container details.headed-container-wrapper[open] [ng-transclude=content] summary:after, html[data-ng-app=app].ng-scope .login-page headed-container details.headed-container-wrapper[open] [ng-transclude=content] summary:after {
  content: "\f077";
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-back-page, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-back-page, html[data-ng-app=app].ng-scope .login-page .compliance-document .compliance-document-front-page, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-label-small, html[data-ng-app=app].ng-scope .login-page .compliance-document .compliance-document-label-small {
  color: var(--neutral-text-weak);
  font-weight: bold;
  font-size: 0.9em;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-label-small .fa:first-child, html[data-ng-app=app].ng-scope .login-page .compliance-document .compliance-document-label-small .fa:first-child {
  margin-inline-end: 0.66ch;
  margin-inline-start: 0;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-identifyables, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-identifyables .compliance_document-reference-number, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-identifyables .compliance_document-main-label, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-identifyables .compliance_document-secondary-label, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-status, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-status .compliance-document-sub-status, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-status .compliance-document-raise-query, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary dl.compliance-document-supplementary-info, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary dl.compliance-document-supplementary-info dd, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary dl.compliance-document-supplementary-info dd + dt, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary dl.compliance-document-supplementary-info dt + dd, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary .compliance-document-attachment-count, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary .compliance-document-attachment-count:hover, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary .compliance-document-attachment-count .compliance-document-attachment-count-label, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-supplementary .compliance-document-attachment-count .compliance-document-attachment-count-value, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-additional-info, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .compliance-document .compliance-document-front-page .compliance-document-additional-info .compliance-document-inspection-status, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout compliance-document:not(:focus-within), html[data-ng-app=app].ng-scope .login-page compliance-document:not(:focus-within) {
  cursor: help;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout compliance-document:focus-within, html[data-ng-app=app].ng-scope .login-page compliance-document:focus-within {
  outline: var(--focus-outline);
  outline-color: var(--neutral-bg-weak);
  border-radius: 0.2rem;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout compliance-document:focus-within .compliance-document-front-page .compliance-document-status .compliance-document-raise-query, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout compliance-document:focus, html[data-ng-app=app].ng-scope .login-page compliance-document:focus {
  outline-color: var(--brand-graphic-weak);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout overview-layout, html[data-ng-app=app].ng-scope .login-page overview-layout {
  padding-inline: 0 !important;
  padding-block-start: 0 !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout overview-layout #overview-layout, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout overview-layout #overview-layout:after, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout overview-layout #overview-layout > div, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout overview-layout #overview-layout > div, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout overview-layout #overview-layout > div [ng-transclude=sideSection], html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout overview-layout #overview-layout > div [ng-transclude=overviewHeader], html[data-ng-app=app].ng-scope .login-page overview-layout #overview-layout > div [ng-transclude=overviewHeader] {
  width: 100%;
  grid-area: header;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout overview-layout #overview-layout > div [ng-transclude=overviewHeader] overview-header, html[data-ng-app=app].ng-scope .login-page overview-layout #overview-layout > div [ng-transclude=overviewHeader] overview-header {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout overview-layout #overview-layout > div [ng-transclude=overviewHeader] overview-header *, html[data-ng-app=app].ng-scope .login-page overview-layout #overview-layout > div [ng-transclude=overviewHeader] overview-header * {
  flex-grow: 1;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout overview-layout #overview-layout > div [ng-transclude=topSection], html[data-ng-app=app].ng-scope .login-page overview-layout #overview-layout > div [ng-transclude=topSection] {
  grid-area: top;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout overview-layout #overview-layout > div [ng-transclude=mainSection], html[data-ng-app=app].ng-scope .login-page overview-layout #overview-layout > div [ng-transclude=mainSection] {
  grid-area: main;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout overview-layout #overview-layout > div [ng-transclude=mainSection] main-section, html[data-ng-app=app].ng-scope .login-page overview-layout #overview-layout > div [ng-transclude=mainSection] main-section {
  height: 100%;
  display: block;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout overview-layout #overview-layout > div [ng-transclude=sideSection], html[data-ng-app=app].ng-scope .login-page overview-layout #overview-layout > div [ng-transclude=sideSection] {
  grid-area: side;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout attachment .simple-library-list-item, html[data-ng-app=app].ng-scope .login-page attachment .simple-library-list-item {
  border-left: 5px solid transparent;
  margin-block: 1em;
  display: flex;
  padding-block: 0.66em;
  border-radius: 0.25em;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout attachment .simple-library-list-item:hover, html[data-ng-app=app].ng-scope .login-page attachment .simple-library-list-item:hover {
  border-left: 5px solid var(--brand-graphic-weak);
  background: linear-gradient(115deg, transparent -20%, var(--brand-bg-weak) 140%);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout attachment .simple-library-list-item:hover .attachment-image img, html[data-ng-app=app].ng-scope .login-page attachment .simple-library-list-item:hover .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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout attachment .simple-library-list-item .attachment-image, html[data-ng-app=app].ng-scope .login-page attachment .simple-library-list-item .attachment-image {
  width: 100px;
  display: flex;
  align-items: center;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout attachment .simple-library-list-item .attachment-image img, html[data-ng-app=app].ng-scope .login-page attachment .simple-library-list-item .attachment-image img {
  flex-grow: 1;
  max-height: 7rem;
  object-fit: contain;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout attachment .simple-library-list-item .attachment-info, html[data-ng-app=app].ng-scope .login-page attachment .simple-library-list-item .attachment-info {
  display: flex;
  gap: 0.66em;
  flex-direction: column;
  align-items: flex-start;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout attachment .simple-library-list-item .attachment-info .attachment-filename, html[data-ng-app=app].ng-scope .login-page attachment .simple-library-list-item .attachment-info .attachment-filename {
  font-weight: bold;
  font-size: 1.15em;
  color: var(--neutral-text-strong);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout attachment .simple-library-list-item .attachment-info dl.attachment-details, html[data-ng-app=app].ng-scope .login-page attachment .simple-library-list-item .attachment-info dl.attachment-details {
  color: var(--neutral-text-weaker);
  display: grid;
  grid-template-columns: 6em 1fr;
  grid-auto-rows: auto;
  padding: 0;
  margin: 0;
  justify-content: start;
  grid-gap: 0 1.5em;
  padding-inline-start: 1.5em;
  padding-block-end: 0.25em;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout attachment .simple-library-list-item .attachment-info dl.attachment-details dt, html[data-ng-app=app].ng-scope .login-page attachment .simple-library-list-item .attachment-info dl.attachment-details dt {
  grid-column: 1;
  color: var(--neutral-text-weaker);
  font-size: 0.9em;
  text-align: start;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout attachment .simple-library-list-item .attachment-info dl.attachment-details dd, html[data-ng-app=app].ng-scope .login-page attachment .simple-library-list-item .attachment-info dl.attachment-details dd {
  grid-column: 2;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout *:focus-visible, html[data-ng-app=app].ng-scope .login-page *:focus-visible {
  outline: var(--focus-outline);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout #page-loader, html[data-ng-app=app].ng-scope .login-page #page-loader {
  background: var(--bg);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout #page-loader .spinner, html[data-ng-app=app].ng-scope .login-page #page-loader .spinner {
  border-color: var(--neutral-bg-weak);
  border-top-color: var(--brand-graphic-weak);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .alert, html[data-ng-app=app].ng-scope .login-page .alert {
  border: 0.33rem solid rgba(0, 0, 0, 0);
  border-top: none;
  border-bottom: none;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .alert.alert-danger, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .alert.alert-danger *, html[data-ng-app=app].ng-scope .login-page .alert.alert-danger * {
  color: var(--danger-text, #a94442) !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .alert.alert-danger strong, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .alert.alert-danger b, html[data-ng-app=app].ng-scope .login-page .alert.alert-danger strong, html[data-ng-app=app].ng-scope .login-page .alert.alert-danger b {
  color: var(--danger-text-strong, #a94442) !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .alert.alert-success, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .alert.alert-success *, html[data-ng-app=app].ng-scope .login-page .alert.alert-success * {
  color: var(--success-text, #3c763d) !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .alert.alert-success strong, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .alert.alert-success b, html[data-ng-app=app].ng-scope .login-page .alert.alert-success strong, html[data-ng-app=app].ng-scope .login-page .alert.alert-success b {
  color: var(--success-text-strong, #3c763d) !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .alert.alert-info, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .alert.alert-info *, html[data-ng-app=app].ng-scope .login-page .alert.alert-info * {
  color: var(--info-text, #31708f) !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .alert.alert-info strong, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .alert.alert-info b, html[data-ng-app=app].ng-scope .login-page .alert.alert-info strong, html[data-ng-app=app].ng-scope .login-page .alert.alert-info b {
  color: var(--info-text-strong, #31708f) !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .alert.alert-warning, html[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .alert.alert-warning *, html[data-ng-app=app].ng-scope .login-page .alert.alert-warning * {
  color: var(--warn-text, #8A6D3B) !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .alert.alert-warning strong, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .alert.alert-warning b, html[data-ng-app=app].ng-scope .login-page .alert.alert-warning strong, html[data-ng-app=app].ng-scope .login-page .alert.alert-warning b {
  color: var(--warn-text-strong, #8A6D3B) !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout {
  --footer-height: 2em;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .list-group, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .list-group-item, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout textarea, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout input[type=text], html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout input[type=password], html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout select, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .list-group, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .list-group-item, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout textarea, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout input[type=text], html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout input[type=password], html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout select {
  background-color: var(--absolute);
  color: var(--neutral-text) !important;
  border-color: var(--neutral-graphic-weak);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .list-group.parsley-error, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .list-group-item.parsley-error, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout textarea.parsley-error, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout input[type=text].parsley-error, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout input[type=password].parsley-error, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout select.parsley-error, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .list-group.parsley-error, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .list-group-item.parsley-error, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout textarea.parsley-error, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout input[type=text].parsley-error, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout input[type=password].parsley-error, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .list-group:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .list-group-item:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout textarea:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout input[type=text]:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout input[type=password]:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout select:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .list-group:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .list-group-item:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout textarea:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout input[type=text]:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout input[type=password]:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout select:focus-visible {
  z-index: 1;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h1, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h2, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h3, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h4, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h5, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h6, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h1, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h2, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h3, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h4, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h5, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h6 {
  color: var(--neutral-text-strong);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h1, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h1 {
  font-size: 2em;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h2, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h2 {
  font-size: 1.8em;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h3, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h3 {
  font-size: 1.6em;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h4, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h4 {
  font-size: 1.4em;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h5, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h5 {
  font-size: 1.2em;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h6, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout h6 {
  font-size: 1em;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .input-group-addon, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .input-group-addon:last-child, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .input-group-addon:last-child {
  left: -1px;
  position: relative;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .input-group-btn button, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button:focus-visible {
  outline: var(--focus-outline);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn.background-branded, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn--primary, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button.background-branded, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button--primary, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn.background-branded, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn--primary, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button.background-branded, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn.background-branded:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn.background-branded:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn--primary:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn--primary:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button.background-branded:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button.background-branded:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button--primary:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button--primary:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn.background-branded:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn.background-branded:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn--primary:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > .btn--primary:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button.background-branded:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button.background-branded:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) > button--primary:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-danger.btn-danger, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-danger.btn-danger:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-danger.btn-danger:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-danger.btn-danger:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-success.btn-success, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-success.btn-success:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-success.btn-success:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-success.btn-success:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-info.btn-info, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-info.btn-info:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-info.btn-info:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-info.btn-info:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-warning.btn-warning, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-warning.btn-warning:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-warning.btn-warning:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-warning.btn-warning:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn:not(:first-of-type), html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn:not(:first-of-type), html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn:not(:first-of-type), html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn:not(:first-of-type) {
  border-left: none;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn.active, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn.active, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn.active, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn.active:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn.active:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn.active:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn.active:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn.active:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn.active:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn.active:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn.active:hover {
  background-color: inherit;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group label.btn:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout :not(.uib-datepicker-popup, .input-group-btn) .btn-group div.btn:hover {
  background-color: var(--brand-bg-weak);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup .btn, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup button, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup .btn, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup button {
  margin: 0;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup .btn[ng-click="select(dt.date)"], html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup button[ng-click="select(dt.date)"], html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup .btn[ng-click="select(dt.date)"], html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup button[ng-click="select(dt.date)"] {
  border-radius: 0;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup .btn .text-muted, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup button .text-muted, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup .btn .text-muted, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup button .text-muted {
  color: var(--neutral-text-weaker);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup .btn.active, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup button.active, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup .btn.active, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup .btn[disabled], html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup button[disabled], html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup .btn[disabled], html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup button[disabled] {
  color: var(--neutral-text-weak) !important;
  background-color: var(--neutral-bg-weak);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup .btn .text-info, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup button .text-info, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup .btn .text-info, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .uib-datepicker-popup button .text-info {
  font-weight: bold;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .modal .modal-content, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .modal .modal-content {
  background-color: var(--absolute);
  color: var(--neutral-text);
  border: 1px solid var(--neutral-graphic);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .modal .modal-content .upload-button-container a, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .modal .modal-content .upload-button-container a {
  color: var(--brand-text-weak);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .modal .modal-content .meta-image, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .modal .modal-content .meta-image {
  display: flex;
  justify-content: center;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .modal .modal-content .picker-item:first-of-type, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .modal .modal-content .picker-item:first-of-type {
  margin-top: 5px;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .modal .modal-content .picker-item, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .modal .modal-content .picker-item {
  margin: 0 5px;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .modal .modal-content .picker-item:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .modal .modal-content .picker-item:focus-visible {
  outline: var(--focus-outline) !important;
  z-index: 1;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .modal label, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .modal label {
  color: var(--neutral-text);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout table, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout table {
  color: var(--neutral-text);
  border-color: red;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout table *, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout table * {
  color: inherit;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .pace-progress, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .pace-progress {
  top: var(--header-height);
  background-color: var(--brand-graphic-weak, #d25b30) !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .pace-activity, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .pace-activity {
  border-top-color: var(--brand-graphic-strong) !important;
  border-left-color: var(--brand-graphic-strong) !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .dropdown-menu, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .dropdown-menu a, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .dropdown-menu a {
  color: var(--neutral-text);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .dropdown-menu a:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .dropdown-menu a:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .dropdown-menu a:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .dropdown-menu a:focus-visible {
  background-color: var(--brand-bg);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container.page-header-fixed, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container.page-header-fixed {
  padding: 0;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container:not(.btn, button, .btn > *, button > *), html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container:not(.btn, button, .btn > *, button > *) {
  color: var(--neutral-text);
  background-color: inherit;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container:not(.btn, button, .btn > *, button > *):focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container:not(.btn, button, .btn > *, button > *):focus-visible {
  outline: none;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .login-header, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .login-header {
  position: relative !important;
  grid-area: header;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .login-container, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .login-container {
  position: relative;
  grid-area: main;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .login-container .login, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .login-container .login-v2, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .login-container .login, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .login-container .login-v2 {
  margin: 3rem auto;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb], html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title .expanded, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title .collapsed, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title .expanded, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title .collapsed, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] .navbar-title::after, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] [role=heading], html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] [role=link], html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] [role=link]:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb] [role=link]:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header button.skip-main, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header button.skip-main:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header button.skip-main:active, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header button.skip-main:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs],
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header .menu-bar > :not(.simplified-menu), html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs],
  html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title,
  html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header nav[header-breadcrumb][breadcrumbs] .navbar-title,
  html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header > .navbar-brand, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header > .navbar-brand {
  display: none !important;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown], html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] {
  flex-shrink: 0;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] .simplified-menu, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope header#header.simplified-header [uib-dropdown] button.menu-bar, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents {
  grid-area: main;
  overflow: hidden;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > :only-child, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > :only-child {
  height: 100%;
  overflow-y: auto;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero > .contents, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid > .contents, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero > .contents, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero > .contents:before, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid > .contents:before, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero > .contents:before, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero > .contents:after, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid > .contents:after, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero > .contents:after, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero > .contents [ui-view], html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid > .contents [ui-view], html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero > .contents [ui-view], html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero:not(.logo-hero) > .contents:before, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid:not(.logo-hero) > .contents:before, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero:not(.logo-hero) > .contents:before, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero:not(.logo-hero) > .contents:after, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid:not(.logo-hero) > .contents:after, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero:not(.logo-hero) > .contents:after, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero .controls, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero.logo-hero .controls, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid .controls, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid.logo-hero .controls, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero .controls, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero.logo-hero .controls, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid .controls, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero.logo-hero *, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid.logo-hero *, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero.logo-hero *, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid.logo-hero * {
  grid-area: content;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero.logo-hero::before, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .main-grid.logo-hero::before, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents > .logo-hero.logo-hero::before, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .label, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .badge, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .label, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .controls, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .controls button, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .controls .btn, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .controls button, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .controls button.background-branded, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .controls .btn.background-branded, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .controls button.background-branded, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .controls .btn.background-branded {
  flex-grow: 2;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents input, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents textarea, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents select, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents input, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents textarea, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents input:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents textarea:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents select:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents input:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents textarea:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents select:focus-visible {
  outline: var(--focus-outline);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents textarea, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents textarea {
  resize: vertical;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .commentary, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .commentary {
  font-size: 1rem;
  width: 100%;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .commentary .commentary-author, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .commentary simple-attachment-list .attachment-thumb, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .commentary > commentary-comment:not(commentary-comment-mine), html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .form-control, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .form-control {
  font-size: 1em;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents :not(.btn-group) > label, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents :not(.btn-group) > label:not(.background-branded), html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list {
  height: 100%;
  width: 100%;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset legend, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset legend, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset legend, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label:focus-within, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label:focus-within, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label:focus-within, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label.is-last, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label.is-last, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label.is-last, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label.is-first, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label.is-first, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label.is-first, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label span.fa, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.schedules-list fieldset label span.fa, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents form.building-list fieldset label span.fa, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .full-width-main, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .full-width, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .full-width-main, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .full-width-main, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .full-width, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .full-width-main, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .full-width {
    position: absolute !important;
  }
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets {
    padding-left: 0;
    padding-right: 0;
  }
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets > :not(asset-table), html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .table-controls .input-group[role=search], html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .card, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page a, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .detail-section, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .detail-section, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-basic-info, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .left-wrapper, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details > .detail-section, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .assets .asset-page .asset-details .detail-section, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists [ui-view=checklistPage], html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists [ui-view=checklistPage] {
  width: 100%;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists [ui-view=checklistPage] .foreground-branded, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-list-section-header, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.danger, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.danger .badge, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.warn, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.warn .badge, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.success, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.success .badge, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.info, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.info .badge, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.brand, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.brand .badge, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.neutral, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.neutral .badge, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item ul, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item ul li, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item ul li.draft-status, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item ul li b, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item:not(.disabled):hover, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item:not(.disabled):hover ul, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.disabled, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-item.disabled > ul li, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel > .panel-heading, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel.panel-danger, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel.panel-warning, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel.panel-success, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel .panel-title, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel .panel-body, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .panel.section-panel .panel-body .progress, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question .form-group, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question .flexi-title, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question .flexi-instructions, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question [ng-show="question.AllowNA"], html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-question .alert, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-note, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .checklist-note > small, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .upload-button-container, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .checklists .upload-button-container {
  display: inline;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-library .simple-library-title, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance [ui-view=complianceViewPage], html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .compliance-list, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .compliance-list .item, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .compliance-list .item {
  padding: 5px;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .compliance-list .item .div, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .compliance-list .item .fa, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .compliance-list .item:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .table-meta-grid a, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .location-pick-panel, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .location-pick-panel b, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .location-pick-panel.selected, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .location-pick-panel .selected-location-text, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .table-meta-grid tr > th, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .table-meta-grid tr > td, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .table-meta-grid tr > th, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-header, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-header .doc-job-dates, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-header h4, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-header h5, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .objective, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .objective .fa, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .objective .flex, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step img, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step img {
  width: 50px;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .list-group, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .step-header h4, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step h4.step-header, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .step-header h4, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step.status, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step.status.danger, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step.status.success, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .compliance-state, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .doc-job-step .compliance-state .compliant, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .ticket-progress > img, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .ticket-progress > img {
    height: 100px;
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .attachment-thumb > i.fa.fa-times, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .attachment-thumb > div, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .compliance .location-pick-panel b, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .quick-dialog .msgPadding, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .quick-dialog .msgBorder, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-list-wrapper, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper {
  row-gap: 1em;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper [ui-view=coursePage], html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .card, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls button, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-page-controls button, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .course-page-wrapper .course-broadcast, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap:before, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap:after, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu, html[data-ng-app=app].ng-scope[data-ng-app=app].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);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .home .home-menu-wrap .home-menu > a, html[data-ng-app=app].ng-scope[data-ng-app=app].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: 6.8em;
  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.25em;
  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);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents html[data-ng-app=app].ng-scope body.simplified-layout .home .home-menu-wrap .home-menu > a, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents html[data-ng-app=app].ng-scope body.simplified-layout .home .home-menu-wrap .home-menu > a {
    font-size: calc(0.9rem + (0.1vmin + 0.1vmax) / 2);
  }
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .building-list, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .building-list div.location-header, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .building-list div.building-item, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets [role=search], html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets [role=search] {
  align-self: center;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .selected-location, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .selected-location i.fa, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .selected-location.highlighted, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .move-assets .selected-location .selected-location-path, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option > img, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option > span[ng-show], html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option.message-only, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .new-ticket .ticket-option.message-only > img, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-progress, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-progress {
  margin-bottom: 30px;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-progress > img, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-progress > img {
  height: 70px;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .form-group, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .form-group {
  padding: 5px;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .form-group span, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel small, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel.selected, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel.location-pick-panel, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel.scan-result-panel, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel b, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .location-panel .selected-location-text, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .table-meta-grid tr > th, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .table-meta-grid tr > td, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .table-meta-grid tr > th, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .ticket-form-group, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .table-meta-grid a, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .table-meta-grid a {
  font-size: 20px;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .meta-image, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-logging .meta-image > img, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents {
    /*sm*/
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simplified-layout .ticket-logging .ticket-progress > img, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit .table.table-stock-confirm, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit .table.table-stock-confirm td, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-audit [ui-view=stockAuditPage], html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-item-detail > .meta-image, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .stock-item-detail > .meta-image > img, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .contents, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-filter, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-filter .btn-group, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item .badge, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item .label, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item .badge, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item:focus-visible, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item:hover, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .tickets-list .ticket-list-item .ticket-location, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details dl, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details dl {
  font-size: 0.9em;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details dl > dt, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details dl > dd, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details dl > dd {
  margin-bottom: 10px;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details img.selected-image-large, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .job-item, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .job-item > .job-ref, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .job-item > .job-desc, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .job-item .assignee-block, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .buttons, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .buttons > button, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .buttons > button {
  margin-left: 5px;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .attachment-panel, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents {
    /*sm*/
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simplified-layout .ticket-details dl, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents {
    /*lg*/
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simplified-layout .ticket-details .commentary, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simplified-layout .ticket-details .buttons > button, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simplified-layout .ticket-details .commentary, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress div.workflow-progress-icons, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents {
    /*md*/
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents div.workflow-progress {
    height: 90px;
  }
  html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .downloadable-image, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .upload-image, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .downloadable-image, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > img, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .upload-file, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .downloadable-file, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > .upload-file, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .simple-attachment-list .attachment-thumb > div, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .commentary-comment div, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .text-primary, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .text-very-muted, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .selected-location, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .selected-location {
  padding-top: 20px;
  background-color: var(--brand-bg);
  border-color: var(--brand-graphic);
  display: flex;
  align-items: center;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .selected-location .text-primary, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .selected-location .text-very-muted, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .selected-location .selected-location-text, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .location-browser .ancestor-location, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #tickets main-section [ui-view=tickets-main], html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #tickets side-section, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #tickets side-section {
  position: relative;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #tickets side-section [ui-view=tickets-side], html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .star-rating-saved .checked, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .star-rating, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .star-rating {
  display: inline-block;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .star-rating .checked, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .star-rating:hover .fa-star, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details .feedback-options .active, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback > div, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback p, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .btn-group, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback textarea, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .feedback-options, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .btn-group, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback textarea, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .btn-group, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback .feedback-options, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback textarea, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents .ticket-details #ticket-feedback button[type=submit], html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview main-section #compliance-document-list, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview side-section, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview side-section {
  position: relative;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope main#simplified-contents #compliance-overview side-section .compliance-side, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .simplified-footer, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .simplified-footer {
  grid-area: footer;
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .simplified-footer .footer-invida-logo, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .badge, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .badge {
  color: var(--absolute);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .badge.green, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .badge.green {
  background-color: var(--success-text-weaker);
}
html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .badge.red, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .background-branded:not(button, .btn, [type=button]), html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .simplified-layout .background-branded-simplified:not(button, .btn, [type=button]), html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .page-container div[data-ui-view].ng-scope .background-branded:not(button, .btn, [type=button]), html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout, html[data-ng-app=app].ng-scope[data-ng-app=app].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[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .row, html[data-ng-app=app].ng-scope[data-ng-app=app].ng-scope body.simplified-layout .row {
  margin: 0;
  padding: 0;
}
@media print {
  html[data-ng-app=app].ng-scope {
    overflow: auto !important;
    height: auto !important;
  }
  html[data-ng-app=app].ng-scope .tooltip {
    display: none !important;
  }
  html[data-ng-app=app].ng-scope body.simplified-layout {
    overflow: auto !important;
    height: auto !important;
  }
  html[data-ng-app=app].ng-scope body.simplified-layout .pace.pace-active {
    display: none !important;
  }
  html[data-ng-app=app].ng-scope body.simplified-layout .page-container {
    height: auto !important;
  }
  html[data-ng-app=app].ng-scope body.simplified-layout .page-container [data-ui-view] {
    grid-template-rows: 0 auto 0 !important;
    gap: 0 !important;
  }
  html[data-ng-app=app].ng-scope body.simplified-layout .page-container [data-ui-view] header.simplified-header,
  html[data-ng-app=app].ng-scope body.simplified-layout .page-container [data-ui-view] footer.simplified-footer,
  html[data-ng-app=app].ng-scope body.simplified-layout .page-container [data-ui-view] main#simplified-contents .assets .table-controls {
    display: none !important;
  }
  html[data-ng-app=app].ng-scope body.simplified-layout .page-container [data-ui-view] main#simplified-contents .full-width-main {
    padding: 0 !important;
    margin: 0 !important;
  }
  html[data-ng-app=app].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%;
}
.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) > .contents > #ticket-logging-page-view > #ticket-location-pin-dropper .floorplan {
  flex-grow: 1;
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .contents > #ticket-logging-page-view > #ticket-location-pin-dropper .floorplan #leaflet-map {
  height: 100%;
  opacity: 0;
}
.simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .contents > #ticket-logging-page-view > #ticket-location-pin-dropper .floorplan #leaflet-map:not(.loading-floorplan) {
  animation: fadeIn 0.3s ease forwards;
}
.simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .contents > #ticket-logging-page-view > #ticket-location-pin-dropper .floorplan #leaflet-map:before, .simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .contents > #ticket-logging-page-view > #ticket-location-pin-dropper .floorplan #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;
}
.simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .contents > #ticket-logging-page-view > #ticket-location-pin-dropper .floorplan #leaflet-map:before {
  content: "\f111";
  color: black;
  opacity: 0.4;
  filter: blur(2px);
  font-size: 1rem;
  transform: scale(1) scaleY(0.66);
}
.simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .contents > #ticket-logging-page-view > #ticket-location-pin-dropper .floorplan #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;
}
.simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .contents > #ticket-logging-page-view > #ticket-location-pin-dropper .floorplan #leaflet-map:not(.moving):after {
  transform: translateY(-1.26rem);
}
.simplified-layout .ticket-logging:has(> .contents > #ticket-logging-page-view > #ticket-location-pin-dropper) > .contents > #ticket-logging-page-view > #ticket-location-pin-dropper .floorplan #leaflet-map:not(.moving):before {
  transform: scale(0) scaleY(1);
}
.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 .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[data-ng-app="app"].ng-scope body.simplified-layout,
html[data-ng-app="app"].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;
}
html[data-ng-app="app"].ng-scope body.simplified-layout,
html[data-ng-app="app"].ng-scope .login-page {
	--brand: #011a42;
	--neutral: #A8ACB1;
	--danger: #FA004B;
	--warn: #E57700;
	--success: #00A858;
	--info: #3D8BFF;
	--logo-blend: darken;
	--logo: url('/assets/img/ljmu/LJMU Web Logo.gif');
	--absolute: #ffffff;
	--inverse: #000000;
	--bg: #f7f9fc;
	--brand-bg-weak: #f7edc0;
	--brand-bg: #ecd25f;
	--brand-bg-strong: #2ac6bb;
	--brand-graphic-weak: #299ca4;
	--brand-graphic: #298999;
	--brand-graphic-strong: #297991;
	--brand-text-weaker: #296485;
	--brand-text-weak: #28587f;
	--brand-text: #283b6e;
	--brand-text-strong: #0f2451;
	--brand-text-stronger: #011a43;
	--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 {
    font-family: 'Joy Sans', 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.login-page {
    background: #fff !important;
    text-align: center;
}
.login {
    margin-top: 190px;
}
.login-logo {
    margin-top: 45px;
    display: inline-block !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-image: url('/assets/img/ljmu/LJMU Web Logo.gif') !important;
    height:105px;
    width:340px;
}
.login-content {
    background-color: #011a42;
}
.login-content h1,
.login-content h2,
.login-content h3,
.login-content h4,
.login-content h5,
.login-content h6 {
    color: #ffffff;
}
#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: #98e7de !important;
    border-color:#FFFFFF !important;
    color: #011a42 !important;
}
.login-buttons button[type=submit]:hover {
    background-color: #d1fffa !important;
}
.login .login-header {
    top: -117px !important;
}
.navbar-brand .tenant-logo {
    margin-top: 5px;
    margin-left: 21px;
    width: 133px !important;
    display: inline-block !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-image: url('/assets/img/ljmu/LJMU Web Logo.gif') !important;

}

.report .tenant-logo {
    margin-top: 20px;
    margin-left: 4px;
    height: 140px;
    width: 200px;
    display: inline-block !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-image: url('/assets/img/ljmu/LJMU Web Logo.gif') !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;
}
.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: #98e7de !important;
    color: #011a42 !important;
}
.navbar.navbar-inverse .navbar-brand {
    color: #fff !important;
}
.text-theme,
.sidebar .sub-menu > li.active > a:before {
    color: #98e7de !important;
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-header {
        background: #ee7101 !important;
    }
/*
    .navbar-header {
	border-bottom: none !important;
    }
    .container-fluid>.navbar-header {
	margin-left: 0px !important;
    }
    .page-sidebar-minified .content {
	margin-left: 60px !important;
    }
    .content {
	margin-left: 220px !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: #98e7de !important;
}
.pace .pace-activity {
    border-top-color: #98e7de !important;
    border-left-color: #98e7de !important;
}


/* Added in v1.7 */

.page-with-light-sidebar .sidebar .nav > li.active > a > i {
    color: #98e7de !important;
}
.page-with-light-sidebar .sidebar .nav > li.active > a .badge,
.page-with-light-sidebar .sidebar .nav > li.active > a .label.label-theme {
    background: #98e7de !important;
    color: #011a42 !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: #98e7de !important;
    color: #011a42 !important;
}

.job-header .job-content-area {
    border-color: #98e7de !important;
}

#sidebar {
    background-color: #011a42;
}
.sidebar-bg {
    background-color: #011a42;
}

.feature-disabled a,
.feature-disabled a:hover {
    color:#5e626b !important;
}

.jvectormap-marker {
    fill: #98e7de !important;
}

/* Task Management - Classification Picker */

.quick-picker.ticket-classification-picker .level-0 {
    font-weight: bold !important;
    color: #314592 !important;
    font-size: 1.25em !important;
}
.quick-picker.ticket-classification-picker .level-1 {
    color: #4674b6 !important;
    font-weight: 300 !important;
    font-size: 1.2em !important;
}
.sidebar-minify-btn {
    background: #98e7de !important;
    color: #011a42 !important;
}
.sidebar-minify-btn>i {
    color: #011a42 !important;
}
div[header-breadcrumb] .navbar-title:first-child {
    margin-left: 0px !important;
    border-left: 1px solid #ccc;
}
.navbar-brand {
    width:220px !important;
    box-shadow: 2px 0 5px #333;
    z-index: 1000;
    position: relative;
}


.container-fluid {
    padding-left: 0px !important
}
div[header-breadcrumb] {
    background-color: #fff;
}

.foreground-branded,
.simplified-layout .foreground-branded-simplified {
    color: #011a42 !important;
}
.foreground-branded-label,
.simplified-layout .foreground-branded-simplified-label {
    color: #011a42 !important;
}
.background-branded,
.simplified-layout .background-branded-simplified {
    background-color: #011a42 !important;
    color: #fff !important;
}