/* Minification failed. Returning unminified contents.
(758,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(927,15): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-menu'
(940,15): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-menu'
(1318,26): run-time error CSS1039: Token not allowed after unary operator: '-background-databox-green'
(1321,26): run-time error CSS1039: Token not allowed after unary operator: '-background-databox-red'
(1324,26): run-time error CSS1039: Token not allowed after unary operator: '-background-databox-dark-red'
(1327,26): run-time error CSS1039: Token not allowed after unary operator: '-background-databox-light-green'
(1330,26): run-time error CSS1039: Token not allowed after unary operator: '-background-databox-violet'
(1333,26): run-time error CSS1039: Token not allowed after unary operator: '-background-databox-pale-green'
(1336,26): run-time error CSS1039: Token not allowed after unary operator: '-background-databox-pale-pink'
(1339,26): run-time error CSS1039: Token not allowed after unary operator: '-background-databox-pale-violet'
(1342,26): run-time error CSS1039: Token not allowed after unary operator: '-background-databox-mauve'
(1345,26): run-time error CSS1039: Token not allowed after unary operator: '-background-databox-deep-blue'
(1348,26): run-time error CSS1039: Token not allowed after unary operator: '-background-databox-medium-blue'
(1351,26): run-time error CSS1039: Token not allowed after unary operator: '-background-databox-light-blue'
(1354,26): run-time error CSS1039: Token not allowed after unary operator: '-background-databox-orange'
(2582,62): run-time error CSS1030: Expected identifier, found '>'
(2582,106): run-time error CSS1031: Expected selector, found ')'
(2582,106): run-time error CSS1025: Expected comma or open brace, found ')'
(2585,74): run-time error CSS1030: Expected identifier, found '>'
(2585,118): run-time error CSS1031: Expected selector, found ')'
(2585,118): run-time error CSS1025: Expected comma or open brace, found ')'
(2588,74): run-time error CSS1030: Expected identifier, found '>'
(2588,118): run-time error CSS1031: Expected selector, found ')'
(2588,118): run-time error CSS1025: Expected comma or open brace, found ')'
(2679,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(2855,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(2888,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-headerfooter'
(2955,20): run-time error CSS1039: Token not allowed after unary operator: '-company-banner'
(2960,22): run-time error CSS1039: Token not allowed after unary operator: '-company-banner'
(2971,26): run-time error CSS1039: Token not allowed after unary operator: '-anchor'
(2993,42): run-time error CSS1030: Expected identifier, found '.'
(2993,56): run-time error CSS1031: Expected selector, found ')'
(2993,56): run-time error CSS1025: Expected comma or open brace, found ')'
(2997,38): run-time error CSS1030: Expected identifier, found '.'
(2997,54): run-time error CSS1031: Expected selector, found ')'
(2997,54): run-time error CSS1025: Expected comma or open brace, found ')'
(3000,38): run-time error CSS1030: Expected identifier, found '.'
(3000,54): run-time error CSS1031: Expected selector, found ')'
(3000,54): run-time error CSS1025: Expected comma or open brace, found ')'
(3052,20): run-time error CSS1039: Token not allowed after unary operator: '-system'
(3055,14): run-time error CSS1039: Token not allowed after unary operator: '-system'
(3062,16): run-time error CSS1039: Token not allowed after unary operator: '-system'
(3092,61): run-time error CSS1030: Expected identifier, found '.'
(3092,83): run-time error CSS1031: Expected selector, found ')'
(3092,83): run-time error CSS1025: Expected comma or open brace, found ')'
(3105,61): run-time error CSS1030: Expected identifier, found '.'
(3105,83): run-time error CSS1031: Expected selector, found ')'
(3105,83): run-time error CSS1025: Expected comma or open brace, found ')'
(3125,61): run-time error CSS1030: Expected identifier, found '.'
(3125,83): run-time error CSS1031: Expected selector, found ')'
(3125,83): run-time error CSS1025: Expected comma or open brace, found ')'
(3134,61): run-time error CSS1030: Expected identifier, found '.'
(3134,83): run-time error CSS1031: Expected selector, found ')'
(3134,83): run-time error CSS1025: Expected comma or open brace, found ')'
(3139,61): run-time error CSS1030: Expected identifier, found '.'
(3139,83): run-time error CSS1031: Expected selector, found ')'
(3139,83): run-time error CSS1025: Expected comma or open brace, found ')'
(3143,61): run-time error CSS1030: Expected identifier, found '.'
(3143,83): run-time error CSS1031: Expected selector, found ')'
(3143,83): run-time error CSS1025: Expected comma or open brace, found ')'
(3149,61): run-time error CSS1030: Expected identifier, found '.'
(3149,83): run-time error CSS1031: Expected selector, found ')'
(3149,83): run-time error CSS1025: Expected comma or open brace, found ')'
(3154,61): run-time error CSS1030: Expected identifier, found '.'
(3154,83): run-time error CSS1031: Expected selector, found ')'
(3154,83): run-time error CSS1025: Expected comma or open brace, found ')'
(3160,61): run-time error CSS1030: Expected identifier, found '.'
(3160,83): run-time error CSS1031: Expected selector, found ')'
(3160,83): run-time error CSS1025: Expected comma or open brace, found ')'
(3165,61): run-time error CSS1030: Expected identifier, found '.'
(3165,83): run-time error CSS1031: Expected selector, found ')'
(3165,83): run-time error CSS1025: Expected comma or open brace, found ')'
(3171,61): run-time error CSS1030: Expected identifier, found '.'
(3171,83): run-time error CSS1031: Expected selector, found ')'
(3171,83): run-time error CSS1025: Expected comma or open brace, found ')'
(4076,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(4660,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(4933,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(6154,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(6299,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(6322,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(6333,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(6365,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(6434,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(6458,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(6828,15): run-time error CSS1039: Token not allowed after unary operator: '-sub-font-color'
(7252,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(7444,6): run-time error CSS1033: Expected closing bracket, found ''rtl''
(7444,11): run-time error CSS1031: Expected selector, found ']'
(7444,11): run-time error CSS1025: Expected comma or open brace, found ']'
(7545,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(7555,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(7568,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(7678,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(7688,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(7711,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(7721,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(8235,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(8290,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(8307,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(8326,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(8331,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(8352,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(8360,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(8368,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(8462,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(8489,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(8496,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(8527,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(8856,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(9397,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(9482,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(9684,25): run-time error CSS1030: Expected identifier, found '#ProjectTypeFields'
(9684,43): run-time error CSS1031: Expected selector, found ')'
(9684,43): run-time error CSS1025: Expected comma or open brace, found ')'
(9687,25): run-time error CSS1030: Expected identifier, found '#ProjectTypeFields'
(9687,43): run-time error CSS1031: Expected selector, found ')'
(9687,43): run-time error CSS1025: Expected comma or open brace, found ')'
(9806,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(9807,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(10147,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-headerfooter'
(10150,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-headerfooter'
(10152,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-heading'
(10153,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(10237,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(10238,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(10241,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(10242,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(10258,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(10261,22): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(10264,22): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(10265,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(10269,22): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(10273,22): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(10274,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(10514,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(11263,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(11706,31): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(11927,26): run-time error CSS1039: Token not allowed after unary operator: '-background-field-list-hover'
(12936,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12944,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12945,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12946,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12947,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12948,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12949,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12950,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12951,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12952,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12953,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12954,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12955,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12956,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12957,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12958,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12959,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12960,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12961,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12962,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12963,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12964,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12965,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12966,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12967,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12968,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12969,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12970,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12971,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12972,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12973,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12974,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12975,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12976,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12977,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12978,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12980,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12981,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12983,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12984,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12985,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12986,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12987,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12989,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12990,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12991,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12992,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12993,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12994,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12995,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12996,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12997,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12998,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12999,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13005,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13006,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13007,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13008,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13009,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13010,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13011,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13012,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13013,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13014,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13016,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13017,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13018,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13019,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13020,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13021,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13022,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13023,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13024,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13025,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13026,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13027,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13028,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13029,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13038,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13039,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13040,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13041,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13042,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13043,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13044,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13045,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13046,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13047,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13049,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13050,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13051,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13052,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13053,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13054,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13055,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13056,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13057,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13058,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13059,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13060,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13061,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13062,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13063,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13064,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13065,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13067,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13069,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13070,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13071,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13072,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13073,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13074,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13075,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13076,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13077,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13078,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13079,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13080,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13081,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13082,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13083,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13084,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13085,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13086,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13087,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13088,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13089,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13090,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13091,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13092,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13093,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13094,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13095,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13096,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13097,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13098,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13099,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13100,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13101,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13103,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13104,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13105,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13107,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13108,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13114,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13115,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13116,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13117,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13121,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13122,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13124,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13125,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13126,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13127,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13128,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13129,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13130,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13131,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13132,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13134,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13135,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13136,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13137,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13138,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13139,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13140,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13143,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13144,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13145,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13146,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13147,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13148,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13149,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13150,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13151,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13152,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13153,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13154,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13156,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13157,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13158,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13159,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13160,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13161,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13162,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13163,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13164,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13166,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13167,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13169,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13170,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13171,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13175,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13182,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13185,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(13199,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(13202,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13206,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(13215,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(13216,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13224,22): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(13227,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(13242,26): run-time error CSS1039: Token not allowed after unary operator: '-l-background'
(13246,26): run-time error CSS1039: Token not allowed after unary operator: '-l-ball'
(13250,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(13255,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(13260,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(13270,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-backdrop'
(13281,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-backdrop-blur'
(13290,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour-ftitle'
(13291,28): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(13296,26): run-time error CSS1039: Token not allowed after unary operator: '-background-navigation'
(13299,28): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-darker'
(13300,25): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-darker'
(13301,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-darker'
(13304,23): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13307,32): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13308,35): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13311,33): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13312,36): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13317,33): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13320,32): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13324,36): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13327,35): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13328,36): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13331,33): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13334,32): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13337,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13338,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(13339,23): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13342,26): run-time error CSS1039: Token not allowed after unary operator: '-background-navigation'
(13346,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13349,23): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13352,26): run-time error CSS1039: Token not allowed after unary operator: '-nav-hover-highlight'
(13355,26): run-time error CSS1039: Token not allowed after unary operator: '-background-navigation'
(13358,26): run-time error CSS1039: Token not allowed after unary operator: '-nav-hover-highlight'
(13361,35): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13362,36): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13365,23): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13368,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13369,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(13370,23): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13373,26): run-time error CSS1039: Token not allowed after unary operator: '-background-navigation'
(13376,32): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13377,33): run-time error CSS1039: Token not allowed after unary operator: '-master-nav-border-rad'
(13398,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13400,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(13414,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13423,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour-invert'
(13437,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content-modal'
(13438,22): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(13449,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(13454,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(13459,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13462,15): run-time error CSS1039: Token not allowed after unary operator: '-font-color'
(13463,24): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(13469,34): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(13490,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-headerfooter'
(13494,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-heading'
(13495,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13499,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13503,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13521,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13556,26): run-time error CSS1039: Token not allowed after unary operator: '-anchor'
(13557,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(13563,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(13565,15): run-time error CSS1039: Token not allowed after unary operator: '-anchor'
(13589,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(13596,15): run-time error CSS1039: Token not allowed after unary operator: '-input-colour'
(13603,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(13618,29): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13633,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(13639,24): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(13645,29): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13660,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13661,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(13662,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(13663,29): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(13669,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13670,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(13676,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(13682,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(13695,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(13697,15): run-time error CSS1039: Token not allowed after unary operator: '-font-color'
(13698,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(13701,28): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(13705,27): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(13711,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(13712,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(13713,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13723,26): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13737,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(13754,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13755,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(13761,26): run-time error CSS1039: Token not allowed after unary operator: '-background-row-highlight'
(13765,15): run-time error CSS1039: Token not allowed after unary operator: '-background-row-highlight-foreground'
(13769,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(13773,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13786,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(13790,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(13797,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(13798,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13804,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(13805,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13826,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(13852,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(13857,33): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13869,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(13870,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(13876,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(13888,24): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(13895,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(13904,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(13905,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13912,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(13917,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(13918,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(13922,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(13928,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(13930,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(13933,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13937,34): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(13939,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-headerfooter'
(13952,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13960,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(13968,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(13969,15): run-time error CSS1039: Token not allowed after unary operator: '-input-colour'
(13972,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(13973,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(13976,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(13977,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13980,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(13990,14): run-time error CSS1030: Expected identifier, found 'select'
(13990,20): run-time error CSS1031: Expected selector, found ')'
(13990,20): run-time error CSS1025: Expected comma or open brace, found ')'
(14054,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(14065,15): run-time error CSS1039: Token not allowed after unary operator: '-input-disabled-color'
(14074,15): run-time error CSS1039: Token not allowed after unary operator: '-input-disabled-color'
(14098,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(14099,22): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(14104,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(14113,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(14131,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(14144,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(14164,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(14166,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(14175,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-font-colour'
(14177,37): run-time error CSS1030: Expected identifier, found ','
(14177,120): run-time error CSS1031: Expected selector, found ')'
(14177,120): run-time error CSS1025: Expected comma or open brace, found ')'
(14207,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(14212,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-background-hover'
(14213,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(14246,15): run-time error CSS1039: Token not allowed after unary operator: '-company-banner'
(14253,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural-transparent'
(14261,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(14267,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(14274,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(14279,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-darker'
(14294,27): run-time error CSS1030: Expected identifier, found 'div'
(14294,37): run-time error CSS1031: Expected selector, found ')'
(14294,37): run-time error CSS1025: Expected comma or open brace, found ')'
(14303,27): run-time error CSS1030: Expected identifier, found 'div'
(14303,37): run-time error CSS1031: Expected selector, found ')'
(14303,37): run-time error CSS1025: Expected comma or open brace, found ')'
(14307,27): run-time error CSS1030: Expected identifier, found 'div'
(14307,37): run-time error CSS1031: Expected selector, found ')'
(14307,37): run-time error CSS1025: Expected comma or open brace, found ')'
(14314,26): run-time error CSS1039: Token not allowed after unary operator: '-color-surface'
(14319,26): run-time error CSS1039: Token not allowed after unary operator: '-color-surface'
(14328,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(14330,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(14450,33): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(14453,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(14454,26): run-time error CSS1039: Token not allowed after unary operator: '-background-nav-tabs'
(14491,15): run-time error CSS1039: Token not allowed after unary operator: '-nav-font-colour'
(14499,33): run-time error CSS1039: Token not allowed after unary operator: '-color-border-selected'
(14500,15): run-time error CSS1039: Token not allowed after unary operator: '-page-header-font-hover-colour'
(14512,15): run-time error CSS1039: Token not allowed after unary operator: '-page-header-font-hover-colour'
(14516,33): run-time error CSS1039: Token not allowed after unary operator: '-nav-border--hover-colour'
(14522,15): run-time error CSS1039: Token not allowed after unary operator: '-page-header-font-hover-colour'
(14527,15): run-time error CSS1039: Token not allowed after unary operator: '-anchor'
(14533,15): run-time error CSS1039: Token not allowed after unary operator: '-anchor-p30'
(14554,26): run-time error CSS1039: Token not allowed after unary operator: '-color-surface'
(14555,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(14558,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(14561,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural-stripped'
(14572,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(14575,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(14577,22): run-time error CSS1030: Expected identifier, found 'textarea'
(14577,30): run-time error CSS1031: Expected selector, found ')'
(14577,30): run-time error CSS1025: Expected comma or open brace, found ')'
(14600,26): run-time error CSS1039: Token not allowed after unary operator: '-background-dd-handle'
(14601,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(14605,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(14606,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(14621,31): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(14634,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(14641,33): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(14644,34): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(14647,29): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14651,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(14655,15): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(14659,15): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(14662,31): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(14666,31): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(14676,20): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(14681,26): run-time error CSS1039: Token not allowed after unary operator: '-anchor'
(14682,15): run-time error CSS1039: Token not allowed after unary operator: '-anchor'
(14685,26): run-time error CSS1039: Token not allowed after unary operator: '-background-theme-primary'
(14686,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(14689,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(14699,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(14702,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(14712,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-headerfooter'
(14714,33): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(14715,32): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(14716,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(14719,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(14727,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(14728,28): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-modal'
(14729,25): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-modal'
(14730,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-modal'
(14731,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(14735,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-headerfooter'
(14736,36): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(14737,35): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(14738,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(14820,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(14850,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(14857,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-darker'
(14858,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(14862,26): run-time error CSS1039: Token not allowed after unary operator: '-background-context'
(14877,26): run-time error CSS1039: Token not allowed after unary operator: '-company-banner-foreground'
(14878,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(14888,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(14907,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-darker'
(14917,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(14923,26): run-time error CSS1039: Token not allowed after unary operator: '-background-configButton'
(14954,26): run-time error CSS1039: Token not allowed after unary operator: '-background-login-context-header'
(14985,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(14987,26): run-time error CSS1039: Token not allowed after unary operator: '-impersonating-colour'
(15027,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(15032,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(15053,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-icon-color'
(15056,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-icon-color'
(15069,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(15075,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15079,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(15095,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(15117,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-darker'
(15129,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(15132,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15133,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(15139,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(15181,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(15182,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15184,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(15214,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(15216,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15217,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(15228,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(15259,26): run-time error CSS1039: Token not allowed after unary operator: '-background-flyout'
(15262,26): run-time error CSS1039: Token not allowed after unary operator: '-background-flyout'
(15265,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(15270,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(15277,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(15283,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(15284,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15289,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(15293,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(15294,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15308,26): run-time error CSS1039: Token not allowed after unary operator: '-color-surface'
(15322,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(15323,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(15332,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size-heading'
(15335,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(15362,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-darker'
(15363,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15368,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(15377,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(15380,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(15385,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(15388,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(15391,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(15412,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(15417,26): run-time error CSS1039: Token not allowed after unary operator: '-background-kanban-disabled'
(15418,22): run-time error CSS1039: Token not allowed after unary operator: '-background-kanban-disabled'
(15422,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(15423,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(15429,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(15430,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(15437,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15438,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15446,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15447,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15453,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(15462,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(15463,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(15464,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(15467,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(15470,27): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(15473,29): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(15476,28): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(15479,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(15482,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-headerfooter'
(15483,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(15497,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(15510,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad-extem'
(15519,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15520,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15521,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(15555,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15560,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(15569,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour-invert'
(15582,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(15588,33): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(15591,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15604,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(15617,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(15638,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15639,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour-invert'
(15640,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15647,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour-invert'
(15656,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15681,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(15683,26): run-time error CSS1039: Token not allowed after unary operator: '-background-navigation'
(15708,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(15709,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(15713,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(15734,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(15751,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(15759,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(15766,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(15767,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(15771,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15778,26): run-time error CSS1039: Token not allowed after unary operator: '-background-row-highlight'
(15779,15): run-time error CSS1039: Token not allowed after unary operator: '-background-row-highlight-foreground'
(15784,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15799,26): run-time error CSS1039: Token not allowed after unary operator: '-background-flyout'
(15840,28): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(15841,25): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(15842,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(15846,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15848,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(15852,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15859,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15862,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15863,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15864,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15867,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15868,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15869,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15872,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(15878,26): run-time error CSS1039: Token not allowed after unary operator: '-company-banner'
(15879,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-darker'
(15887,26): run-time error CSS1039: Token not allowed after unary operator: '-company-banner-foreground'
(15887,55): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(15890,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15897,26): run-time error CSS1039: Token not allowed after unary operator: '-company-banner-foreground'
(15897,55): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(15911,26): run-time error CSS1039: Token not allowed after unary operator: '-background-navigation'
(15912,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-darker'
(15932,26): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(15935,28): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15943,26): run-time error CSS1039: Token not allowed after unary operator: '-system'
(15946,28): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15953,26): run-time error CSS1039: Token not allowed after unary operator: '-anchor'
(15956,28): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15969,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(15970,28): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15971,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(15973,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15974,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15979,13): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(15980,19): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(15980,36): run-time error CSS1039: Token not allowed after unary operator: '-d-size'
(15982,16): run-time error CSS1039: Token not allowed after unary operator: '-d-size'
(15983,26): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(15984,28): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(15991,13): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(15992,14): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(15993,15): run-time error CSS1039: Token not allowed after unary operator: '-d-size'
(15994,16): run-time error CSS1039: Token not allowed after unary operator: '-d-size'
(15995,26): run-time error CSS1039: Token not allowed after unary operator: '-system'
(15996,28): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(16030,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(16031,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(16032,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(16043,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(16056,26): run-time error CSS1039: Token not allowed after unary operator: '-background-capacity-sidebar'
(16072,33): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-header-border-color'
(16091,15): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-header-colour'
(16122,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(16123,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(16124,15): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-colour'
(16172,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(16176,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(16188,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(16189,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(16190,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad-extem'
(16229,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(16232,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(16233,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(16236,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(16240,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(16244,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(16245,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(16246,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(16254,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(16257,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(16259,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(16260,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(16297,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(16327,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural-transparent'
(16333,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(16337,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(16338,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(16339,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad-extem'
(16343,22): run-time error CSS1039: Token not allowed after unary operator: '-timeEntry-popup-border'
(16345,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(16346,32): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad-extem'
(16347,33): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad-extem'
(16350,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-darker'
(16351,22): run-time error CSS1039: Token not allowed after unary operator: '-timeEntry-popup-border'
(16353,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(16354,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad-extem'
(16365,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(16369,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(16372,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(16375,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(16379,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(16383,26): run-time error CSS1039: Token not allowed after unary operator: '-background-kanban-disabled'
(16393,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(16398,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(16399,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(16403,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(16407,15): run-time error CSS1039: Token not allowed after unary operator: '-input-colour'
(16412,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(16415,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(16418,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(16421,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(16439,26): run-time error CSS1039: Token not allowed after unary operator: '-impersonating-colour'
(16463,28): run-time error CSS1039: Token not allowed after unary operator: '-impersonating-colour'
(16471,28): run-time error CSS1039: Token not allowed after unary operator: '-impersonating-colour'
(16487,28): run-time error CSS1039: Token not allowed after unary operator: '-impersonating-colour'
(16494,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(16495,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(16502,26): run-time error CSS1039: Token not allowed after unary operator: '-color-surface'
(16515,34): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(16537,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(16541,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(16553,31): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(16554,28): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(16555,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(16564,26): run-time error CSS1039: Token not allowed after unary operator: '-background-field-list'
(16565,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(16569,26): run-time error CSS1039: Token not allowed after unary operator: '-background-field-list-hover'
(16572,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16573,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(16576,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(16587,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(16597,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(16617,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(16626,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(16629,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(16635,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad-extem'
(16638,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(16641,15): run-time error CSS1039: Token not allowed after unary operator: '-page-header-font-colour'
(16645,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(16646,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(16649,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(16659,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(16665,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(16668,26): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(16681,26): run-time error CSS1039: Token not allowed after unary operator: '-background-context'
(16682,34): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(16690,26): run-time error CSS1039: Token not allowed after unary operator: '-background-context'
(16693,26): run-time error CSS1039: Token not allowed after unary operator: '-background-kanban'
(16697,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(16708,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(16712,26): run-time error CSS1039: Token not allowed after unary operator: '-background-kanban-disabled'
(16724,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(16725,26): run-time error CSS1039: Token not allowed after unary operator: '-background-kanban'
(16737,34): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(16740,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(16741,26): run-time error CSS1039: Token not allowed after unary operator: '-background-kanban'
(16748,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(16760,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(16761,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(16766,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(16770,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(16772,43): run-time error CSS1030: Expected identifier, found 'div'
(16772,61): run-time error CSS1031: Expected selector, found ')'
(16772,61): run-time error CSS1025: Expected comma or open brace, found ')'
(16790,33): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(16846,26): run-time error CSS1039: Token not allowed after unary operator: '-background-portfolio-wip'
(16854,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(16886,26): run-time error CSS1039: Token not allowed after unary operator: '-background-fusion-chart'
(16890,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(16894,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(16903,15): run-time error CSS1039: Token not allowed after unary operator: '-anchor'
(16904,14): run-time error CSS1039: Token not allowed after unary operator: '-anchor'
(16905,31): run-time error CSS1039: Token not allowed after unary operator: '-anchor'
(16975,15): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17040,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(17041,22): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(17042,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17045,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17046,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17051,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17054,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17059,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(17064,22): run-time error CSS1039: Token not allowed after unary operator: '-treegrid-primary'
(17065,26): run-time error CSS1039: Token not allowed after unary operator: '-treegrid-primary'
(17068,22): run-time error CSS1039: Token not allowed after unary operator: '-treegrid-primary'
(17069,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-modal'
(17072,26): run-time error CSS1039: Token not allowed after unary operator: '-treegrid-primary'
(17075,29): run-time error CSS1039: Token not allowed after unary operator: '-treegrid-primary'
(17078,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17081,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(17084,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(17087,15): run-time error CSS1039: Token not allowed after unary operator: '-filter-group-header-foreground'
(17090,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(17094,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(17095,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(17096,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17100,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17113,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(17121,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-headerfooter'
(17124,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17130,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17133,28): run-time error CSS1039: Token not allowed after unary operator: '-text-shadow'
(17133,54): run-time error CSS1039: Token not allowed after unary operator: '-text-shadow'
(17133,80): run-time error CSS1039: Token not allowed after unary operator: '-text-shadow'
(17133,107): run-time error CSS1039: Token not allowed after unary operator: '-text-shadow'
(17143,15): run-time error CSS1039: Token not allowed after unary operator: '-reporting-faded-text'
(17146,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(17147,15): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(17150,22): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-headerfooter'
(17154,22): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-headerfooter'
(17157,22): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-headerfooter'
(17161,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17170,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17174,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17177,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17178,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17181,22): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-headerfooter'
(17182,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(17186,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(17187,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17193,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17194,22): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-headerfooter'
(17197,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(17198,15): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-header-colour'
(17199,22): run-time error CSS1039: Token not allowed after unary operator: '-background-natural-stripped'
(17206,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17207,26): run-time error CSS1039: Token not allowed after unary operator: '-reporting-tile-background'
(17208,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17209,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17213,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17216,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17219,22): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-headerfooter'
(17220,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17225,22): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17228,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17232,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17238,23): run-time error CSS1039: Token not allowed after unary operator: '-invert-rate'
(17241,29): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17244,22): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-headerfooter'
(17248,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17257,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(17260,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(17262,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-modal'
(17265,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17271,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17272,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17279,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(17280,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17286,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17297,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(17298,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17301,26): run-time error CSS1039: Token not allowed after unary operator: '-reporting-tile-background'
(17304,22): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17305,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17308,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(17309,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17310,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17319,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(17324,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17335,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17343,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17347,26): run-time error CSS1039: Token not allowed after unary operator: '-table-footer-surface'
(17348,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17351,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(17352,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17359,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(17364,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(17365,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour-invert'
(17368,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(17371,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(17389,15): run-time error CSS1039: Token not allowed after unary operator: '-font-color'
(17390,21): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(17406,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17410,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(17411,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(17414,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(17418,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17440,15): run-time error CSS1039: Token not allowed after unary operator: '-tg-foreground'
(17441,26): run-time error CSS1039: Token not allowed after unary operator: '-tg-background-fill'
(17446,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17447,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-darker'
(17452,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17455,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17468,27): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17471,29): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17474,28): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17477,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17480,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(17481,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17482,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17483,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-darker'
(17500,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17504,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(17505,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-darker'
(17509,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(17510,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17526,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(17533,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(17534,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(17535,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad-extem'
(17543,31): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17555,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(17558,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(17561,31): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17562,34): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17575,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17579,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17580,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17584,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(17599,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17603,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17604,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(17608,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17611,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(17612,31): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17615,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(17618,34): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17624,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(17625,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17628,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(17629,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(17630,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17633,27): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(17634,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17637,22): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17656,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(17658,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17662,31): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17665,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17668,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17672,26): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17675,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural-transparent'
(17678,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(17679,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(17680,28): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(17681,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17689,29): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17697,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17735,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17736,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17753,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-darker'
(17754,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17757,26): run-time error CSS1039: Token not allowed after unary operator: '-background-context'
(17760,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17761,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17764,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17768,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17771,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(17772,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17775,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(17778,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17779,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17785,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(17788,30): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17789,33): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17792,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17798,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17804,31): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17805,34): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17807,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17810,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17834,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17847,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17848,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17849,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(17852,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17853,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17854,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(17865,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(17866,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17868,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(17869,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow-darker'
(17873,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(17883,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(17895,26): run-time error CSS1039: Token not allowed after unary operator: '-tg-background-header'
(17898,26): run-time error CSS1039: Token not allowed after unary operator: '-tg-background-header'
(17902,26): run-time error CSS1039: Token not allowed after unary operator: '-background-natural'
(17903,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17904,27): run-time error CSS1039: Token not allowed after unary operator: '-tg-background-header'
(17907,26): run-time error CSS1039: Token not allowed after unary operator: '-tg-background-cell'
(17910,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(17913,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17914,29): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17917,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17918,29): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(17919,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17922,29): run-time error CSS1039: Token not allowed after unary operator: '-tg-background-cell'
(17925,26): run-time error CSS1039: Token not allowed after unary operator: '-tg-background'
(17929,15): run-time error CSS1039: Token not allowed after unary operator: '-tg-foreground'
(17933,15): run-time error CSS1039: Token not allowed after unary operator: '-tg-foreground'
(17939,22): run-time error CSS1039: Token not allowed after unary operator: '-tg-main-border'
(17942,26): run-time error CSS1039: Token not allowed after unary operator: '-tg-background-cell-user'
(17945,15): run-time error CSS1039: Token not allowed after unary operator: '-tg-foreground'
(17948,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17949,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17952,26): run-time error CSS1039: Token not allowed after unary operator: '-tg-background-fill'
(17955,26): run-time error CSS1039: Token not allowed after unary operator: '-tg-background-header'
(17958,26): run-time error CSS1039: Token not allowed after unary operator: '-tg-background-header'
(17962,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(17966,29): run-time error CSS1039: Token not allowed after unary operator: '-tg-background-cell'
(17969,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(17983,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17984,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17988,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17989,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17992,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(17995,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(17996,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(17999,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(18006,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(18007,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(18010,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(18013,26): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(18016,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(18017,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(18020,20): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(18023,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(18028,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18031,14): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(18034,16): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(18037,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(18040,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(18043,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18044,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(18044,41): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(18047,26): run-time error CSS1039: Token not allowed after unary operator: '-background-context'
(18048,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(18051,29): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(18052,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(18055,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18056,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(18056,41): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(18060,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(18065,15): run-time error CSS1039: Token not allowed after unary operator: '-font-color'
(18067,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18072,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18073,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(18077,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18081,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(18084,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(18085,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(18088,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(18089,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(18090,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(18097,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(18098,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18106,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(18107,15): run-time error CSS1039: Token not allowed after unary operator: '-input-colour'
(18113,29): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(18117,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-content'
(18121,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(18123,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18132,24): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(18141,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(18142,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18147,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(18148,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18155,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(18158,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(18165,26): run-time error CSS1039: Token not allowed after unary operator: '-background-content'
(18168,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(18171,26): run-time error CSS1039: Token not allowed after unary operator: '-background-field-list'
(18175,26): run-time error CSS1039: Token not allowed after unary operator: '-background-model-content'
(18176,22): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(18182,26): run-time error CSS1039: Token not allowed after unary operator: '-background-modal-headerfooter'
(18184,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18198,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(18201,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(18204,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(18207,26): run-time error CSS1039: Token not allowed after unary operator: '-background-e-highlight'
(18212,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(18214,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18220,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(18245,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(18256,29): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18266,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18267,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(18268,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(18270,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(18272,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18279,26): run-time error CSS1039: Token not allowed after unary operator: '-background-row-highlight'
(18280,15): run-time error CSS1039: Token not allowed after unary operator: '-background-row-highlight-foreground'
(18288,32): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18289,35): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18292,33): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18293,36): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18295,25): run-time error CSS1030: Expected identifier, found '.'
(18295,39): run-time error CSS1031: Expected selector, found ')'
(18295,39): run-time error CSS1025: Expected comma or open brace, found ')'
(18299,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18299,51): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18306,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(18308,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18314,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(18339,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(18350,29): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18360,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18361,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(18362,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(18364,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(18366,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18373,26): run-time error CSS1039: Token not allowed after unary operator: '-background-row-highlight'
(18374,15): run-time error CSS1039: Token not allowed after unary operator: '-background-row-highlight-foreground'
(18382,32): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18383,35): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18386,33): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18387,36): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18389,25): run-time error CSS1030: Expected identifier, found '.'
(18389,39): run-time error CSS1031: Expected selector, found ')'
(18389,39): run-time error CSS1025: Expected comma or open brace, found ')'
(18393,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18393,51): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18400,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(18402,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18408,26): run-time error CSS1039: Token not allowed after unary operator: '-table-border-colour'
(18433,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(18444,29): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18454,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18455,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(18456,20): run-time error CSS1039: Token not allowed after unary operator: '-modern-boxshadow'
(18458,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(18460,23): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18467,26): run-time error CSS1039: Token not allowed after unary operator: '-background-row-highlight'
(18468,15): run-time error CSS1039: Token not allowed after unary operator: '-background-row-highlight-foreground'
(18476,32): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18477,35): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18480,33): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18481,36): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18483,25): run-time error CSS1030: Expected identifier, found '.'
(18483,39): run-time error CSS1031: Expected selector, found ')'
(18483,39): run-time error CSS1025: Expected comma or open brace, found ')'
(18487,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18487,51): run-time error CSS1039: Token not allowed after unary operator: '-default-border-rad'
(18500,26): run-time error CSS1039: Token not allowed after unary operator: '-company-banner'
(18503,22): run-time error CSS1039: Token not allowed after unary operator: '-company-banner-foreground'
(18513,15): run-time error CSS1039: Token not allowed after unary operator: '-company-banner-foreground'
(18521,15): run-time error CSS1039: Token not allowed after unary operator: '-anchor'
(18524,15): run-time error CSS1039: Token not allowed after unary operator: '-anchor-n30'
(18527,15): run-time error CSS1039: Token not allowed after unary operator: '-anchor-defaulting'
(18530,22): run-time error CSS1039: Token not allowed after unary operator: '-anchor-p30'
(18535,26): run-time error CSS1039: Token not allowed after unary operator: '-anchor'
(18543,29): run-time error CSS1039: Token not allowed after unary operator: '-anchor'
(18549,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18550,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(18551,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18560,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18579,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18580,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(18590,29): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(18594,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18595,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18623,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18624,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18625,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(18629,26): run-time error CSS1039: Token not allowed after unary operator: '-system-n30'
(18630,22): run-time error CSS1039: Token not allowed after unary operator: '-system-n30'
(18631,15): run-time error CSS1039: Token not allowed after unary operator: '-system-n30-foreground'
(18635,27): run-time error CSS1039: Token not allowed after unary operator: '-system-p30'
(18638,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18639,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18644,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18645,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18648,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18649,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18664,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18668,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18669,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18673,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18674,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(18677,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18678,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18679,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(18682,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(18687,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18690,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18699,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18703,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18719,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18728,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18729,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(18732,26): run-time error CSS1039: Token not allowed after unary operator: '-system-n30'
(18733,15): run-time error CSS1039: Token not allowed after unary operator: '-system-n30-foreground'
(18736,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18738,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18742,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18743,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18748,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18756,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18759,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18760,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-foreground'
(18767,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18768,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18769,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18770,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18771,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18772,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18773,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18774,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18778,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18779,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18780,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18781,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18782,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18783,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18784,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18785,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18788,26): run-time error CSS1039: Token not allowed after unary operator: '-table-partial-closed-background'
(18789,15): run-time error CSS1039: Token not allowed after unary operator: '-table-partial-closed-foreground'
(18792,26): run-time error CSS1039: Token not allowed after unary operator: '-table-partial-closed-background-hover'
(18796,26): run-time error CSS1039: Token not allowed after unary operator: '-table-closed-background'
(18797,15): run-time error CSS1039: Token not allowed after unary operator: '-table-closed-foreground'
(18800,26): run-time error CSS1039: Token not allowed after unary operator: '-table-closed-background-hover'
(18803,26): run-time error CSS1039: Token not allowed after unary operator: '-table-group'
(18807,26): run-time error CSS1039: Token not allowed after unary operator: '-table-total'
(18810,26): run-time error CSS1039: Token not allowed after unary operator: '-background-sidebar'
(18816,26): run-time error CSS1039: Token not allowed after unary operator: '-table-closed-background'
(18825,33): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18852,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(18916,26): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-form-disable'
(18917,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-form-disabled'
(18918,26): run-time error CSS1039: Token not allowed after unary operator: '-color-border-form-disabled'
(18922,15): run-time error CSS1039: Token not allowed after unary operator: '-font-colour'
(18925,15): run-time error CSS1039: Token not allowed after unary operator: '-chat-header-author-font-color'
(18928,26): run-time error CSS1039: Token not allowed after unary operator: '-chat-message-container-surface'
(18931,26): run-time error CSS1039: Token not allowed after unary operator: '-fue-chat-message-container-surface'
(18934,15): run-time error CSS1039: Token not allowed after unary operator: '-chat-header-timestamp-font-color'
(18937,15): run-time error CSS1039: Token not allowed after unary operator: '-chat-at-mention-color'
(18940,15): run-time error CSS1039: Token not allowed after unary operator: '-chat-body-font-color'
(18943,15): run-time error CSS1039: Token not allowed after unary operator: '-chat-input-font-color'
(18944,20): run-time error CSS1039: Token not allowed after unary operator: '-chat-input-surface'
 */
.panel-Layouts {
  padding-right: 10px;
  float: left;
  min-width: 30px;
}
.panel-Layouts ul {
  min-width: 30px;
}
.dashboard-container {
  padding-left: 3px;
}
.dashboard-container .row > .dashboard-col.col-md-4,
.dashboard-container .row .dashboard-col.col-md-12,
.dashboard-container .row .dashboard-col.col-md-8 {
  padding-left: 0px;
  padding-right: 0px;
}
.dashboard-container .tooltip-inner {
  font-size: 12px;
}
.dashboard-container .tooltip > .tooltip-inner {
  border: 1px solid #262626;
  background-color: #fbfbfb;
  color: #262626;
}
.dashboard-container .tooltip.top .tooltip-arrow {
  border-top-color: #262626;
}
.dashboard-container .tooltip.right .tooltip-arrow {
  border-right-color: #262626;
}
.dashboard-container .tooltip.left .tooltip-arrow {
  border-left-color: #262626;
}
.dashboard-container .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #262626;
}
.dashboard-container .dashboard-row {
  position: relative;
}
.dashboard-container .dashboard-row-prototype {
  display: none;
}
.dashboard-container .dashboard-panel {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
.dashboard-container .dashboard-panel > div.panel-edit {
  float: right;
  display: none;
}
.dashboard-container .dashboard-panel > div.panel-edit > div {
  z-index: 1;
  position: absolute;
  top: 10px;
  right: 10px;
}
.dashboard-container .dashboard-panel > div.panel-content.edit {
  opacity: 0.5;
}
.dashboard-container .dashboard-panel > div.panel-content a.widget-config {
  display: none;
}
.dashboard-container .dashboard-panel > div.panel-content > .widget > .widget-header::after {
  content: '';
  display: table;
  clear: both;
}
.dashboard-container .dashboard-panel > div.panel-content > .widget > .widget-header .edit {
  display: none;
}
.dashboard-container .dashboard-panel > div.panel-content > .widget > .widget-header .header-small > .widget-buttons .dropdown-menu a {
  height: auto;
}
.dashboard-container .dashboard-panel > div.panel-content > .widget > .widget-body > .databox {
  margin-bottom: 0;
}
.dashboard-container .dashboard-panel > div.panel-content > .widget > .widget-body > .widget-content {
  min-height: 100%;
}
.dashboard-container .dashboard-panel div.panel-cover {
  opacity: 0.5;
  position: absolute;
  left: 6px !important;
  right: 6px !important;
  top: 39px !important;
  bottom: 6px !important;
  height: auto !important;
  width: auto !important;
}
.dashboard-container .dashboard-panel .widget-buttons-disabled {
  pointer-events: none;
}
.dashboard-container .dashboard-panel.with-height > div.panel-content > .widget > .widget-body {
  overflow: auto;
}
.dashboard-container .dashboard-panel.can-configure > div.panel-content a.widget-config {
  display: inline-block;
}
.dashboard-container .panel-add {
  display: none;
  position: absolute;
  bottom: 10px;
}
.dashboard-container.edit .widget-buttons {
  display: none;
}
.dashboard-container.edit .dashboard-row {
  border: 2px dashed gray;
  border-left: none;
  padding: 0px 0px 0px 0px;
  margin-bottom: 5px;
  min-height: 200px;
  display: flex;
}
.dashboard-container.edit .dashboard-row .dashboard-col {
  padding-top: 10px;
  padding-bottom: 50px;
  min-height: 200px;
  /*border-right: dashed 1px gray;*/
  border-left: dashed 2px gray;
}
.dashboard-container.edit .dashboard-row .dashboard-col .dashboard-panel > div.panel-edit {
  display: block;
}
.dashboard-container.edit .dashboard-row .dashboard-col .dashboard-panel.can-resize-v.with-height > div.panel-edit .btn-group.panel-height {
  display: inline-block;
}
.dashboard-container.edit .dashboard-row .dashboard-col .dashboard-panel > .panel-content > .widget > .widget-header {
  cursor: move;
}
.dashboard-container.edit .dashboard-row .dashboard-col .dashboard-panel > .panel-content > .widget > .widget-header .no-edit {
  display: none;
}
.dashboard-container.edit .dashboard-row .dashboard-col .dashboard-panel > .panel-content > .databox {
  cursor: move;
}
.dashboard-container.edit .dashboard-row .panel-add {
  display: block;
}
.dashboard-container.edit .helpInfo {
  display: none;
}
.dashboard-container #widgets .modal-body {
  padding: 0;
}
.dashboard-container #widgets .modal-body .databox {
  display: flex;
}
.widget .curtain {
  background-color: white;
  top: 49px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border-radius: 3px;
}
.dashboard-panel > .panel-edit .edit button.btn.btn-primary {
  width: 47px;
  height: 26px;
  padding: 0;
  min-height: unset !important;
  text-align: center;
}
.dashboard-panel > .panel-edit .edit button.btn.btn-primary > .caret {
  margin: -3px 0 0 0 !important;
}
.search-body {
  border: 1px solid #d8d8d8;
  border-bottom: 1px solid whitesmoke;
  padding: 0 10px;
  font-size: 0;
}
.search-body > .search-strip {
  background: none;
}
.search-body > .search-strip > * {
  display: inline-block;
  vertical-align: middle;
}
.search-body > .search-strip > i.fa.fa-search {
  font-size: 15px;
  color: #0072c6;
}
.search-body > .search-strip > input[type="text"] {
  border: none;
  background-color: transparent;
  font-size: 12px;
  width: calc(50%);
  box-shadow: none;
}
.search-body > .search-strip > input[type="text"]::-ms-clear {
  display: none;
}
.search-body > .search-strip > button {
  display: none;
}
.btn.loading {
  position: relative;
  font-size: 0;
}
.btn.loading > div {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
}
.btn.loading > div > span {
  background-color: white;
  border-radius: 50%;
  margin: 2px;
  height: 6px;
  width: 6px;
  display: inline-block;
  -webkit-animation: widgetstore-processing 0.6s ease-in-out infinite;
  -moz-animation: widgetstore-processing 0.6s ease-in-out infinite;
  -o-animation: widgetstore-processing 0.6s ease-in-out infinite;
  animation: widgetstore-processing 0.6s ease-in-out infinite;
}
.btn.loading > div > span:nth-child(1) {
  animation-delay: -0.2s;
}
.btn.loading > div > span:nth-child(2) {
  animation-delay: -0.1s;
}
@keyframes widgetstore-processing {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
}
/*  My Time Summary */

.MyTime-container {
  box-sizing: border-box;
  overflow-x: auto;
}
.MyTime-container .well {
  padding: 10px;
}
.MyTime-header {
  display: block;
  font-size: 18px;
  font-weight: 400;
  margin: 8px 5px;
  position: relative;
}
.MyTime-subheader {
  display: block;
  font-size: 15px;
  margin: 4px 0 2px;
  position: relative;
}
.MyTime-text {
  display: block;
  font-size: 11px;
  margin: 4px 0 2px;
  position: relative;
}
/*  End of My Time Summary */

/* Time Entry Widget */

.timeEntry {
  border: 2px;
  border-style: solid;
  border-color: #cccccc;
  padding: 10px;
  display: inline-block;
  border-radius: 8px;
  background-color: white;
  -webkit-box-shadow: 0px 0 10px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0 10px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
}
.arrow-up {
  width: 0;
  height: 0;
  margin-left: 63px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #cccccc;
}
#timeEntry thead tr th {
  text-align: center;
}
#timeEntry select {
  padding: 0px;
}
#timeEntry .dayError {
  position: absolute;
  margin-left: 3px;
  margin-top: 3px;
}
#timeEntry .listarrrows {
  float: left;
  position: relative;
  height: 38px;
  width: 38px;
  padding: 4px;
  text-align: center;
  list-style-type: none;
}
#timeEntry .arrows {
  display: block;
  width: 28px;
  height: 28px;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  font-size: 16px;
  cursor: pointer;
}
#timeEntry .inputNumber {
  text-align: right !important;
  padding-right: 2px;
}
#timeEntry .leftdiv,
#timeEntry .rightdiv {
  float: left;
  width: 40px;
  text-align: center;
  padding-left: 5px;
  padding-bottom: 5px;
}
#timeEntry .locked,
#timeEntry .locked:hover {
  background-color: #eeeeee;
}
#timeEntry .locked > input {
  background-color: red;
}
/* End of Time Entry Widget*/

/* Dashboard header Title */

/*.page-header .header-title h1 {
    font-weight: 400 !important;
}*/

/* End of Time Entry Widget*/

.ManageTabs {
  border: solid 1px #cccccc;
}
.ManageTabs i {
  padding: 3px;
}
.ManageTabs.fc-field-list {
  width: 260px !important;
}
.fc-field > * {
  display: inline-block;
  vertical-align: middle;
}
.fc-field > .tm-userDescription {
  max-width: 60px;
}
.fc-field > :first-child,
.fc-field > .tm-userDescription {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* grid override */

.dashboard-container .col-xs-1,
.dashboard-container .col-sm-1,
.dashboard-container .col-md-1,
.dashboard-container .col-lg-1,
.dashboard-container .col-xs-2,
.dashboard-container .col-sm-2,
.dashboard-container .col-md-2,
.dashboard-container .col-lg-2,
.dashboard-container .col-xs-3,
.dashboard-container .col-sm-3,
.dashboard-container .col-md-3,
.dashboard-container .col-lg-3,
.dashboard-container .col-xs-4,
.dashboard-container .col-sm-4,
.dashboard-container .col-md-4,
.dashboard-container .col-lg-4,
.dashboard-container .col-xs-5,
.dashboard-container .col-sm-5,
.dashboard-container .col-md-5,
.dashboard-container .col-lg-5,
.dashboard-container .col-xs-6,
.dashboard-container .col-sm-6,
.dashboard-container .col-md-6,
.dashboard-container .col-lg-6,
.dashboard-container .col-xs-7,
.dashboard-container .col-sm-7,
.dashboard-container .col-md-7,
.dashboard-container .col-lg-7,
.dashboard-container .col-xs-8,
.dashboard-container .col-sm-8,
.dashboard-container .col-md-8,
.dashboard-container .col-lg-8,
.dashboard-container .col-xs-9,
.dashboard-container .col-sm-9,
.dashboard-container .col-md-9,
.dashboard-container .col-lg-9,
.dashboard-container .col-xs-10,
.dashboard-container .col-sm-10,
.dashboard-container .col-md-10,
.dashboard-container .col-lg-10,
.dashboard-container .col-xs-11,
.dashboard-container .col-sm-11,
.dashboard-container .col-md-11,
.dashboard-container .col-lg-11,
.dashboard-container .col-xs-12,
.dashboard-container .col-sm-12,
.dashboard-container .col-md-12,
.dashboard-container .col-lg-12 {
  padding-right: 10px;
  padding-left: 10px;
}
.dashboard-container .col-md-6:nth-of-type(2) {
  padding-left: 0px;
}
.dashboard-container .col-md-6:first-of-type {
  padding-right: 0px;
}
.dashboard-container #widgetActions {
  padding-left: 10px;
  padding-right: 10px;
}
.dashboard-container .row .row {
  margin-right: -10px;
  margin-left: -10px;
}
.dashboard-container .dashboard-panel.col-md-6 {
  padding-left: 10px;
}
.dashboard-container .dashboard-col .col-md-6 {
  padding-right: 10px;
}
.dashboard-container #OverrideDataboxName {
  margin-left: 4%;
  width: 96%;
}
@media only screen and (max-width: 1140px) {
  .dashboard-container .dashboard-panel.col-md-6 {
    padding-left: 10px;
  }
  .dashboard-container .col-md-6:nth-of-type(2) {
    padding-left: 10px;
  }
  .dashboard-container .col-md-6:nth-of-type(2) .col-md-6 {
    padding-right: 0px;
  }
  .dashboard-container .col-md-6:nth-of-type(2) .col-md-12 {
    padding-right: 0px;
  }
  #widgetActions {
    padding-left: 0;
    padding-right: 0;
  }
  .row .row {
    margin-right: 0;
    margin-left: 0;
  }
}
.widget-header .widget-icon {
  margin-top: 2px;
}
.fusionchart {
  font-size: 0;
  overflow: hidden;
  margin: 0 -15px;
}
.fusionchart:after {
  clear: both;
  display: table;
  content: '';
}
.fusionchart .fusion-toolbar {
  position: relative;
  z-index: 1;
  margin: 10px 15px 0 14px;
  background-color: #f3f3f3;
}
.fusionchart .fusion-toolbar * {
  display: inline-block;
  vertical-align: middle;
}
.fusionchart .fusion-toolbar button {
  border: none;
  color: #666666;
  background-color: white;
  font-size: 0;
  border-radius: 3px;
  padding: 4px;
}
.fusionchart .fusion-toolbar button:hover {
  background-color: #e6e6e6;
}
.fusionchart .fusion-toolbar button > i {
  font-size: 16px;
}
.fusionchart .fusion-toolbar .left,
.fusionchart .fusion-toolbar .right {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding: 5px;
  border-bottom: 1px solid #ebebeb;
}
.fusionchart .fusion-toolbar .left {
  text-align: start;
}
[dir='ltr'] .fusionchart .fusion-toolbar .left button {
  margin: 0 5px 0 0;
}
[dir='rtl'] .fusionchart .fusion-toolbar .left button {
  margin: 0 0 0 5px;
}
.fusionchart .fusion-toolbar .right {
  text-align: end;
}
[dir='ltr'] .fusionchart .fusion-toolbar .right button {
  margin: 0 0 0 5px;
}
[dir='rtl'] .fusionchart .fusion-toolbar .right button {
  margin: 0 5px 0 0;
}
.fusionchart .fusion-toolbar .slider-wrapper {
  margin: 0 5px 0 0;
  position: relative;
}
.fusionchart .fusion-toolbar .slider-wrapper > .tip {
  position: absolute;
  top: 14px;
  left: -18px;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.fusionchart .fusion-toolbar .slider-wrapper > .tip > .arrow {
  border: 10px solid transparent;
  border-bottom-color: #8c8c8c;
  position: absolute;
  top: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.fusionchart .fusion-toolbar .slider-wrapper > .tip > .content {
  font-size: 12px;
  padding: 4px 8px;
  margin: 10px 0 0 0;
  border-radius: 3px;
  background-color: #8c8c8c;
  color: white;
  position: relative;
  z-index: 1;
  white-space: nowrap;
}
.fusionchart .fusion-toolbar .slider-wrapper:hover > .tip,
.fusionchart .fusion-toolbar .slider-wrapper.force-hover > .tip {
  opacity: 1;
}
.fusionchart .fusion-toolbar input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
.fusionchart .fusion-toolbar input[type=range]:focus {
  outline: none;
}
.fusionchart .fusion-toolbar input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  box-shadow: none;
  background: #666666;
  border-radius: 3px;
  border: none;
}
.fusionchart .fusion-toolbar input[type=range]::-webkit-slider-thumb {
  box-shadow: none;
  border: 1px solid #f3f3f3;
  height: 20px;
  width: 10px;
  border-radius: 3px;
  background: #1691c9;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}
.fusionchart .fusion-toolbar input[type=range]:focus::-webkit-slider-runnable-track {
  background: #737373;
}
.fusionchart .fusion-toolbar input[type=range]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  box-shadow: none;
  background: #666666;
  border-radius: 3px;
}
.fusionchart .fusion-toolbar input[type=range]::-moz-range-thumb {
  box-shadow: none;
  border: 1px solid #f3f3f3;
  height: 20px;
  width: 10px;
  border-radius: 3px;
  background: #1691c9;
  cursor: pointer;
}
.fusionchart .fusion-toolbar input[type=range]::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 10px 0;
  color: transparent;
}
.fusionchart .fusion-toolbar input[type=range]::-ms-fill-lower {
  background: #595959;
  border: none;
  border-radius: 6px;
  box-shadow: none;
}
.fusionchart .fusion-toolbar input[type=range]::-ms-fill-upper {
  background: #666666;
  border: none;
  border-radius: 6px;
  box-shadow: none;
}
.fusionchart .fusion-toolbar input[type=range]::-ms-thumb {
  box-shadow: none;
  border: 1px solid #f3f3f3;
  height: 20px;
  width: 10px;
  border-radius: 3px;
  background: #1691c9;
  cursor: pointer;
}
.fusionchart .fusion-toolbar input[type=range]:focus::-ms-fill-lower {
  background: #666666;
}
.fusionchart .fusion-toolbar input[type=range]:focus::-ms-fill-upper {
  background: #737373;
}
.fusionchart .fusion-toolbar .buttonWithContext {
  position: relative;
  font-size: 0;
}
.fusionchart .fusion-toolbar .buttonWithContext > ul {
  position: absolute;
  display: none;
  border: 1px solid darkgray;
  right: 0;
  margin: 5px 0 0 0;
  border-radius: 3px;
  padding: 0;
  background: white;
  text-align: left;
}
.fusionchart .fusion-toolbar .buttonWithContext > ul > li {
  font-size: 12px;
  white-space: nowrap;
  padding: 6px 12px;
  border-bottom: 1px solid #dadada;
  width: 100%;
  cursor: pointer;
}
.fusionchart .fusion-toolbar .buttonWithContext > ul > li:last-child {
  border: none;
}
.fusionchart .fusion-toolbar .buttonWithContext > ul > li:hover {
  background-color: #e2e2e2;
}
.fusionchart .fusion-toolbar .buttonWithContext.open > ul {
  display: block;
}
.fusionchart .fusionchart-container {
  margin: -15px 0 0 0;
}
@-webkit-keyframes bounce {
  0%, 100% {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  33.33% {
    transform: scale(1.4, 1.4);
    -webkit-transform: scale(1.4, 1.4);
  }
  66.66% {
    transform: scale(0.6, 0.6);
    -webkit-transform: scale(0.6, 0.6);
  }
}
@-moz-keyframes bounce {
  0%, 100% {
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
  }
  33.33% {
    transform: scale(1.4, 1.4);
    -moz-transform: scale(1.4, 1.4);
  }
  66.66% {
    transform: scale(0.6, 0.6);
    -moz-transform: scale(1.4, 1.4);
  }
}
@-o-keyframes bounce {
  0%, 100% {
    transform: scale(1, 1);
    -o-transform: scale(1.4, 1.4);
  }
  33.33% {
    transform: scale(1.4, 1.4);
    -o-transform: scale(1.4, 1.4);
  }
  66.66% {
    transform: scale(0.6, 0.6);
    -o-transform: scale(1.4, 1.4);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: scale(1, 1);
  }
  33.33% {
    transform: scale(1.4, 1.4);
  }
  66.66% {
    transform: scale(0.6, 0.6);
  }
}

/*@import (inline) "../lib/bootstrap/css/bootstrap.min.css";*/
:root {
  --color-icon-menu: white;
}
body {
  font-size: 12px;
}
.form-control,
select {
  font-size: 12px;
}
.modal-xlg {
  width: 1300px;
}
.FixedHead th {
  white-space: nowrap;
}
.navbar-container div.collapseMenuItem {
  position: relative;
  float: left;
  left: auto;
  margin-left: 8px;
}
.GridMain .GridDebugButtons {
  z-index: 2051;
}
/* beyond menu overrides start */

.page-sidebar {
  width: 240px;
  z-index: 1001;
}
.page-sidebar .sidebar-menu {
  padding-top: 10px;
  color: white;
}
.page-sidebar .sidebar-menu a {
  color: white;
}
.page-sidebar .sidebar-menu a .menu-expand {
  top: 18px;
  color: white;
}
.page-sidebar .sidebar-menu a .menu-icon {
  border-radius: 24px;
  min-width: 48px;
  min-height: 48px;
  padding-top: 16px;
  font-weight: 600;
}
[dir='ltr'] .page-sidebar .sidebar-menu a .menu-icon {
  margin: 0 0 0 -4px;
}
[dir='rtl'] .page-sidebar .sidebar-menu a .menu-icon {
  margin: 0 -4px 0 0;
}
.page-sidebar .sidebar-menu li.active a .menu-expand {
  color: black;
}
.page-sidebar .sidebar-menu li:first-of-type a .menu-icon {
  margin-top: -1px;
}
.page-sidebar .sidebar-menu li > a {
  padding-left: 0px;
  height: 48px;
  margin-inline-start: 15px;
  border-top: none !important;
}
[dir='ltr'] .page-sidebar .sidebar-menu li > a {
  margin-right: -2px;
}
[dir='rtl'] .page-sidebar .sidebar-menu li > a {
  margin-left: -2px;
}
.page-sidebar .submenu .active span {
  font-weight: bold;
}
.page-sidebar:before {
  background-color: #35414a;
  width: 240px;
  left: 0px;
}
/* compacted menu */

.page-sidebar.menu-compact {
  width: 70px;
  background-color: #35414a;
}
.page-sidebar.menu-compact .sidebar-menu {
  width: 70px;
  margin-left: 0px;
}
.page-sidebar.menu-compact .sidebar-menu .noChildren .menu-text {
  border-bottom-right-radius: 24px;
  overflow: hidden;
}
.page-sidebar.menu-compact .sidebar-menu > li {
  height: 58px;
}
.page-sidebar.menu-compact .sidebar-menu > li > a {
  margin-inline-start: 15px;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.page-sidebar.menu-compact .sidebar-menu > li > a:hover {
  background-color: transparent;
}
.page-sidebar.menu-compact .sidebar-menu > li > a.menu-dropdown > .menu-text {
  background-color: #1b262e;
  color: white;
  margin-inline-start: -20px;
  border-top-right-radius: 24px;
  height: 48px;
  width: 200px;
  border: none;
  box-shadow: none !important;
  padding-top: 4px;
}
[dir='ltr'] .page-sidebar.menu-compact .sidebar-menu > li > a.menu-dropdown > .menu-text {
  left: 72px;
}
[dir='rtl'] .page-sidebar.menu-compact .sidebar-menu > li > a.menu-dropdown > .menu-text {
  right: 72px;
}
.page-sidebar.menu-compact .sidebar-menu > li .submenu {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  padding-top: 48px;
  overflow: hidden;
}
[dir='ltr'] .page-sidebar.menu-compact .sidebar-menu > li .submenu {
  left: 72px;
  border-top-right-radius: 24px;
}
[dir='rtl'] .page-sidebar.menu-compact .sidebar-menu > li .submenu {
  right: 72px;
  border-top-right-radius: 0;
}
.page-sidebar.menu-compact .sidebar-menu > li .submenu i {
  display: none;
}
.page-sidebar.menu-compact .sidebar-menu > li .submenu a {
  color: #1b262e;
  background-color: white !important;
}
.page-sidebar.menu-compact .sidebar-menu > li .submenu li:hover,
.page-sidebar.menu-compact .sidebar-menu > li .submenu a:hover,
.page-sidebar.menu-compact .sidebar-menu > li .submenu .menu-text:hover {
  background-color: #f2f8fc !important;
  font-weight: bold;
}
.page-sidebar.menu-compact .sidebar-menu > li .submenu li:before {
  background-color: transparent;
  border: none;
}
.page-sidebar.menu-compact .sidebar-menu > li:last-child > a {
  border-bottom: none;
}
.page-sidebar.menu-compact .sidebar-menu > li:hover:before {
  background-color: #35414a;
}
.page-sidebar.menu-compact .sidebar-menu li:not(.open):hover:before {
  display: block;
  background-color: transparent;
}
.page-sidebar.menu-compact .sidebar-menu a {
  height: 48px;
  line-height: 40px;
  border: none;
}
.page-sidebar.menu-compact .sidebar-menu a .menu-icon {
  color: var(--color-icon-menu);
}
.page-sidebar.menu-compact .sidebar-menu a .menu-expand {
  color: white;
}
.page-sidebar.menu-compact .sidebar-menu a:before {
  background-color: #1b262e;
}
.page-sidebar.menu-compact .sidebar-menu .active .menu-icon {
  color: #0070c0;
  background-color: #f0f1f2;
}
.page-sidebar.menu-compact .sidebar-menu .main-menu-item-open .menu-icon {
  color: var(--color-icon-menu);
  background-color: #1b262e;
}
.page-sidebar.menu-compact .sidebar-menu .main-menu-item-open a {
  background-color: #1b262e !important;
}
.page-sidebar.menu-compact .sidebar-menu li:before,
.page-sidebar.menu-compact .sidebar-menu .main-menu-item-open {
  background-color: #35414a;
}
.page-sidebar.menu-compact .sidebar-menu li.active,
.page-sidebar.menu-compact .sidebar-menu li.active > a {
  background-color: #35414a;
}
.page-sidebar.menu-compact i {
  margin-left: 10px;
}
.page-sidebar.menu-compact:before {
  width: 72px;
}
.page-sidebar.menu-compact ~ .page-content {
  margin-left: 66px;
}
.nav.sidebar-menu > li > a:hover,
.nav.sidebar-menu > li > a:focus {
  background-color: transparent;
}
/* expanded menu */

.page-sidebar:not(.menu-compact) .sidebar-menu > li {
  margin-bottom: 10px;
  margin-left: -6px;
}
.page-sidebar:not(.menu-compact) .sidebar-menu > li > a {
  color: white;
  background-color: #35414a;
  width: 215px;
  margin-left: 12px;
}
.page-sidebar:not(.menu-compact) .sidebar-menu > li > a:hover {
  background-color: #1b262e;
}
.page-sidebar:not(.menu-compact) .sidebar-menu > li > .submenu {
  width: 215px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  overflow: hidden;
}
[dir='ltr'] .page-sidebar:not(.menu-compact) .sidebar-menu > li > .submenu {
  left: 12px;
}
[dir='rtl'] .page-sidebar:not(.menu-compact) .sidebar-menu > li > .submenu {
  right: 12px;
}
.page-sidebar:not(.menu-compact) .sidebar-menu > li > .submenu i {
  display: none;
}
.page-sidebar:not(.menu-compact) .sidebar-menu > li > .submenu a {
  color: #1b262e;
  background-color: white !important;
}
.page-sidebar:not(.menu-compact) .sidebar-menu > li > .submenu > li {
  background-color: white;
  margin-left: -4px;
}
.page-sidebar:not(.menu-compact) .sidebar-menu > li > .submenu > li > a:before {
  content: none;
  display: none;
}
.page-sidebar:not(.menu-compact) .sidebar-menu > li > .submenu li:hover,
.page-sidebar:not(.menu-compact) .sidebar-menu > li > .submenu a:hover,
.page-sidebar:not(.menu-compact) .sidebar-menu > li > .submenu .menu-text:hover {
  background-color: #f2f8fc !important;
  font-weight: bold;
}
.page-sidebar:not(.menu-compact) .sidebar-menu > li > .submenu > li.active:first-child > a {
  box-shadow: none;
}
.page-sidebar:not(.menu-compact) .sidebar-menu > li > .submenu:before {
  content: none;
  display: none;
}
.page-sidebar:not(.menu-compact) .sidebar-menu li.open > a {
  background-color: #1b262e;
}
.page-sidebar:not(.menu-compact) .sidebar-menu li:not(.open) > a:hover {
  border-radius: 24px;
}
.page-sidebar:not(.menu-compact) .sidebar-menu li:not(.open):hover:before {
  display: block;
  background-color: transparent;
}
.page-sidebar:not(.menu-compact) .sidebar-menu li.hasChilden > a {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.page-sidebar:not(.menu-compact) .sidebar-menu li.noChilden > a {
  border-radius: 24px;
}
.page-sidebar:not(.menu-compact) .sidebar-menu li.active {
  background-color: #f0f1f2;
}
.page-sidebar:not(.menu-compact) .sidebar-menu li.active > a {
  color: #1b262e;
  background-color: #f0f1f2;
  border-radius: 24px;
}
.page-sidebar:not(.menu-compact) .sidebar-menu li.active.open > a {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.page-sidebar:not(.menu-compact) .sidebar-menu li:last-child > a {
  border-bottom: none;
}
.page-sidebar:not(.menu-compact) .sidebar-menu a .menu-icon {
  margin: 0;
}
.page-sidebar:not(.menu-compact) .sidebar-menu .active .menu-icon {
  color: #0070c0;
}
/* fixes for other screens affected by menu */

div#pageWithSideBarContainer div#sidePanelBorder.menu-compact:not(.minimised) {
  width: 270px !important;
}
div#pageWithSideBarContainer div#sidePanelBorder:not(.minimised) {
  width: 272px !important;
}
/* menu overrides end */

.tooltip {
  z-index: 999999 !important;
}
.KeywordValue {
  padding-inline-start: 2px;
  padding-inline-end: 20px;
}
.Ball {
  margin: auto;
  height: 12px;
  width: 12px;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  background-color: #e5e5e5;
  text-align: center;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  border: 2px solid white;
}
.Ball.display {
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 3px;
}
[dir='ltr'] .Ball.display {
  float: left;
}
[dir='rtl'] .Ball.display {
  float: right;
}
.KeywordValue {
  margin-inline-end: 35px;
}
.page-sidebar.menu-compact .sidebar-menu > li > a.menu-dropdown > .menu-text {
  -webkit-box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.3), 5px 5px 5px -5px rgba(0, 0, 0, 0.3), 5px -5px 5px -5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.3), 5px 5px 5px -5px rgba(0, 0, 0, 0.3), 5px -5px 5px -5px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.3), 5px 5px 5px -5px rgba(0, 0, 0, 0.3), 5px -5px 5px -5px rgba(0, 0, 0, 0.3);
}
.page-sidebar.menu-compact .sidebar-menu > li > ul.submenu > a.menu-dropdown > .menu-text {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.page-sidebar ul.submenu .page-sidebar-child-menu-item {
  overflow: hidden !important;
  max-width: 195px !important;
  text-overflow: ellipsis !important;
  display: block !important;
  white-space: nowrap !important;
}
.page-content {
  position: relative;
  margin-inline-start: 240px;
}
.page-content .loading-container {
  background: white !important;
  position: absolute;
  z-index: 1999;
}
.page-content .loading-container > .loader {
  padding: 25px 25px 25px 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0px;
  margin: auto;
  width: 100%;
  background: url(data:image/gif;base64,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) no-repeat 5px 5px !important;
}
.page-content .page-partial {
  min-height: calc(100vh - 35px);
}
.modal-content .loader {
  padding: 25px 25px 25px 25px;
  background: url(data:image/gif;base64,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) no-repeat !important;
}
.form-row {
  margin-bottom: 5px;
}
.document-upload-label {
  display: block;
  text-align: right;
  height: 37px;
  padding-top: 8px;
  margin: 0;
}
.btn-file {
  width: 100%;
}
.document-upload-control {
  display: block;
  width: 100%;
  height: 37px;
  padding: 7px 10px;
}
.pagerScrollCellHolder .loader {
  padding: 25px 25px 25px 25px;
  background: url(data:image/gif;base64,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) no-repeat 5px 5px !important;
}
.loadingMask {
  margin-left: 50%;
}
.loadingMask > .loadingIcon {
  padding: 25px 25px 25px 25px;
  background: url(data:image/gif;base64,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) no-repeat 5px 5px !important;
}
.loadingMask > .loadingIconSmall {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url(data:image/gif;base64,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);
}
iframe.resize {
  min-height: 100%;
  margin-left: 6px;
}
.validation-summary-valid {
  display: none;
}
.ui-dialog .ui-dialog-titlebar > button {
  margin-top: -12px;
  height: 26px;
  width: 25px;
}
.ui-dialog .ui-dialog-content {
  padding: 0 !important;
}
.ui-front {
  z-index: 2050 !important;
}
.ui-front.ui-dialog {
  z-index: 2051 !important;
}
.ui-widget-header {
  font-weight: normal;
}
.select2 {
  display: block;
  width: 100%;
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}
abbr.select2-search-choice-close:before {
  color: #888888;
}
abbr.select2-search-choice-close:hover:before {
  color: #444444;
}
.Select2 {
  display: block;
  width: 100%;
}
.kipSmallIcon {
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
  margin-right: 10px !important;
  font-size: 9px !important;
  border-radius: 50% !important;
}
/* Account Dropdown View - menu items */

.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li a {
  padding: 5px 2px;
  cursor: pointer;
}
.dropdown-accountMenuItem {
  padding-right: 5px !important;
}
.dropdown-accountMenuItem a {
  border: none;
  padding: 6px;
  text-align: end;
  background-color: white;
  -webkit-text-shadow: none;
  text-shadow: none;
  font-size: 12px !important;
  font-weight: normal;
  text-transform: none;
  color: #717171;
}
.dropdown-accountMenuItem a:hover {
  background-color: #eeeeee !important;
}
/* End of Account Dropdown View - menu items */

/* Report Favourites Dropdown */

ul.favourites-menu {
  padding-left: 0;
}
ul.favourites-menu > li > a.dropdown-toggle {
  cursor: pointer;
}
ul.favourites-menu > li > div#accordions {
  padding-bottom: 10px;
}
ul.favourites-menu > li > div#accordions > ul {
  padding-left: 5px;
}
ul.favourites-menu > li > div#accordions > ul > li {
  list-style: none;
}
ul.favourites-menu > li > div#accordions > ul > li > a > div.message {
  padding-top: 5px;
  padding-bottom: 5px;
  width: auto;
}
ul.favourites-menu > li > div#accordions > ul > li > a > div.message > span.message-sender {
  white-space: nowrap;
  color: #262626;
  padding-left: 8px;
  font-size: 13px;
}
ul.favourites-menu > li > div#accordions > div.panel > div.panel-collapse > div.panel-body {
  background-color: white;
  padding: 5px;
}
ul.favourites-menu > li > div#accordions > div.panel > div.panel-collapse > div.panel-body > a {
  text-decoration: none;
}
ul.favourites-menu > li > div#accordions > div.panel > div.panel-collapse > div.panel-body > a :hover {
  background-color: whitesmoke;
}
ul.favourites-menu > li > div#accordions > div.panel > div.panel-collapse > div.panel-body > a > div.message {
  padding-top: 5px;
  padding-bottom: 5px;
}
ul.favourites-menu > li > div#accordions > div.panel > div.panel-collapse > div.panel-body > a > div.message > span.message-sender {
  white-space: nowrap;
  color: #262626;
  padding-left: 8px;
  font-size: 13px;
}
/* End of Report Favourites Dropdown */

/* beyond.css Overrides */

ul.sidebar-menu li a {
  text-overflow: clip;
}
.bg-databoxgreen {
  background-color: var(--background-databox-green, #008800) !important;
}
.bg-databoxred {
  background-color: var(--background-databox-red, #e60017) !important;
}
.bg-databoxdarkred {
  background-color: var(--background-databox-dark-red, #7f1725) !important;
}
.bg-databoxlightgreen {
  background-color: var(--background-databox-light-green, #a8ce4b) !important;
}
.bg-databoxviolet {
  background-color: var(--background-databox-violet, #51399f) !important;
}
.bg-databoxpalegreen {
  background-color: var(--background-databox-pale-green, #7caf9a) !important;
}
.bg-databoxpalepink {
  background-color: var(--background-databox-pale-pink, #f599d1) !important;
}
.bg-databoxpaleviolet {
  background-color: var(--background-databox-pale-violet, #ae88b9) !important;
}
.bg-databoxmauve {
  background-color: var(--background-databox-mauve, #aa9cdf) !important;
}
.bg-databoxdeepblue {
  background-color: var(--background-databox-deep-blue, #222222) !important;
}
.bg-databoxmediumblue {
  background-color: var(--background-databox-medium-blue, #0072c6) !important;
}
.bg-databoxlightblue {
  background-color: var(--background-databox-light-blue, #c9e7e7) !important;
}
.bg-databoxorange {
  background-color: var(--background-databox-orange, orange) !important;
}
.page-chatbar .chatbar-contacts .contacts-list {
  overflow: visible;
}
.modal {
  z-index: 2050;
}
.fullscreen-modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.fullscreen-modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}
.fullscreen-modal-footer {
  border-radius: 0;
  bottom: 0px;
  position: absolute;
  width: 100%;
}
.navbar {
  z-index: 1100;
}
.navbar .navbar-brand {
  margin-left: 25px;
}
.navbar .sidebar-collapse .collapse-icon,
.navbar .sidebar-collapse.active .collapse-icon {
  padding: 11px 5px;
  margin: 0;
  width: 35px;
}
.navbar .sidebar-collapse.active .collapse-icon {
  font-size: 18px;
}
.nav-pills .draft {
  color: #bbbbbb;
}
.nav-pills a.draft:hover {
  background-color: white;
  cursor: not-allowed;
}
.page-chatbar .chatbar-contacts .contacts-list input[type=checkbox] {
  opacity: 1;
  position: relative;
  left: auto;
  z-index: 1050;
}
.page-body {
  background: #f0f1f2;
  padding: 9px 20px 12px;
}
.page-body > .kip-page-subTabs {
  background-color: white;
  top: -9px;
  left: -20px;
  border-bottom: 1px solid darkgray;
  margin-right: -40px;
  padding: 5px 3px 3px 3px;
  z-index: 99;
  min-height: 35px;
}
.page-body > .kip-page-subTabs .toolbarBorder {
  display: inline-flex;
}
.page-body-single-widget {
  background: white;
  padding: 9px 20px 12px;
}
.page-body-single-widget > .kip-page-subTabs {
  border-bottom: 1px solid darkgray;
  top: -9px;
  left: -20px;
  margin-right: -40px;
  padding: 5px 3px 3px 3px;
  z-index: 99;
}
.page-body-single-widget > .kip-page-subTabs .toolbarBorder {
  width: 100%;
  display: inline-flex;
}
.page-body-single-widget > .widget-body {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: white;
}
.page-body-single-widget-gray-background {
  background-color: #f0f1f2;
}
.page-body-single-widget-gray-background > .kip-page-subTabs {
  background-color: white;
}
.widget.maximized {
  z-index: 1999;
}
.widget.maximized .widget-body {
  padding: 6px 0;
}
.widget-body {
  background-color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  /*#region Bordered Widget Body*/
  /*#endregion Bordered Widget Body*/
  /*#region Colored Widget Body*/
  /*#endregion Colored Widget Body*/
  padding: 6px;
}
.widget-body .highchart svg {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.widget-body.single-widget-page {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.widget-header {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.widget {
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0 0 12px 0;
  /*#region Bordered Widgetbox*/

  /*#endregion Bordered Widgetbox*/

  /*#region Radius Header*/

  /*#endregion Radius Header*/

}
.widget.noborder .widget-header {
  display: none !important;
}
.widget.noborder .widget-body {
  box-shadow: none !important;
}
.widget.noborder .widget-body .widget-content > div {
  padding: 0 !important;
}
.widget table tr > td .Ball {
  position: static !important;
  display: block !important;
}
.page-header {
  z-index: 100;
  padding: 3px 3px 6px 12px;
  border: none;
  background-image: none;
  background-color: #f9f9f9;
}
.page-header .header-title h1 {
  line-height: normal;
  font-size: 16px;
  font-weight: 600 !important;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
}
.page-header .header-title {
  height: auto;
  width: 100%;
  padding-right: 5px;
  padding-top: 2px;
  display: block;
}
/* End of beyond.css Overrides  */

div.toolbarReports {
  padding-inline-end: 5px;
  padding-top: 2px;
}
/* Form Controls  */

input[type=checkbox],
input[type=radio],
input[type=checkbox]:checked,
input[type=radio]:checked,
input[type=checkbox]:focus,
input[type=radio]:focus {
  width: auto;
  height: auto;
}
/* End of Form Controls  */

/* Project Navigator  */

div.navigatorHeirarchy {
  min-width: 40px;
  min-height: 60px;
  height: auto;
  padding-right: 14px;
}
div.navigatorHeirarchy :before {
  border-left: 0;
}
div.navigatorHeirarchy .tree .tree-folder,
div.navigatorHeirarchy .tree-item {
  cursor: default;
  font-weight: normal;
}
div.navigatorHeirarchy .tree-item-link {
  cursor: pointer;
  font-weight: inherit;
}
div.navigatorHeirarchy .nav-tree-expand {
  display: block;
  padding-inline-start: 5px;
  cursor: pointer;
}
[dir='ltr'] div.navigatorHeirarchy .nav-tree-expand {
  float: left;
}
[dir='rtl'] div.navigatorHeirarchy .nav-tree-expand {
  float: right;
}
div.navigatorHeirarchy .nav-tree-selected {
  background-color: #eeeeee;
  font-weight: bold;
}
div.navigatorHeirarchy div#MyTree.CodeEntityTreeView_Container div.tree-folder-content {
  padding-right: 0px;
}
div.navigatorHeirarchy .tree-folder-last-child:after {
  display: inline-block;
  content: "";
  position: absolute;
  width: 1px;
  z-index: 99;
  top: 15px;
  bottom: 14px;
  left: -13px;
  border-left: 1px solid white;
}
.RAGDiv {
  margin-inline-end: 5px;
  float: left;
}
.ProjectNameDiv {
  width: 100%;
  margin-left: 20px;
}
.AllProjectTitle {
  padding-left: 10px;
  display: block;
  font-size: 15px;
  line-height: 26px;
  margin: 2px;
  position: relative;
  font-family: 'Roboto', 'Lucida Sans', 'trebuchet MS', Arial, Helvetica/*rtl:prepend:"Droid Arabic Kufi", "WYekan"*/;
}
.AllProjectText {
  padding-left: 10px;
  display: block;
  font-size: 11px;
  margin: 4px 0 2px;
  position: relative;
}
.ProjectNavigator .FilterSelect {
  width: 100%;
}
.ScaleUp {
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}
div#ProjectNavigatorView > div#chatbar {
  z-index: 1050;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts {
  padding-top: 5px;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts > a#ProjectSearchLink {
  text-decoration: none;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts > a#ProjectSearchLink > div.select2 {
  padding-bottom: 5px;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content {
  padding: 8px 8px;
  /*height: 100% !important;*/

}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.mail-container > div.AllProjectsDiv {
  position: relative;
  height: 65px;
  padding: 0;
  border-bottom: 1px solid #f0f1f2;
  background-color: white;
  margin: 3px;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.ProjectScrollDiv {
  position: relative;
  width: auto;
  height: 100%;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.ProjectScrollDiv > ul#flyoutProjects {
  width: auto;
  height: 100%;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.ProjectScrollDiv > ul#flyoutProjects > li.contact {
  height: auto;
  border-bottom: solid 1px #f0f1f2;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.ProjectScrollDiv > ul#flyoutProjects > li.contact > div.ProjectRow {
  margin: 0 auto;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.ProjectScrollDiv > ul#flyoutProjects > li.contact > div.ProjectRow > div.ProjectButtonsDiv {
  padding-top: 5px;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.ProjectScrollDiv > ul#flyoutProjects > li.contact > div.ProjectRow > div.ProjectButtonsDiv > div.btn-group {
  display: inline-flex;
  margin-left: 20px;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.ProjectScrollDiv > ul#flyoutProjects > li.contact > div.ProjectRow > div.ProjectButtonsDiv > div.btn-group > span.navIcons {
  padding-left: 3px;
  padding-right: 3px;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.ProjectScrollDiv > ul#flyoutProjects > li.contact > div.ProjectRow > div.ProjectButtonsDiv > div.btn-group > span.navIcons > a > i:hover {
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.ProjectScrollDiv > ul#flyoutProjects > li.contact > div.ProjectRow > div.ProjectButtonsDiv > div.btn-group > a {
  padding-left: 3px;
  padding-right: 3px;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.ProjectScrollDiv > ul#flyoutProjects > li.contact > div.ProjectRow > div.ProjectButtonsDiv > div.btn-group > a > i:hover {
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}
div.ProjectButtonsDiv i:hover {
  color: #0072c6 !important;
}
/* End of Project Navigator  */

/* Navigator  Bar */

.NavigationToolbar {
  z-index: 1000;
  padding-left: 5px;
}
.NavigationToolbar > .nav > li {
  /*margin-top: 3px;*/
  font-size: 11px;
}
.NavigationToolbar > ul {
  padding: 3px 5px 3px 5px;
}
.NavigationToolbar > .nav > li > a {
  padding: 2px 6px;
}
.NavigationToolbar > i .active {
  color: #1b262e !important;
}
/* End of Navigator  Bar */

/* Editable View */

.viewaction {
  height: 27px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.editableTableButtonsHeader {
  background-color: #f0f1f2;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: linear-gradient(to bottom, #f2f2f2 0, #fafafa 100%);
  position: absolute;
  min-width: 30px;
  min-height: 31px;
  margin-top: -1px;
  left: 0;
  top: auto;
  border-top: 1px solid #dddddd !important;
  border-left: 1px solid #dddddd !important;
  border-right: none !important;
}
.editableTableButtons .dropdown-menu {
  z-index: 9999;
  /*Dropdowns should always take priority */

}
/* 
when using scrolling paging in editable view the edit/cancel save icons are not fixed to the left hand side
(currently can't have fixed columns on the left while in a scrolling container)
*/

.editableTableButtonsHeader_scrollingPage {
  background-color: #f0f1f2;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: linear-gradient(to bottom, #f2f2f2 0, #fafafa 100%);
  position: relative;
  /*min-width: 30px;*/
  min-height: 31px;
  margin-top: -1px;
  /*left: auto;
top: auto;
border-top: 1px solid #DDD !important;
border-left: 1px solid #DDD !important;
border-right: none !important;*/

}
.editableTableButtons_scrollingPage {
  position: relative;
  min-width: 28px;
  min-height: 22px !important;
  left: 0;
  top: auto;
  margin-top: -1px !important;
  border-left: 1px solid #dddddd !important;
  padding: 0 !important;
  margin-top: 1px;
  border-collapse: separate;
}
.WithPagedScroll {
  margin-left: 0px !important;
}
.editableTableButtons {
  position: absolute;
  min-width: 28px;
  min-height: 22px !important;
  left: 0;
  top: auto;
  margin-top: -1px !important;
  border-left: 1px solid #dddddd !important;
  border-right: none !important;
  padding: 0 !important;
  margin-top: 1px;
  border-collapse: separate;
}
.editableTableButtonsFooter {
  background-color: #f0f1f2;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: linear-gradient(to bottom, #f2f2f2 0, #fafafa 100%);
  position: absolute;
  min-width: 30px;
  min-height: 28px;
  margin-top: -1px;
  left: 0;
  top: auto;
  border-top: 1px solid #dddddd !important;
  border-left: 1px solid #dddddd !important;
  border-right: none !important;
}
.editableTableButtonsFooter_scrolling {
  background-color: #f0f1f2;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: linear-gradient(to bottom, #f2f2f2 0, #fafafa 100%);
  position: relative;
  /*min-width: 30px;*/
  min-height: 28px;
  margin-top: -1px;
  left: 0;
  top: auto;
  border-top: 1px solid #dddddd !important;
  border-left: 1px solid #dddddd !important;
  border-right: none !important;
}
div.editableView div.fixedDivHeader {
  width: 100%;
}
div.editableView div.fixedDivHeader > table.FixedTable > thead > tr:first-child {
  height: 32px !important;
}
div.editableView div.fixedDivHeader > table.FixedTable > thead > tr > th {
  border-bottom: 3px solid #0072c6 !important;
  line-height: 22px;
  padding: 3px;
  white-space: nowrap;
  min-height: 29px !important;
}
div.editableView div.fixedDivHeader > table.FixedTable > thead > tr > th:first-child {
  position: static !important;
}
div.editableView div.editableTable.tableDiv {
  overflow-y: auto;
  min-height: 50px;
  clear: both;
  /*}*/

}
div.editableView div.editableTable.tableDiv .editableView_DropdownToggle {
  font-size: 12px;
}
div.editableView div.editableTable.tableDiv .markerabove {
  border-top: 3px solid red;
}
div.editableView div.editableTable.tableDiv .markerbelow {
  border-bottom: 3px solid red;
}
div.editableView div.editableTable.tableDiv.hasOperations {
  margin-left: 30px;
}
div.editableView div.editableTable.tableDiv.hasOperations.edit {
  margin-left: 60px;
}
div.editableView div.editableTable.tableDiv.hasOperations.edit > table > thead > tr > th {
  border-bottom: 3px solid #0072c6 !important;
  line-height: 22px;
  padding: 3px;
  white-space: nowrap;
  min-height: 29px !important;
}
div.editableView div.editableTable.tableDiv.hasOperations.edit > table > thead > tr > th:first-child {
  width: 62px;
  height: 32px !important;
}
div.editableView div.editableTable.tableDiv.hasOperations.edit > table > thead > tr > th.showPointer {
  cursor: col-resize;
}
div.editableView div.editableTable.tableDiv.hasOperations.edit > table > tbody > tr:first-child td:first-child {
  border-top: none;
}
div.editableView div.editableTable.tableDiv.hasOperations.edit > table > tbody > tr:last-child td {
  border-bottom: 1px solid #dddddd !important;
}
div.editableView div.editableTable.tableDiv.hasOperations.edit > table > tbody > tr > td {
  padding: 1px 2px 1px 2px;
  border-collapse: separate;
  border-bottom: none !important;
  border-left: none;
  line-height: 22px;
  white-space: nowrap;
  vertical-align: middle;
}
div.editableView div.editableTable.tableDiv.hasOperations.edit > table > tbody > tr > td:first-child {
  width: 60px;
}
div.editableView div.editableTable.tableDiv.hasOperations.edit > table > tfoot {
  background-color: #f0f1f2;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: linear-gradient(to bottom, #f2f2f2 0, #fafafa 100%);
}
div.editableView div.editableTable.tableDiv.hasOperations.edit > table > tfoot > tr > td:first-child {
  width: 0;
}
div.editableView div.editableTable.tableDiv > table > thead > tr > th {
  border-bottom: 3px solid #0072c6 !important;
  line-height: 22px;
  padding: 3px;
  white-space: nowrap;
  min-height: 29px !important;
}
div.editableView div.editableTable.tableDiv > table > thead > tr > th:first-child {
  width: 31px;
  height: 32px !important;
}
div.editableView div.editableTable.tableDiv > table > thead > tr > th.showPointer {
  cursor: col-resize;
}
div.editableView div.editableTable.tableDiv > table > tbody > tr:first-child td:first-child {
  border-top: none;
}
div.editableView div.editableTable.tableDiv > table > tbody > tr:last-child td {
  border-bottom: 1px solid #dddddd !important;
}
div.editableView div.editableTable.tableDiv > table > tbody > tr > td {
  border-collapse: separate;
  border-bottom: none !important;
  border-left: none;
  line-height: 22px;
  white-space: nowrap;
  padding: 1px 5px 1px 5px;
  vertical-align: middle;
}
div.editableView div.editableTable.tableDiv > table > tbody > tr > td:first-child {
  width: 30px;
}
div.editableView div.editableTable.tableDiv > table > tbody > tr > td .dropdown-menu > li > a {
  font-size: 12px;
}
div.editableView div.editableTable.tableDiv > table > tfoot {
  background-color: #f0f1f2;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
  background-image: linear-gradient(to bottom, #f2f2f2 0, #fafafa 100%);
}
div.editableView div.editableTable.tableDiv > table > tfoot > tr > td:first-child {
  width: 0;
}
/* End of Editable View */

/* select2 picker. stops a bug whereby result count and helper text would appear in span within the page */

.select2-hidden-accessible {
  display: none !important;
  visibility: hidden !important;
}
.select2-drop {
  z-index: 100001;
}
/* End of select2 fix */

.profile-container {
  padding: 10px;
}
div.profile-container > table > thead {
  border-bottom-style: solid;
}
.ui-dialog-buttonpane {
  background-color: #efefef;
}
/* Colour Picker Editor Template */

div.colorpicker > ul {
  list-style: outside square none;
  display: block;
}
div.colorpicker > ul > li {
  display: block;
}
div.colorpicker > ul > li > a {
  display: block;
  float: left;
  width: 23px;
  height: 23px;
  margin: 2px;
  padding: 0;
}
div.colorpicker > ul > li > a.selected {
  border: 2px solid yellow;
}
/* End of Colour Picker Editor Template */

/* Config Menu */

div.setting > div.config-menu {
  min-height: 200px;
  z-index: 999;
}
div.setting > div.config-menu > ul {
  padding-left: 5px;
}
div.setting > div.config-menu > ul > li {
  list-style: none;
}
div.setting > div.config-menu > ul > li > a > div.message {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 20px;
}
div.setting > div.config-menu > ul > li > a > div.message > span.message-sender {
  white-space: nowrap;
  color: #262626;
  padding-left: 8px;
  font-size: 13px;
}
/* End of Config Menu */

/*Admin Menu */

.admin-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.admin-menu .menu-text {
  font-size: 13px;
  background-color: transparent;
}
.admin-menu a {
  text-decoration: none;
  color: #262626;
}
.admin-menu li {
  line-height: 25px;
}
.admin-menu li a:hover {
  background-color: #ebebeb !important;
}
.admin-menu li:hover {
  background-color: #ebebeb !important;
}
.admin-menugroup {
  white-space: nowrap;
  padding: 5px 10px;
  font-weight: 600;
}
/* End of Admin Menu */

/* Date Picker in editor mode */

.date-picker-edit {
  min-width: 95px !important;
}
/* End of Date Picker in editor mode  */

/* Navigation Tabs */

.viewToolbar {
  border-bottom: solid 1px darkgray;
  padding-left: 15px;
}
.kipTabStrip {
  height: 27px;
  font-size: 12px;
}
.kipTabStrip .nav > li > a {
  padding: 4px 10px 8px 10px;
}
.kipTabStrip .nav-tabs > li.active > a > i {
  color: #262626 !important;
}
.kipTabStrip .nav-tabs > li.active > a,
.kipTabStrip .nav-tabs > li.active > a:hover,
.kipTabStrip .nav-tabs > li.active > a:focus {
  border-left: solid 1px darkgray;
  border-right: solid 1px darkgray;
  background-color: white;
}
.kipTabStrip .nav .open > a,
.kipTabStrip .nav .open > a:hover,
.kipTabStrip .nav .open > a:focus {
  border: solid 1px #e5e5e5;
}
.kipTabStrip .dropdown-menu > li > a {
  font-size: 12px;
}
.toolbar-header {
  z-index: 1000;
  min-height: initial;
  height: auto;
  padding: 3px 3px 0 0;
  border: none;
  background-color: #f9f9f9;
}
/* End of Navigation Tabs */

/* mini icon next to larger icon */

.subIcon {
  font-size: 6px;
}
.subBadge {
  position: absolute;
  left: 8px;
  top: 8px;
  background-color: #0072c6;
  width: 10px;
  height: 10px;
  padding: 0;
  font-size: 8px !important;
}
/* end of mini icon next to larger icon */

/* breadcrumb */

.breadcrumb {
  font-size: 14px;
}
.breadcrumb-header {
  border-bottom: solid 1px #e5e5e5;
  background-color: white;
  padding: 2px 0 2px 12px;
}
.breadcrumb > li + li:before {
  content: "> ";
  padding: 0 5px 0 5px;
}
div.toolbarFavourite {
  padding-top: 2px;
}
/* end of breadcrumb */

.widgetPageTabs .widget-body,
.widgetPage .widget-body {
  box-shadow: none;
  padding-left: 18px;
}
.subIcon {
  position: absolute;
  top: 12px;
  right: 8px;
  font-size: 8px;
}
.subIcon i {
  border-radius: 10px;
  border: 1px solid white;
  border-image: none;
  background-color: white;
}
/*Tree view */

.treeView-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.treeView-menu .menu-text {
  font-size: 13px;
  background-color: transparent;
}
.treeView-menu a {
  text-decoration: none;
  color: #262626;
}
.treeView-menu li {
  line-height: 25px;
}
.treeView-menu li a:hover {
  background-color: #ebebeb !important;
}
.treeView-menu li:hover {
  background-color: #ebebeb !important;
}
.treeView-menugroup {
  white-space: nowrap;
  padding: 5px 10px;
  font-weight: 600;
}
.tree-item {
  font-size: 8pt;
}
.tree-folder-header {
  font-size: 8pt;
}
#projectsTreeView.btn-group.open > a.dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.splitperiod-icon {
  min-height: 13px;
  min-width: 13px;
  background-image: url(data:image/gif;base64,R0lGODlhDQANAPcAAAAAAACQ/wGT/gCS/wGW/g6S/xCS/xKW/hSV/haW/xCZ/huX/xqY/hqc/h6Y/x6b/h2c/iSb/ySf+SSd/ime/yeg+C6k/jGk/jSl/jan/jup/j6o/T62/0C2/0W5/0W6/1m7/1++/2C9/3C//5zK7Z/M7qLQ86nT8ajS8qjU9qrX+a/c/7vX6rnX677Z6r/b7rDb/L/l/9HZ39va293b2tLa4NTa4NLj79fl7tXk8NXn8vrw6P7z6/v28/339f/58//79wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAANAA0AAAh7AP8JHEiw4EAN/zYYFPijhIF/Dkz8KOhjxwkK/yKk2NGDoIsb/zD8QxADBwsgAm14EPHvwr8D/0Z0sPGPRoUBChpY+AeBgIAAEmb8q/EBRMt/D1aE4CBj4Asd/xj8m/AvR4uCPGAk+EcBBY+FKgr8W0BiocAM/9CaXRsQADs=);
}
/*Summary Boxes */

.SummaryBox .boxWrapper {
  height: 55px;
}
.SummaryBox .noFooter .boxWrapper {
  padding-top: 8px;
}
.SummaryBox .boxText {
  font-size: 13px;
  font-weight: 600;
}
.SummaryBox .boxValue {
  font-size: 10px;
  color: #999999;
}
.SummaryBox .boxFooterText {
  font-size: 10px;
  font-weight: 600;
}
.smallSelect {
  width: 200px;
}
.extraSmallSelect {
  width: 70px;
}
.pointerCursor {
  cursor: pointer;
}
.single-page.background-white {
  top: 0;
  left: 0;
  background: white;
  height: 100%;
  width: 100%;
  position: fixed;
}
.kip-context-menu ul.dropdown-menu {
  background-color: #f0f1f2;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
.kip-context-menu ul.dropdown-menu li.kip-context-menu-item i {
  padding-right: 5px;
}
div.kipSelectGrid label {
  padding-top: 3px !important;
}
div.kipSelectGrid th,
div.kipSelectGrid td {
  vertical-align: middle;
  border: 1px solid #dddddd;
  padding: 2px !important;
}
div.kipSelectGrid th div.checkbox,
div.kipSelectGrid td div.checkbox {
  margin-top: 0px;
  margin-bottom: 0px;
}
div.kipSelectGrid th {
  border-bottom: 3px solid #0072c6;
}
div.kipSelectGrid td {
  vertical-align: middle !important;
}
.form-control-inline-label {
  display: inline-block;
  margin-right: 7px;
  width: 60% !important;
}
.label-padding {
  padding-top: 8px;
}
span.label-padding {
  display: block;
  padding-left: 7px;
}
.form-control-with-size {
  width: auto;
}
.modal-header {
  word-wrap: break-word;
}
.modal-header .modal-header-button {
  font-size: 20px;
  line-height: 1;
  color: black;
  text-shadow: 0 1px 0 white;
  filter: alpha(opacity=20);
  opacity: 0.2;
  padding-left: 5px;
}
.modal-header .modal-header-button:hover,
.modal-header .modal-header-button:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
/* Filter save */

#SavePicker .refreshIcon {
  float: right;
  color: white;
  margin-top: -4px;
  margin-right: -8px;
  font-size: 165%;
}
#SavePicker #refreshIconDiv {
  float: right;
  margin-top: 2px;
  width: 28px;
  height: 28px;
}
#SavePicker #s2id_SaveFilter {
  width: 86% !important;
}
.filterSave .filterSaveIcons {
  margin-right: 2%;
  font-size: 120%;
  height: 1.8em;
}
.filterSave .filterSaveIcons .fa-trash {
  color: red;
}
.filterSave .filterSaveIcons .fa-save {
  cursor: pointer;
}
.filterSave .filterSaveIcons .dropdown-menu {
  top: 0;
  padding: 7px;
}
[dir='ltr'] .filterSave .filterSaveIcons .dropdown-menu {
  left: 2.5em;
}
[dir='rtl'] .filterSave .filterSaveIcons .dropdown-menu {
  right: 2.5em !important;
}
.filterSave .filterSaveIcons .dropdown-menu li {
  padding: 5px;
  cursor: pointer;
}
.filterSave .filterSaveIcons .dropdown-menu li i {
  padding-right: 4px;
}
.filterSave .filterSaveIcons .more-options-menu {
  margin-inline-start: 3px;
  padding-inline-start: 8px;
  display: inline-block;
}
/*Select2 Arrow clipping fix*/

.editPageValue .select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice .select2-arrow {
  background: transparent !important;
}
div.modal-content div.editpage div.form-group .select2-choice {
  border-radius: 2px !important;
}
.curtain {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.curtain > div {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: row;
}
.curtain > div > div {
  width: 8px;
  height: 8px;
  margin: 0 3px;
  display: inline-block;
  background-color: #3e3e3e;
  border-radius: 50%;
  -webkit-animation: curtainbounce 0.6s cubic-bezier(1, 0.74, 0.49, 0.6) infinite;
  -moz-animation: curtainbounce 0.6s cubic-bezier(1, 0.74, 0.49, 0.6) infinite;
  -o-animation: curtainbounce 0.6s cubic-bezier(1, 0.74, 0.49, 0.6) infinite;
  animation: curtainbounce 0.6s cubic-bezier(1, 0.74, 0.49, 0.6) infinite;
}
.curtain > div > div:nth-child(2) {
  animation-delay: 0.1s;
}
.curtain > div > div:nth-child(3) {
  animation-delay: 0.2s;
}
@-webkit-keyframes curtainbounce {
  0%, 100% {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  33.33% {
    transform: scale(1.4, 1.4);
    -webkit-transform: scale(1.4, 1.4);
  }
  66.66% {
    transform: scale(0.6, 0.6);
    -webkit-transform: scale(0.6, 0.6);
  }
}
@-moz-keyframes curtainbounce {
  0%, 100% {
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
  }
  33.33% {
    transform: scale(1.4, 1.4);
    -moz-transform: scale(1.4, 1.4);
  }
  66.66% {
    transform: scale(0.6, 0.6);
    -moz-transform: scale(1.4, 1.4);
  }
}
@-o-keyframes curtainbounce {
  0%, 100% {
    transform: scale(1, 1);
    -o-transform: scale(1.4, 1.4);
  }
  33.33% {
    transform: scale(1.4, 1.4);
    -o-transform: scale(1.4, 1.4);
  }
  66.66% {
    transform: scale(0.6, 0.6);
    -o-transform: scale(1.4, 1.4);
  }
}
@keyframes curtainbounce {
  0%, 100% {
    transform: scale(1, 1);
  }
  33.33% {
    transform: scale(1.4, 1.4);
  }
  66.66% {
    transform: scale(0.6, 0.6);
  }
}
.modal.left .modal-dialog,
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 50vw;
  min-width: 600px;
  top: 50px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.modal.left.xl .modal-dialog,
.modal.right.xl .modal-dialog {
  width: 75vw;
}
.modal.left.narrow .modal-dialog,
.modal.right.narrow .modal-dialog {
  width: 33vw;
  min-width: inherit !important;
}
.narrow .angular-modal .modal-footer.angular-footer.save-footer {
  min-width: inherit !important;
}
.modal.left .modal-content,
.modal.right .modal-content {
  height: 100%;
  /*overflow-y: auto;*/

}
.modal.left .modal-body,
.modal.right .modal-body {
  padding: 15px 15px 80px;
}
/*Left*/

.modal.left.fade .modal-dialog {
  left: 50vw;
  -webkit-transition: opacity 0.1s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.1s linear, left 0.3s ease-out;
  -o-transition: opacity 0.1s linear, left 0.3s ease-out;
  transition: opacity 0.1s linear, left 0.3s ease-out;
}
.modal.left.fade.in .modal-dialog {
  left: 0;
}
/*Right - When not being displayed, off the screen*/

[dir='ltr'] .modal.right.fade .modal-dialog {
  left: 100vw;
  -webkit-transition: opacity 0.1s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.1s linear, right 0.3s ease-out;
  -o-transition: opacity 0.1s linear, right 0.3s ease-out;
  transition: opacity 0.1s linear, right 0.3s ease-out;
}
[dir='rtl'] .modal.right.fade .modal-dialog {
  right: 100vw;
  -webkit-transition: opacity 0.1s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.1s linear, left 0.3s ease-out;
  -o-transition: opacity 0.1s linear, left 0.3s ease-out;
  transition: opacity 0.1s linear, left 0.3s ease-out;
}
/*Right - When being displayed so it sides in*/

[dir='ltr'] .modal.right.fade.in .modal-dialog {
  left: 50vw;
}
[dir='rtl'] .modal.right.fade.in .modal-dialog {
  right: 50vw;
}
/* Fullscreen Angular modal */

[dir='ltr'] .modal.right.fade.fullscreen > .modal-dialog {
  left: 66px;
  right: 0;
}
[dir='rtl'] .modal.right.fade.fullscreen > .modal-dialog {
  right: 66px;
  left: 0;
}
/* XL Angular Modal () */

[dir='ltr'] .modal.right.fade.in.xl .modal-dialog {
  left: 25vw;
}
[dir='rtl'] .modal.right.fade.in.xl .modal-dialog {
  right: 25vw;
}
/* Normal Angular modal */

[dir='ltr'] .modal.right.fade.in > * > .modal-dialog {
  right: 0;
  left: unset;
}
[dir='rtl'] .modal.right.fade.in > * > .modal-dialog {
  left: 0;
  right: unset;
}
/* Some angular sub screens are Filter Dialogs -
    make sure they stay to the side so you can still click the opposite side */

[dir='ltr'] .kip_ModalSidePopup.modal.fade.right.in:not(.fullscreen) {
  right: 0;
  left: 50vw;
}
[dir='rtl'] .kip_ModalSidePopup.modal.fade.right.in:not(.fullscreen) {
  right: 50vw;
  left: 0;
}
.kip_ModalSidePopup.modal.fade.right.in:not(.fullscreen):has(> * > .filter-modal.modal-content.side-modal) {
  width: 50vw;
}
[dir='ltr'] .kip_ModalSidePopup.modal.fade.right.in:not(.fullscreen):has(> * > .filter-modal.modal-content.side-modal) {
  left: 50vw;
}
[dir='rtl'] .kip_ModalSidePopup.modal.fade.right.in:not(.fullscreen):has(> * > .filter-modal.modal-content.side-modal) {
  right: 50vw;
}
.link-dialog .modal-dialog {
  height: 273px !important;
}
.kip_ModalCentralPopup {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 66px !important;
  margin: 0;
  width: 75vw !important;
}
.kip_ModalSidePopup .modal-content {
  border-radius: 0;
  border: none;
}
.kip_ModalSidePopup .modal-header {
  border-bottom-color: #eeeeee;
  background-color: #fafafa;
  top: 35px;
}
.kip_ModalSidePopup .modal-body .loader {
  padding: 25px 25px 25px 25px;
  background: url(data:image/gif;base64,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) no-repeat center !important;
  height: 100%;
}
.kip_ModalSidePopup .modal-body.modal-loading {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 50vw;
  margin: auto;
}
.kip_ModalSidePopup.fullscreen {
  left: 66px;
  /* Opening Modal from main MVC */

  /* Opening Modal from inside a Angular Modal */

}
.kip_ModalSidePopup.fullscreen .modal-body.modal-loading {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0;
}
.kip_ModalSidePopup.fullscreen > .modal-dialog,
.kip_ModalSidePopup.fullscreen > * > .modal-dialog {
  margin: 0;
  width: unset !important;
  top: 50px !important;
  bottom: 0;
  right: 0;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.kip_ModalSidePopup.fullscreen > .modal-dialog {
  left: 66px;
}
.kip_ModalSidePopup.fullscreen > * > .modal-dialog {
  left: 0;
}
.note-hint-popover {
  z-index: 10001 !important;
}
.note-editor .note-color .dropdown-menu {
  left: unset;
  right: 0;
}
.kip-autoComplete {
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 3px;
  padding-right: 3px;
}
.kip-autoComplete .kip-autocomplete-item-container {
  list-style: none;
  display: list-item;
  background-color: white;
}
.kip-autoComplete div.kip-autocomplete-item {
  font-family: var(--font-family);
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
}
.kip-autoComplete .kip-autoComplete li.ui-state-focus.kip-autocomplete-item-container {
  background-color: #0072c6 !important;
  margin: 3px;
  color: white !important;
}
.kip-autoComplete li.ui-state-focus div.kip-autocomplete-item {
  background-color: #0072c6 !important;
  margin: 3px;
  color: white !important;
}
.form-seperator:after {
  content: '';
  clear: both;
  display: table;
}
.fa-rotate-135 {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.input-dashed-border {
  background-color: transparent;
  border: none;
  border-width: 0px;
  -webkit-appearance: none;
  margin-left: 5px;
  border: 2px dashed gray !important;
}
.input-dashed-border:focus {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
  border: 2px dashed gray !important;
}
.input-header-font {
  line-height: normal;
  font-size: 16px;
  font-weight: 600 !important;
  color: #737373;
  padding-left: 10px;
}
.editableProjectMenu ul {
  margin-right: 2px;
  min-width: 250px !important;
  overflow: auto;
  margin-top: 5px;
  max-height: calc(100vh - 85px);
}
.editableProjectMenu li:first-of-type {
  width: 0px;
}
.editableProjectMenu li:first-of-type .arrow {
  top: -12px;
  right: 7px;
  position: absolute;
}
.editableProjectMenu li:first-of-type .arrow:before,
.editableProjectMenu li:first-of-type .arrow:after {
  content: "";
  position: absolute;
  border-width: 5px 6px;
  border-style: solid;
  border-color: transparent;
  bottom: -12px;
  right: 0px;
}
.editableProjectMenu li:first-of-type .arrow:after {
  border-bottom-color: white;
}
.editableProjectMenu .fa-cog {
  margin-right: 10px;
  margin-top: 8px;
  font-size: 14px;
}
.editableProjectMenu .fa-save {
  margin-top: 7px;
  position: absolute;
  z-index: 2000;
  font-size: 14px;
  cursor: pointer;
}
[dir='ltr'] .editableProjectMenu .fa-save {
  right: 14px;
}
[dir='rtl'] .editableProjectMenu .fa-save {
  left: 14px;
  margin-right: 0.3em !important;
  margin-left: unset !important;
}
.editableProjectMenu .fa-undo {
  margin-top: 7px;
  position: absolute;
  font-size: 14px;
  z-index: 2000;
  cursor: pointer;
}
[dir='ltr'] .editableProjectMenu .fa-undo {
  right: 32px;
}
[dir='rtl'] .editableProjectMenu .fa-undo {
  left: 32px;
  margin-right: 0.3em !important;
  margin-left: unset !important;
}
.editableProjectMenu li:hover {
  cursor: grab;
}
.editableProjectMenu li {
  font-size: 12px;
  margin-bottom: 2px;
  padding: 0px;
  border: 1px solid white;
}
[dir='ltr'] .editableProjectMenu li {
  margin-left: 10px;
  margin-right: 45px;
}
[dir='rtl'] .editableProjectMenu li {
  margin-left: 45px;
  margin-right: 10px;
}
.editableProjectMenu li .fa-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.editableProjectMenu li i {
  width: 18px;
}
.editableProjectMenu li.not-allowed {
  cursor: not-allowed;
}
.editableProjectMenu li.not-allowed a:hover {
  background-color: #fee8e9;
}
.bootbox .bootbox-body {
  word-wrap: break-word;
}
.multiKeyword > * {
  display: inline-block;
  vertical-align: middle;
}
.multiKeyword > *:not(:first-child) {
  margin-left: 5px;
}
.multiKeyword > * > * {
  display: inline-block;
  vertical-align: middle;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.multiKeyword > * > .Ball {
  margin-right: 2px !important;
}
.hand {
  cursor: pointer;
}
.padding-left-25 {
  padding-left: 25px !important;
}
.kip_FullScreenDisplay {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--background-modal-content);
}
.kip_FullScreenDisplay.in {
  display: block;
}
.FullScreenDisplay {
  display: none;
}
.FullScreenDisplay.in {
  display: block;
  top: 52px;
  left: 66px;
  overflow: hidden;
  z-index: 1004;
}
.FullScreenDisplay.WebForms {
  bottom: 50px;
}
.FullScreenDisplay > .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
#full-screen-footer {
  height: 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 73px;
}
#full-screen-footer.in {
  height: 50px;
  background-color: var(--background-modal-headerfooter) !important;
  z-index: 1005;
}
#full-screen-footer .footer-info-container {
  float: left;
  margin-top: 10px;
  margin-left: 20px;
}
#full-screen-footer .footer-button-container {
  float: right;
  margin-top: 10px;
  margin-right: 86px;
}
#full-screen-footer .footer-button-container .footer-button {
  width: 200px;
}
.kip_FullScreenDisplay.fullscreen.FullScreenDisplay.in .modal-footer.angular-footer.save-footer {
  z-index: 1005;
}
.dd-caret-up {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-bottom: 5px dashed;
  border-top: 5px solid \9;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.create-project-group {
  position: relative;
  left: 50px;
}
.movementbuttongroup {
  position: relative;
  left: 50px;
}
[dir="rtl"] .movementbuttongroup {
  right: 50px;
  left: revert;
}
.webhooksEntitySelect select {
  width: 150px;
}
.workflowItemTemplate {
  display: none;
}
/* ReactFlow styles */

.react-flow__node {
  border-width: 1px 1px 1px 3px;
  border-radius: 3px;
  border-style: solid;
  width: 150px;
  height: 40px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: initial !important;
}
.react-flow__node div {
  cursor: grab;
}
.react-flow__node.status {
  color: white;
  background: var(--company-banner);
}
.react-flow__node.substatus {
  color: gray;
  background-color: white;
  border-color: var(--company-banner);
}
.react-flow__edge {
  color: gray;
  background-color: white;
}
.react-flow__panel .btn,
#dropdown-basic,
.react-flow__panel .btn.active,
#dropdown-basic.active {
  background-color: white !important;
  border: 1px solid var(--anchor) !important;
  color: black !important;
}
.react-flow__panel .changesMade {
  font-size: 15px;
  position: absolute;
  left: 92px;
  top: -1px;
  color: red;
}
body[data-theme="dark"] .react-flow__edge,
body[data-theme="sciformadark"] .react-flow__edge {
  color: white;
  background-color: black;
}
.readonlyDesigner .react-flow__edge-textwrapper {
  cursor: default !important;
}
#workflowStatuses .workflow-designer {
  margin-bottom: 30px;
  padding-bottom: 10px;
}
.workflow-designer .react-flow__node:has(.currentStatus) {
  border-color: var(--system) !important;
  border-width: 4px !important;
}
.workflow-designer .context-menu:has(.edgeContextMenu) {
  margin-top: -50px;
}
.workflow-designer .context-menu:has(.nodeContextMenu) {
  margin-top: -50px;
}
.react-flow__controls-button {
  float: left;
  margin: 0px;
  border-right: 1px solid #eeeeee !important;
}
#workflowTabs {
  padding-bottom: 10px;
  box-shadow: none;
}
.workflow-designer .edgeTypePanel {
  left: unset !important;
  left: 10px;
  margin-left: 30px;
}
.workflow-designer .defaultButton {
  margin-left: 96px !important;
}
.workflow-designer button.topMenuButton {
  margin-left: 3px;
  font-size: small;
}
.workflow-designer .dropdown-item {
  margin-left: 3px;
  font-size: small;
}
.workflow-designer .controlPanel button {
  height: 27px;
  padding: 5px 7px 5px;
}
.workflow-designer .edgeTypePanel .dropdown-item {
  display: block;
  margin-bottom: 5px;
}
.workflow-designer .dropdown-menu {
  min-width: 110px;
}
.workflow-designer .nodeContextMenu,
.workflow-designer .edgeContextMenu {
  color: black;
}
.workflow-designer #dropdown-basic {
  width: 95px;
}
.react-flow__controls-interactive {
  display: none !important;
  /* may use later */

}
.react-flow__nodes .selected {
  border: 4px var(--system) solid !important;
}
.react-flow__edges g.selected {
  fill: var(--system);
}
.react-flow__edge path {
  stroke: #cccccc;
  stroke-width: 2px;
}
.react-flow__edge.animated path {
  stroke: var(--system) !important;
  stroke-width: 5px !important;
}
/* end of reactflow */

.project-type-modal-content {
  width: 100%;
  max-height: calc(100vh - 150px);
  box-shadow: 0 0 0px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.project-type-modal-footer {
  height: 50px;
  width: 100%;
  position: fixed;
  bottom: 50px;
  background-color: #f9f9f9;
  padding: 10px 30px 5px 30px;
}
[dir='ltr'] .project-type-modal-footer {
  right: 0;
}
[dir='rtl'] .project-type-modal-footer {
  left: 0;
}
.side-modal-angular-dialog {
  min-width: 50vw !important;
  padding-right: 15px;
}
body[data-theme="sciformadark"] div#toast-container:has(span.custom-toastr-message),
body[data-theme="sciforma"] div#toast-container:has(span.custom-toastr-message) {
  background-image: none !important;
  width: 400px !important;
  border-radius: 10px !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5) !important;
  background: no-repeat;
  padding-left: 55px !important;
  background-position: 15px center !important;
  opacity: 1;
  right: 50px;
  bottom: 100px;
}
body[data-theme="sciformadark"] div#toast-container:has(span.custom-toastr-message) div.toast,
body[data-theme="sciforma"] div#toast-container:has(span.custom-toastr-message) div.toast {
  background-color: white !important;
  color: darkgray !important;
  padding-right: 0px;
  width: 100% !important;
  background-image: none !important;
  margin-bottom: 0px;
  opacity: 1;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 13px;
  box-shadow: none;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 40px;
  padding-left: 10px;
}
body[data-theme="sciformadark"] div#toast-container:has(span.custom-toastr-message) div.toast button.toast-close-button,
body[data-theme="sciforma"] div#toast-container:has(span.custom-toastr-message) div.toast button.toast-close-button {
  margin-right: 15px;
  font-weight: 1000;
  color: #4e5155;
  position: absolute;
  top: 5px;
  margin-left: 15px;
}
body[data-theme="sciformadark"] div#toast-container:has(span.custom-toastr-message) div.toast div.toast-message,
body[data-theme="sciforma"] div#toast-container:has(span.custom-toastr-message) div.toast div.toast-message {
  margin-top: 7px;
  margin-bottom: 7px;
}
body[data-theme="sciformadark"] div#toast-container:has(span.custom-toastr-message) div.toast div.toast-message span.custom-toastr-message,
body[data-theme="sciforma"] div#toast-container:has(span.custom-toastr-message) div.toast div.toast-message span.custom-toastr-message {
  color: #4e5155;
}
body[data-theme="sciformadark"] div#toast-container:has(span.custom-toastr-message):has(div.toast-success),
body[data-theme="sciforma"] div#toast-container:has(span.custom-toastr-message):has(div.toast-success) {
  background-color: #3bbf1a !important;
  border: 2px solid #3bbf1a !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}
body[data-theme="sciformadark"] div#toast-container:has(span.custom-toastr-message):has(div.toast-success) div.toast,
body[data-theme="sciforma"] div#toast-container:has(span.custom-toastr-message):has(div.toast-success) div.toast {
  display: flex;
  align-items: center;
}
body[data-theme="sciformadark"] div#toast-container:has(span.custom-toastr-message):has(div.toast-warning),
body[data-theme="sciforma"] div#toast-container:has(span.custom-toastr-message):has(div.toast-warning) {
  background-color: #ffc700 !important;
  border: 2px solid #ffc700 !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
}
body[data-theme="sciformadark"] div#toast-container:has(span.custom-toastr-message):has(div.toast-warning) div.toast,
body[data-theme="sciforma"] div#toast-container:has(span.custom-toastr-message):has(div.toast-warning) div.toast {
  display: flex;
  align-items: center;
}
body[data-theme="sciformadark"] div#toast-container:has(span.custom-toastr-message):has(div.toast-error),
body[data-theme="sciforma"] div#toast-container:has(span.custom-toastr-message):has(div.toast-error) {
  background-color: #f03254 !important;
  border: 2px solid #f03254 !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}
body[data-theme="sciformadark"] div#toast-container:has(span.custom-toastr-message):has(div.toast-error) div.toast,
body[data-theme="sciforma"] div#toast-container:has(span.custom-toastr-message):has(div.toast-error) div.toast {
  display: flex;
  align-items: center;
}
body[data-theme="sciformadark"] .toast-bottom-left,
body[data-theme="sciforma"] .toast-bottom-left {
  bottom: 5% !important;
  left: 10% !important;
  top: unset !important;
  right: unset !important;
}

#notification-dropwdown .notification-count.noselect {
  display: table;
  margin: 7px auto;
  font-weight: 900;
}
#notification-dropwdown .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 */

}
.page-header {
  padding: 0px 0px 0px 0px !important;
}
form#notifications-form {
  min-width: 450px;
  overflow: auto;
  padding-top: 0px;
}
form#notifications-form ul {
  padding: 0px;
  list-style-type: none;
}
form#notifications-form li {
  padding: 0;
  margin-bottom: 0px;
}
form#notifications-form li#notification-header {
  display: table;
  padding: 0;
  min-width: 450px;
  margin-bottom: 0px;
  line-height: 20px;
  background-color: #f3f3f3;
}
form#notifications-form li#notification-header .notification-title {
  margin-inline-start: 5px;
  margin-bottom: 5px;
  margin-top: 10px;
}
[dir='ltr'] form#notifications-form li#notification-header .notification-title {
  float: left;
}
[dir='rtl'] form#notifications-form li#notification-header .notification-title {
  float: right;
}
form#notifications-form li#notification-header .notification-reload-btn {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-inline-end: 5px;
  cursor: pointer;
}
form#notifications-form li#notification-header .notification-markAll-btn {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-inline-end: 5px;
  padding-left: 5px;
}
form#notifications-form li#notification-footer {
  display: table;
  padding: 0;
  min-width: 450px;
  min-height: 30px;
  margin-bottom: 0px;
  line-height: 20px;
  cursor: pointer;
  background-color: #f3f3f3;
}
form#notifications-form li#notification-footer .notification-view-all {
  color: cornflowerblue;
  padding-left: 5px;
  cursor: pointer;
}
form#notifications-form .notification-rows .notification-row {
  clear: both;
  padding-right: 2px;
  min-width: 440px;
}
form#notifications-form .notification-rows .notification-row .notification-link {
  display: inline-block;
  width: 450px;
  text-decoration: none;
  color: none;
}
form#notifications-form .notification-rows .notification-row #markNotificationRead {
  min-width: 15px;
  min-height: 40px;
  margin-right: 0px;
  margin-left: 4px;
  margin-top: 5px;
  float: right;
  cursor: pointer;
  color: black;
}
form#notifications-form .notification-rows .notification-row #notification-icon {
  float: left;
  min-width: 30px;
  margin-left: 1px;
  margin-top: 5px;
  margin-right: 10px;
  padding-left: 5px;
  color: #0072c6;
}
form#notifications-form .notification-rows .notification-row #notification-message {
  min-width: 380px;
  cursor: pointer;
}
form#notifications-form .notification-rows .notification-row #notification-message span {
  margin-top: 5 x;
  font-size: 10pt;
}
div#notificationsContainer div#notificationsBackground {
  background-color: white;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  left: 0;
}
div#notificationsContainer div.notification-buttons {
  margin-bottom: 10px;
}
div#notificationsContainer form#notification-index-form #notification-table tbody {
  min-height: 650px;
  /*max-height:800px;*/
  width: 100%;
  /*overflow:auto;*/

  /*display:inline-block;*/

}
div#notificationsContainer form#notification-index-form #notification-table tr#groupHeader {
  width: 100%;
  display: table;
}
div#notificationsContainer form#notification-index-form #notification-table tr#groupHeader th {
  background-color: #f3f3f3;
  padding-top: 0px;
  padding-bottom: 0px;
}
div#notificationsContainer form#notification-index-form #notification-table tr.row {
  width: 100%;
  display: table;
  margin: 0px;
}
div#notificationsContainer form#notification-index-form #notification-table tr.row td {
  vertical-align: middle;
}
div#notificationsContainer form#notification-index-form #notification-table tr.row td#checkbox {
  width: 30px;
}
div#notificationsContainer form#notification-index-form #notification-table tr.row td#status {
  width: 20px;
}
div#notificationsContainer form#notification-index-form #notification-table tr.row td#notificationIcon {
  width: 60px;
}
div#notificationsContainer form#notification-index-form #notification-table tr.row td#notification-message .notification-text {
  color: black;
  display: block;
  padding-top: 5px;
}
div#notificationsContainer form#notification-index-form #notification-table tr.row td#notification-message .notification-text .morecontent span {
  display: none;
}
div#notificationsContainer form#notification-index-form #notification-table tr.row td#notification-message .notification-text .morelink {
  display: block;
}
div#notificationsContainer form#notification-index-form #notification-table tr.row td#notification-message .notification-date {
  color: #999999;
  display: block;
  padding-top: 5px;
}
div#notificationsContainer form#notification-index-form #notification-table tr.row td#indicator {
  cursor: pointer;
}

.sidePanel {
  width: 235px;
  /* This is the width of the Restored Normal Size Panel */
  float: left;
  vertical-align: top;
  position: absolute;
}
.sidePanel.minimised {
  width: 20px;
  float: left;
  vertical-align: top;
}
.sidePanel.maximised {
  width: 900px;
  z-index: 101;
}
.well .header > .well-buttons {
  float: right;
}
.well > div.content input.form-control {
  height: auto !important;
}
.sidePanel-unminimise {
  padding-left: 10px;
}
.sidePanel-button {
  padding: 5px;
}
.well-buttons {
  padding-inline-start: 10px;
}
div#requestsContainer {
  height: 100vh;
}
div#requestsContainer .Ball {
  padding-right: 5px;
}
div#requestsContainer .overSupply {
  color: red;
  font-style: italic;
}
div#requestsContainer .btn-group.btn-group-xs.shiny {
  margin: 0px !important;
}
div#requestsContainer div#nowrap {
  width: 100%;
  margin: auto;
}
div#requestsContainer div#nowrap > div#nowrapLeft {
  width: 30px;
  float: left;
}
div#requestsContainer div#nowrap > div#nowrapRight {
  margin-left: 30px;
}
div#requestsContainer .table {
  border-right: solid 1px #ececec;
}
div#requestsContainer .table tr.active td:first-child {
  box-shadow: none;
}
div#requestsContainer tr.headerRow {
  height: 25px;
}
div#requestsContainer tr.resourceSupply {
  height: 30px;
}
div#requestsContainer div.table-scrollable {
  overflow-x: scroll !important;
}
div#requestsContainer div#splitterContainer {
  width: 100%;
  font-size: 0;
}
div#requestsContainer div.splitterArea {
  min-width: 50px;
  width: 50%;
  padding: 0px;
  display: inline-block;
  font-size: 12px;
}
[dir='ltr'] div#requestsContainer div.leftSplit {
  border-right: solid 3px #ececec;
}
[dir='rtl'] div#requestsContainer div.leftSplit {
  border-left: solid 3px #ececec;
}
div#requestsContainer div.rightSplit {
  padding: 0px;
  /*min-width:100px;*/

}
div#requestsContainer div#requestsBackground {
  background-color: white;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  left: 0;
}
div#requestsContainer div#sidePanelBorder {
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: #fbfbfb;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 0 10px 0;
}
[dir='ltr'] div#requestsContainer div#sidePanelBorder {
  left: 0;
}
[dir='rtl'] div#requestsContainer div#sidePanelBorder {
  right: 0;
}
div#requestsContainer div#sidePanelBorder.minimised.menu-compact {
  width: 125px;
}
div#requestsContainer div#sidePanelBorder.minimised {
  width: 300px;
}
div#requestsContainer div#sidePanelBorder.menu-compact:not(.minimised) {
  width: 330px;
}
div#requestsContainer div#sidePanelBorder:not(.minimised) {
  width: 495px;
}
div#requestsContainer td.cellValue {
  text-align: end;
}
div#requestsContainer div > div.sidePanel > div.well {
  padding-top: 45px;
  margin-bottom: 0;
  box-shadow: none !important;
}
div#requestsContainer div > div.sidePanel > div.well > div.header {
  padding: 5px !important;
  cursor: pointer;
}
div#requestsContainer div > div.sidePanel > div.well > div.header > i {
  padding-right: 5px !important;
}
div#requestsContainer div > div.sidePanel > div.well > div.header > span.widget-caption {
  font-size: 13px;
}
div#requestsContainer div > div.sidePanel > div.well > div.content {
  padding-inline-end: 5px !important;
}
div#requestsContainer div > div.sidePanel > div.well > div.content input.form-control {
  line-height: 14px;
  height: 29px !important;
  padding-top: 5px;
  padding-bottom: 5px;
}
div#requestsContainer div > div.sidePanel > div.well > div.content select.form-control {
  line-height: 14px;
  height: 29px !important;
  padding-top: 5px;
  padding-bottom: 5px;
}
div#requestsContainer div > div.requests {
  background-color: white;
  padding: 5px;
  margin-bottom: 50px;
}
[dir='rtl'] div#requestsContainer div > div.requests {
  margin-right: 250px;
  margin-left: unset !important;
}
div#requestsContainer div > div.requests > div.editableView .select2-container .select2-choice {
  height: 25px;
}
div#requestsContainer div > div.requests > div.editableView .select2-container .select2-choice > .select2-chosen,
div#requestsContainer div > div.requests > div.editableView .select2-container .select2-choice .select2-arrow {
  line-height: 25px;
}
div#requestsContainer div > div.requests > div.editableView.overflow-hidden {
  max-height: 86vh;
  min-height: 86vh;
  overflow-x: hidden;
  overflow-y: hidden;
}
div#requestsContainer div > div.requests > div.editableView > a#clearFilter {
  margin-bottom: 10px;
  margin-left: 20px;
}
div#requestsContainer div > div.requests > div.editableView > div#workTable {
  border-bottom-color: #555555;
  border-bottom-width: 2px;
}
div#requestsContainer div > div.requests > div.editableView div#viewPicker {
  font-size: 12px !important;
  padding-right: 10px;
  vertical-align: middle;
}
div#requestsContainer div > div.requests > div.editableView div#viewPicker > span {
  vertical-align: middle;
}
div#requestsContainer div > div.requests > div.editableView div#viewPicker > div.btn-group {
  vertical-align: middle;
}
#requests #ActionButtons {
  margin-inline-start: 15px;
}
/*.popover {
    max-width: none !important;
}*/

.bulkSupplyCheckbox,
.multiBulkSupplyCheckbox {
  text-align: center;
}
.bulkSupplyCheckbox .checkbox,
.multiBulkSupplyCheckbox .checkbox {
  margin: 0 0 0 4px;
}
#bulkSupplyTable {
  max-width: 90%;
  overflow-x: auto;
}
#bulkSupplyTable .emptyGrayCell {
  background-color: #f9f9f9;
}
#bulkSupplyTable .bottomLine td {
  border-bottom: 1px solid #aaaaaa;
}
#bulkSupplyTable th {
  text-align: left;
  vertical-align: top;
}
#bulkSupplyTable .changedvalue {
  color: red;
  background-color: white;
}
#bulkSupplyTable .willbeoverallocated,
#bulkSupplyTable .willbeoverallocated .emptyGrayCell,
#bulkSupplyTable .currentlyoverallocated,
#bulkSupplyTable .currentlyoverallocated .emptyGrayCell {
  color: white;
  background-color: red;
}
#bulkSupplyTable i {
  cursor: pointer;
  padding-left: 3px;
  margin-right: 5px;
}
#bulkSupplyTable .willbeoverallocated i,
#bulkSupplyTable .currentlyoverallocated i {
  color: white;
}
#bulkSupplyTable .isSplitStart {
  background-image: url(/KIPWebPortal/images/split.gif);
  background-repeat: no-repeat;
  background-position: 101% 55%;
  padding-right: 15px;
}
#bulkSupplyTable .confirmedUntilValue .Amber {
  color: #ffbf00;
}
#bulkSupplyTable .confirmedUntilValue .Green {
  color: green;
}
#bulkSupplyTable .confirmedUntilValue .Red {
  color: red;
}
#bulkSupplyTableDiv {
  padding: 10px 15px 30px 15px;
}

/* Allocation Colours */
/*Over Allocated*/
/*100% Allocated*/
/*Partially Allocated*/

.DraggingHelper {
  position: relative !important;
  display: none;
}
.DragBoxProject {
  position: absolute !important;
  float: left;
  /*margin-right: 130px;*/
  padding: 0px;
}
.DragBox {
  position: relative !important;
  float: left;
  /*margin-right: 130px;*/
  padding: 0px;
}
.DragBoxContent {
  background-color: lightskyblue;
  padding: 1px 5px 1px 5px;
  font-weight: bold;
  color: white;
  /*display: inline;*/
  float: left;
}
.cursorGrab {
  cursor: move;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.cursorGrabbing {
  cursor: move;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.sidePanel {
  width: 235px;
  /* This is the width of the Restored Normal Size Panel */
  float: left;
  vertical-align: top;
  position: absolute;
}
.sidePanel.minimised {
  width: 20px !important;
  float: left;
  vertical-align: top;
}
.sidePanel.maximised {
  width: 900px;
  z-index: 101;
}
.well.minimised {
  padding-bottom: 150px;
  /* This is the height of the minimised Panel */

}
.well .header.minimised {
  white-space: nowrap;
  border-bottom: none;
}
[dir='ltr'] .well .header.minimised {
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}
[dir='rtl'] .well .header.minimised {
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  -o-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
[dir='ltr'] .well .header > .well-buttons {
  float: right;
}
[dir='rtl'] .well .header > .well-buttons {
  float: left;
}
.well .header.minimised > .well-buttons {
  float: none;
}
.well > div.content input.form-control {
  height: auto !important;
}
.sidePanel-unminimise {
  padding-left: 10px;
}
.sidePanel-button {
  padding: 5px;
}
.well-buttons {
  padding-inline-start: 10px;
}
.table tr td.res-role {
  -webkit-box-shadow: 4px 0 0 #737373 inset;
  -moz-box-shadow: 4px 0 0 #737373 inset;
  box-shadow: 4px 0 0 #737373 inset;
}
.table tr td.res-available {
  -webkit-box-shadow: 4px 0 0 green inset;
  -moz-box-shadow: 4px 0 0 green inset;
  box-shadow: 4px 0 0 green inset;
}
.table tr td.res-partial {
  -webkit-box-shadow: 4px 0 0 orange inset;
  -moz-box-shadow: 4px 0 0 orange inset;
  box-shadow: 4px 0 0 orange inset;
}
.table tr td.res-unavailable {
  -webkit-box-shadow: 4px 0 0 red inset;
  -moz-box-shadow: 4px 0 0 red inset;
  box-shadow: 4px 0 0 red inset;
}
/* Resource Load */

div#schedulingContainer div#resourceLoadBackground {
  background-color: white;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  left: 0;
}
div#schedulingContainer div#sidePanelBorder {
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: #fbfbfb;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 0 10px 0;
}
[dir='ltr'] div#schedulingContainer div#sidePanelBorder {
  left: 0;
}
[dir='rtl'] div#schedulingContainer div#sidePanelBorder {
  right: 0;
}
div#schedulingContainer div#sidePanelBorder.minimised.menu-compact {
  width: 129px;
}
div#schedulingContainer div#sidePanelBorder.minimised {
  width: 304px;
}
div#schedulingContainer div#sidePanelBorder.menu-compact:not(.minimised) {
  width: 330px;
}
div#schedulingContainer div#sidePanelBorder:not(.minimised) {
  width: 495px;
}
div#schedulingContainer div > div.sidePanel > div.well {
  padding-top: 45px;
  margin-bottom: 0;
  box-shadow: none !important;
}
div#schedulingContainer div > div.sidePanel > div.well > div.header {
  padding: 5px;
  cursor: pointer;
}
div#schedulingContainer div > div.sidePanel > div.well > div.header > i {
  padding-right: 5px;
}
div#schedulingContainer div > div.sidePanel > div.well > div.header > span.widget-caption {
  font-size: 13px;
}
div#schedulingContainer div > div.sidePanel > div.well > div.content {
  padding-inline-end: 5px;
}
div#schedulingContainer div > div.sidePanel > div.well > div.content input.form-control {
  line-height: 14px;
  height: 29px;
  padding-top: 5px;
  padding-bottom: 5px;
}
div#schedulingContainer div > div.sidePanel > div.well > div.content select.form-control {
  line-height: 14px;
  height: 29px;
  padding-top: 5px;
  padding-bottom: 5px;
}
div#schedulingContainer div > div.resourceLoad {
  background-color: white;
  padding: 5px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView.overflow-hidden {
  max-height: 86vh;
  min-height: 86vh;
  overflow-x: hidden;
  overflow-y: hidden;
}
div#schedulingContainer div > div.resourceLoad > div.editableView > a#clearFilter {
  margin-bottom: 10px;
  margin-left: 20px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView div#viewPicker {
  font-size: 12px !important;
  padding-right: 10px;
  vertical-align: middle;
}
div#schedulingContainer div > div.resourceLoad > div.editableView div#viewPicker > span {
  vertical-align: middle;
}
div#schedulingContainer div > div.resourceLoad > div.editableView div#viewPicker > div.btn-group {
  vertical-align: middle;
}
div#schedulingContainer div > div.resourceLoad > div.editableView > div#workTable,
div#schedulingContainer div > div.resourceLoad > div.editableView > div#resourceTable {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}
div#schedulingContainer div > div.resourceLoad > div.editableView > div#workTable div.ui-resizable-handle,
div#schedulingContainer div > div.resourceLoad > div.editableView > div#resourceTable div.ui-resizable-handle {
  background-color: lightgray;
}
div#schedulingContainer div > div.resourceLoad > div.editableView div.leftSide {
  display: inline-block;
  height: 100%;
}
[dir='ltr'] div#schedulingContainer div > div.resourceLoad > div.editableView div.leftSide {
  float: left;
}
[dir='rtl'] div#schedulingContainer div > div.resourceLoad > div.editableView div.leftSide {
  float: right;
}
div#schedulingContainer div > div.resourceLoad > div.editableView div.leftSide div.tableHeaders {
  overflow: hidden;
}
div#schedulingContainer div > div.resourceLoad > div.editableView div.leftSide div.scrollableTable {
  height: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
}
div#schedulingContainer div > div.resourceLoad > div.editableView div.rightSide {
  display: inline-block;
  height: 100%;
  overflow-x: hidden;
}
[dir='ltr'] div#schedulingContainer div > div.resourceLoad > div.editableView div.rightSide {
  float: left;
}
[dir='rtl'] div#schedulingContainer div > div.resourceLoad > div.editableView div.rightSide {
  float: right;
}
div#schedulingContainer div > div.resourceLoad > div.editableView div.rightSide div.tableHeaders {
  margin-right: 17px;
  overflow: hidden;
}
div#schedulingContainer div > div.resourceLoad > div.editableView div.rightSide div.scrollableTable {
  height: 100%;
  overflow-y: scroll;
  overflow-x: scroll;
}
div#schedulingContainer div > div.resourceLoad > div.editableView div.scrollingCollapsed > table {
  margin-top: -32px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView div.scrollingCollapsed > table > thead {
  visibility: hidden;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tr.spacer-row {
  visibility: hidden;
}
div#schedulingContainer div > div.resourceLoad > div.editableView table.hideSpacerRow {
  margin-bottom: -29px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView .printMode {
  width: 25%;
  min-width: 300px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView thead > tr > th.expand {
  width: 37px !important;
  white-space: nowrap;
}
div#schedulingContainer div > div.resourceLoad > div.editableView thead > tr > th.expand > a > i {
  padding-right: 5px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView thead > tr > th:not(.description) {
  text-align: center;
}
div#schedulingContainer div > div.resourceLoad > div.editableView thead > tr > th.values {
  white-space: nowrap;
}
div#schedulingContainer div > div.resourceLoad > div.editableView thead > tr > th.values.in {
  cursor: zoom-in;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr {
  font-size: 12px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td.print {
  max-width: 300px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td.expand {
  text-align: center;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td.expand i {
  padding-right: 10px;
  padding-left: 10px;
  font-size: 14px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td.frozen {
  white-space: nowrap;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td.frozen.context-button {
  position: absolute;
  border: 0 !important;
}
[dir='ltr'] div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td.frozen.context-button {
  right: 0;
}
[dir='rtl'] div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td.frozen.context-button {
  left: 0;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td.description {
  padding-right: 5px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td.values {
  text-align: end;
  padding-right: 5px;
  box-shadow: none;
  min-width: 29px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td.values.moveAssignmentHover {
  border: 2px ridge black;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td.novalues {
  text-align: right;
  background-color: whitesmoke !important;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr.inlineedit > td {
  padding: 0;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr.inlineedit > td > div.inlineedit {
  min-height: 166px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr.inlineedit > td > div.popoverView {
  min-height: 166px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr.inlineedit > td > div.popoverView > h4 {
  font-weight: 600 !important;
  font-size: 13px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr.inlineedit > td > div.popoverView div.popoverFormBody {
  padding: 10px 10px 0 10px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr.inlineedit > td > div.popoverView div.popoverFormBody span {
  font-size: 13px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr.inlineedit > td > div.popoverView div.popoverFormBody label {
  margin-bottom: 4px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td i {
  padding-inline-end: 5px;
  font-size: 14px;
  cursor: pointer;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td > div.projectOptions {
  display: inline;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td > div.projectOptions a.projectOptions > i {
  padding-left: 5px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td > div.projectOptions div.btn-group {
  vertical-align: baseline;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td > div.resourceOptions {
  display: inline;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td > div.resourceOptions a.resourceOptions > i {
  padding-left: 5px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td > div.resourceOptions div.btn-group {
  vertical-align: baseline;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td > div.assignmentOptions {
  display: inline;
  padding-inline-start: 20px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td > div.assignmentOptions > i.subicon {
  top: 0;
  font-size: 9px;
  position: relative;
}
[dir='ltr'] div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td > div.assignmentOptions > i.subicon {
  left: 19px;
}
[dir='rtl'] div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td > div.assignmentOptions > i.subicon {
  right: 19px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td > div.assignmentOptions a.assignmentOptions > i {
  padding-left: 5px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td > div.assignmentOptions div.btn-group {
  vertical-align: baseline;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td > a.expandProject > i {
  padding-inline-end: 10px;
  padding-inline-start: 10px !important;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td > a.expandResource > i {
  padding-right: 10px;
  padding-left: 10px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td.assignment_draggable {
  padding-left: 20px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td.assignment_draggable > span {
  white-space: nowrap;
  background-color: white;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr > td.assignment_draggable > span > i {
  cursor: move;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.ui-draggable {
  cursor: move;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.popover {
  max-width: none !important;
}
table.assignmentTooltip {
  width: 100%;
}
table.assignmentTooltip > tbody.displayDivider {
  border-top: dashed 1px gray;
  border-bottom: dashed 1px gray;
}
table.assignmentTooltip > tbody > tr > td {
  vertical-align: top !important;
  font-size: 11px !important;
  font-family: var(--font-family);
  line-height: 17.14px;
  white-space: nowrap;
  padding-right: 5px;
  padding-left: 5px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
table.assignmentTooltip > tbody > tr > td.fieldLabel {
  text-align: right;
  font-weight: 500;
}
#resourceTable .selectedAssignment,
#workTable .selectedAssignment {
  border: 3px blue solid !important;
  border-collapse: collapse;
}
#resourceTable .rightPanel {
  margin-top: 5px;
}
#resourceTable .rightPanel,
#workTable .rightPanel {
  margin-left: 5px;
  float: left;
  display: inline-block;
}
#resourceTable .rightPanel .assignmentsWithData,
#workTable .rightPanel .assignmentsWithData {
  padding-top: 25px;
}
#resourceTable .rightPanel .assignmentsWithData,
#workTable .rightPanel .assignmentsWithData {
  background-color: #eeeeee;
  width: 295px;
  border: 1px #dddddd solid;
  position: relative;
  overflow-y: scroll;
}
#resourceTable .rightPanel .assignmentsWithData .hidden,
#workTable .rightPanel .assignmentsWithData .hidden {
  display: none;
}
#resourceTable .rightPanel .assignmentsWithData .noAssignments,
#workTable .rightPanel .assignmentsWithData .noAssignments {
  margin: 15px 0 15px 5px;
}
#resourceTable .rightPanel .assignmentsWithData h1,
#workTable .rightPanel .assignmentsWithData h1 {
  font-size: 13px;
  font-weight: 600 !important;
  position: absolute;
  top: 5px;
  left: 0px;
  width: 100%;
  border-bottom: solid 2px #472ee6;
  margin-top: 0;
  padding-left: 8px;
  padding-bottom: 5px;
  background-image: linear-gradient(to bottom, #f2f2f2 0, #fafafa 100%);
  background-color: #eeeeee;
  z-index: 0;
}
#resourceTable .rightPanel .assignmentsWithData .closePanel,
#workTable .rightPanel .assignmentsWithData .closePanel {
  position: absolute;
  top: 5px;
  right: 7px;
  z-index: 1;
}
#resourceTable .rightPanel .assignmentsWithData .closePanel a,
#workTable .rightPanel .assignmentsWithData .closePanel a {
  color: gray;
}
#resourceTable .rightPanel .assignmentsWithData ul,
#workTable .rightPanel .assignmentsWithData ul {
  padding-inline-start: 20px;
  max-width: 293px;
}
#resourceTable .rightPanel .assignmentsWithData ul li,
#workTable .rightPanel .assignmentsWithData ul li {
  list-style-type: none;
  margin-left: -10px;
}
#resourceTable .rightPanel .assignmentsWithData ul li .fieldLabel,
#workTable .rightPanel .assignmentsWithData ul li .fieldLabel {
  width: 50%;
}
#resourceTable .rightPanel .assignmentsWithData ul .assignmentTooltip,
#workTable .rightPanel .assignmentsWithData ul .assignmentTooltip {
  width: 97%;
}
#resourceTable .rightPanel .assignmentsWithData ul table.assignmentTooltip > tbody > tr > td,
#workTable .rightPanel .assignmentsWithData ul table.assignmentTooltip > tbody > tr > td {
  white-space: normal;
}
#resourceTable .rightPanel .assignmentsWithData .assignmentPager,
#workTable .rightPanel .assignmentsWithData .assignmentPager {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: 70px;
}
#resourceTable .rightPanel .assignmentsWithData .assignmentPager a,
#workTable .rightPanel .assignmentsWithData .assignmentPager a {
  width: 20px;
  height: 10px;
}
#resourceTable .rightPanel .assignmentsWithData .assignmentPager i,
#workTable .rightPanel .assignmentsWithData .assignmentPager i {
  font-size: 20px;
  vertical-align: bottom;
}
#resourceTable .rightPanel .assignmentsWithData .assignmentPager .pages,
#workTable .rightPanel .assignmentsWithData .assignmentPager .pages {
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 1px;
}
#resourceTable .rightPanel .emptyPanel,
#workTable .rightPanel .emptyPanel {
  display: flex;
  justify-content: center;
  align-items: center;
  display: -ms-flexbox;
}

/*@import (inline) "../lib/bootstrap/css/bootstrap.min.css";*/
div.kipLegend div#legendContainer div.legendDropdown {
  border-style: solid;
  position: absolute;
  z-index: 99;
  display: none;
}
div.kipLegend div#legendContainer div.legendDropdown ul {
  list-style: none;
  padding-left: 25px;
  padding-top: 10px;
  padding-right: 20px;
}
div.kipLegend div#legendContainer div.legendDropdown ul li {
  padding-bottom: 5px;
}
div.kipLegend div#legendContainer div.legendDropdown ul li div.colorBox {
  height: 20px;
  width: 20px;
  max-width: 20px;
  max-height: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
div.kipLegend div#legendContainer div.legendDropdown ul li div.colorTitle {
  padding-left: 30px;
  padding-top: 2px;
}
.sidebarMinimised-default {
  margin-inline-start: 50px !important;
}
.sidebarUnMinimised-default {
  margin-inline-start: 250px !important;
}
.singleViewContainer {
  height: auto;
  width: auto;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  background-color: white;
  min-height: 100px !important;
  bottom: unset;
}
div#capacityTable-Modal div.modal-dialog {
  width: auto;
  height: auto;
  max-width: 1000px;
  max-height: 750px;
}
div#capacityTable-Modal div.modal-content {
  max-height: 750px;
}
div#capacityTable-Modal div.editableTable {
  width: auto;
  height: auto;
  max-width: 1000px;
  max-height: 500px;
  overflow: auto;
}
#popupBody::before {
  bottom: auto;
}
#popupBody {
  background-color: white !important;
}
#popupBody .singleView {
  width: auto;
  height: auto;
}
body#popupBody div.singleViewContainer div#scrollableTableBody {
  overflow: visible !important;
}
body#popupBody div.singleViewContainer div#scrollableTableBody table {
  border-right: 1px solid #dddddd !important;
}
.popupHtml {
  background-color: white !important;
  overflow-x: scroll !important;
}
.ControlVisible {
  display: inline;
}
.ControlHidden {
  display: none;
}
#capacityTable {
  border: 1px solid #dddddd !important;
}
.datepicker-months {
  width: 220px;
}
.datepicker-months span {
  cursor: pointer;
}
.datepicker-years {
  width: 220px;
}
.datepicker-years td {
  cursor: pointer;
}
.datepicker-dropdown .prev {
  cursor: pointer;
}
.datepicker-dropdown .next {
  cursor: pointer;
}
.datepicker-dropdown .datepicker-switch {
  cursor: pointer;
}
#month-input-group .input-group-addon {
  cursor: pointer;
}
#month-input-group .input-group-addon i.fa-calendar {
  cursor: pointer;
}
#month-input-group #month-picker-button {
  cursor: pointer;
}
.singleDatePicker .input-group-addon {
  cursor: pointer;
}
.singleDatePicker .input-group-addon i.fa-calendar {
  cursor: pointer;
}
div.datepicker.dropdown-menu {
  z-index: 99999;
}
div#pageWithSideBarContainer {
  overflow: hidden;
  /*height: 100vh;*/

}
div#pageWithSideBarContainer div#pageWithSidebarActionButtons {
  padding-bottom: 5px;
}
div#pageWithSideBarContainer th#tableRowTitle {
  min-width: 175px;
  width: auto;
}
div#pageWithSideBarContainer th.tableHeaderCentered {
  text-align: center;
}
div#pageWithSideBarContainer div#resourceLoadBackground {
  background-color: white;
  position: fixed;
  top: 115px;
  bottom: 0;
  width: 100%;
  left: 0;
}
div#pageWithSideBarContainer div#sidePanelBorder {
  position: absolute;
  top: 0px;
  bottom: 0;
  background-color: #fbfbfb;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 0 10px 0;
  min-height: 85vh;
}
[dir='ltr'] div#pageWithSideBarContainer div#sidePanelBorder {
  left: 0;
}
[dir='rtl'] div#pageWithSideBarContainer div#sidePanelBorder {
  right: 0;
}
div#pageWithSideBarContainer div#sidePanelBorder.minimised.menu-compact {
  width: 56px;
}
div#pageWithSideBarContainer div#sidePanelBorder.minimised {
  width: 67px;
}
div#pageWithSideBarContainer div#sidePanelBorder.menu-compact:not(.minimised) {
  width: 300px;
}
div#pageWithSideBarContainer div#sidePanelBorder:not(.minimised) {
  width: 479px;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well {
  padding-top: 45px;
  margin-bottom: 0;
  box-shadow: none !important;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well .minimised a {
  display: none;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.header {
  padding: 5px !important;
  cursor: pointer;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.header > i {
  padding-inline-end: 5px !important;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.header > span.widget-caption {
  font-size: 13px;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content {
  padding-right: 5px !important;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content input.form-control {
  line-height: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: white;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content select.form-control {
  line-height: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: white;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content #sidebarButtons {
  padding-top: 10px;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content div.sidebarBody {
  padding-left: 20px;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content div.sideBarTitleHiddenClass {
  padding-bottom: 0px !important;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content div.sidebarRow {
  padding-bottom: 10px;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content div.sidebarRow div.sidebarRowObject {
  padding-left: 15px;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content div.sidebarRow div.singleDatePicker {
  margin-left: 0px;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content div.sidebarRow select {
  margin-left: 0px;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content div.sidebarRow .select2-container {
  margin-left: 0px;
}
[dir='ltr'] div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content div.sidebarRow div.month-from-picker {
  margin-left: -15px;
}
[dir='rtl'] div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content div.sidebarRow div.month-from-picker {
  margin-right: -15px;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content div#checkboxes li {
  list-style: none;
}
div#basePage {
  margin-left: -15px;
  margin-right: -20px;
  margin-top: -10px;
  background-color: #fbfbfb;
  border-bottom: 1px solid gainsboro;
}
div#basePage div.widget-body {
  background-color: #fbfbfb;
  border-top: none;
}
div#basePage div.basePageFilterPanel {
  background-color: #f9f9f9;
  margin-top: -9px;
  padding-top: 10px;
  padding-inline-start: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid gainsboro;
  border-top: 1px solid gainsboro;
}
div#basePage div.basePageFilterPanel#portfolioSelectionContainer div#portfolioSelectionLabel {
  float: left;
  padding-left: 20px;
  padding-right: 5px;
  padding-top: 4px;
}
div#basePage div.basePageFilterPanel#portfolioSelectionContainer div#portfolioSelectionDropDown {
  float: left;
  padding-inline-end: 10px;
  max-width: 500px;
  min-width: 250px;
  width: 500px;
}
div#basePage div.basePageFilterPanel#portfolioSelectionContainer div#portfolioSelectionDropDown input.select2 {
  width: 500px;
}
div#basePage div.basePageEditableView div.editableTable.hasOperations {
  margin-left: 16px;
}
div#basePage div.basePageEditableView div.editableTable tr td:first-of-type + td {
  padding-left: 40px;
}
div#basePage div.basePageEditableView div.editableTable thead tr th:first-of-type + th {
  /*padding-left: 40px !important;*/
  width: auto !important;
}
div#basePage div.basePageEditableView div#editableViewButtons {
  background-color: white;
  margin-bottom: 10px;
  margin-right: -20px;
  margin-left: -10px;
  border-bottom: 1px solid gainsboro;
}
[dir='ltr'] div#basePage div#scenarioSearchViewContainer th.editableTableButtonsHeader {
  margin-left: 0px !important;
}
[dir='rtl'] div#basePage div#scenarioSearchViewContainer th.editableTableButtonsHeader {
  margin-right: 0px !important;
}
div#basePage div#scenarioSearchViewContainer td.editableTableButtons {
  margin-left: 0px !important;
}
div#basePage div#ExchangeRateEditableView {
  margin-left: -15px !important;
  margin-right: 10px !important;
}
div#basePage div#ExchangeRateEditableView div.editableTable {
  margin-left: 10px;
}
div#basePage div#ExchangeRateEditableView div.editableTable.hasOperations {
  margin-left: 26px;
}
div#basePage div#ExchangeRateEditableView div.editableTable tr td:first-of-type + td {
  padding-left: 40px;
}
div#basePage div#ExchangeRateEditableView div.editableTable thead tr th:first-of-type + th {
  padding-left: 40px;
  width: auto !important;
}
div#basePage div#ExchangeRateEditableView div#editableViewButtons {
  background-color: white;
  margin-bottom: 10px;
  padding-left: 15px;
  border-bottom: 1px solid gainsboro;
}
div#basePage div.basePageBody {
  padding-top: 10px;
  margin-left: -10px;
  background-color: white;
  margin-right: -5px;
}
div#basePage div.basePageBody div.editableTablePaging {
  margin-left: 16px;
  margin-right: 10px;
}
div#basePage div.basePageBody div.editableView {
  background-color: #fbfbfb;
  height: auto;
  padding-left: 4px;
  padding-right: 20px;
  margin-bottom: 10px;
  margin-right: -20px;
}
div#basePage div.basePageBody div.editableView table.table {
  padding-top: 30px;
  margin-left: -10px;
}
div#basePage div.basePageBody div.editableView td.editableTableButtons {
  background-color: transparent;
  margin-left: 20px;
  margin-top: 0px !important;
  padding-top: 2px !important;
  border-bottom: none !important;
  border-top: none;
}
div#basePage div.basePageBody div.editableView td.editableTableButtons div.btn-group {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}
div#basePage div.basePageBody div.editableView td.editableTableButtons div.btn-group a.btn {
  border: none;
}
div#basePage div.basePageBody div.editableView th.editableTableButtonsHeader {
  background-color: white;
  padding-right: 5px;
  margin-left: 20px;
  margin-right: 10px;
}
div#basePage div.basePageBody div.editableView th:first-of-type + th {
  padding-left: 35px;
}
div#basePage div.basePageBody#scheduledReportPage div#editableViewButtons,
div#basePage div.basePageBody#InvoiceTemplateView div#editableViewButtons {
  background-color: white;
  margin-bottom: 10px;
  padding-left: 20px;
  border-bottom: 1px solid gainsboro;
  border-top: 1px solid gainsboro;
  padding-top: 5px;
  padding-bottom: 10px;
  height: 40px;
}
div#basePage div.basePageBody#InvoiceTemplateView tr td:first-of-type + td {
  padding-left: 40px;
}
div#basePage div#customFieldsFilter {
  padding-bottom: 10px;
}
div#flyOutContainer div.navigatorHeirarchy div#MyTree.CodeEntityTreeView_Container {
  background-color: #fbfbfb !important;
  padding-inline-start: 5px;
  max-height: 100% !important;
  height: 100% !important;
}
[dir='ltr'] div#flyOutContainer div.navigatorHeirarchy div#MyTree.CodeEntityTreeView_Container {
  left: -10px;
}
[dir='rtl'] div#flyOutContainer div.navigatorHeirarchy div#MyTree.CodeEntityTreeView_Container {
  right: -10px;
}
div#flyOutContainer div.navigatorHeirarchy div.tree-folder-content {
  padding-right: 0px !important;
}
#SelectedScenario {
  width: 350px !important;
  display: inline-block !important;
}
div.ProjectScrollDiv .contacts-list li.contact {
  padding: 5px !important;
}
div#sidebar:Not(.menu-compact) li.main-menu-item span.menu-text {
  display: inline !important;
}
div#sidebar.menu-compact li.main-menu-item-close i:Not(.menu-icon) {
  display: none;
}
div#sidebar.menu-compact li.main-menu-item-close span.menu-text {
  display: none;
}
div#sidebar.menu-compact li.main-menu-item-close ul.submenu {
  display: none !important;
  width: 0px !important;
}
div#sidebar.menu-compact li.main-menu-item-close ul.submenu li {
  display: none !important;
}
div#sidebar.menu-compact li.main-menu-item-open a.menu-text {
  display: inline;
}
div#sidebar.menu-compact li.main-menu-item-open ul.submenu {
  display: inline !important;
}
#financeSideBar .content {
  margin-left: -10px !important;
}
#financeSideBar #checkboxes .row {
  width: 120%;
}
#financeSideBar #checkboxes .row .checkbox {
  margin-inline-start: -40px;
}
div.navigatorHeirarchy div#MyTree.CodeEntityTreeView_Container div.tree-folder-content {
  padding-inline-end: 20px;
}
div#basePage div.basePageBody div.editableView td.editableTableButtons {
  padding-top: 5px !important;
  margin-top: -1px !important;
}
.widget .single-widget-page .widget-content {
  padding: 0;
}
div#basePage div.basePageBody div.editableView {
  background-color: var(--background-natural);
  padding: 0;
  margin: 0;
}
div#basePage div.basePageEditableView div#editableViewButtons {
  margin: 0;
  margin-bottom: 10px;
}
div#basePage div.basePageBody {
  padding: 0;
  margin: 0 -5px;
}
div#basePage {
  margin: 0;
  background-color: transparent;
  border: none;
}
.page-header .header-title:empty {
  display: none;
}
div#pageWithSideBarContainer div#portfolioCapacitySideBar div#roles,
div#pageWithSideBarContainer div#portfolioCapacitySideBar div#differenceType {
  padding-left: 10px;
  padding-right: 10px;
}

div.dateFromToContainer {
  padding-right: 10px;
}
div.dateFromToContainer div.dateFromPicker.pickerVerticle {
  padding-bottom: 5px;
}
div.dateFromToContainer div.dateFromPicker.pickerVerticle span#pickerText {
  min-width: 50px;
  padding-top: 5px;
}
div.dateFromToContainer div.pickerHorizontal {
  width: 100%;
}
div.dateFromToContainer div.pickerHorizontal span#pickerText {
  float: left;
  padding-right: 10px;
  padding-top: 10px;
}
div.dateFromToContainer div.pickerHorizontal div.dateFromPicker {
  float: left;
  padding-right: 20px;
}
div.dateFromToContainer div.pickerHorizontal div.dateToPicker {
  padding-left: 20px;
}
div.monthFromToContainer span#pickerText {
  padding-top: 10px;
}
div.monthFromToContainer div.month-from-picker.pickerVerticle {
  padding-bottom: 5px;
}
div.monthFromToContainer div.month-from-picker.pickerVerticle div.month-from-picker span#pickerText {
  min-width: 50px;
  padding-bottom: 5px;
}
div.monthFromToContainer div.month-from-picker.pickerHorizontal span#pickerText {
  float: left;
  padding-right: 5px;
}
div.monthFromToContainer div.month-from-picker.pickerHorizontal div.month-from-picker {
  float: left;
}
div.monthFromToContainer div.month-from-picker.pickerHorizontal div.month-to-picker span#pickerText {
  padding-left: 30px;
}
span#month-input-group {
  max-width: 100px;
}
span#month-input-group span#month-picker-button {
  text-align: left;
}
span#month-input-group .ui-datepicker-calendar {
  display: none;
}
div.singleDatePicker.singleDate {
  padding-right: 20px;
}
div.singleDatePicker.singleMonth {
  padding-left: 15px;
}
a#dateBackward i {
  padding-right: 5px;
  font-size: 16px;
  padding-top: 10px;
}
[dir='ltr'] a#dateBackward i {
  float: left;
}
[dir='rtl'] a#dateBackward i {
  float: right;
  transform: rotate(180deg);
  padding-bottom: 5px;
  padding-top: unset !important;
}
a#dateForward i {
  font-size: 16px;
  padding-top: 10px;
}
[dir='rtl'] a#dateForward i {
  transform: rotate(180deg);
  padding-bottom: 5px;
  padding-top: unset !important;
}
span#pickerEditor {
  padding-right: 5px;
  float: left;
}
div.datepicker .today {
  cursor: pointer;
}

table.KIPTable {
  width: 100%;
}
table.KIPTable TBody td {
  border-style: solid;
  border-width: 1px;
  padding-left: 5px;
}
table.KIPTable TBody td.KIPTotalCell {
  font-weight: bold;
  text-align: right;
}
table.KIPTable TBody tr.KIPTableGroup {
  background-color: lightgray;
}
table.KIPTable TBody tr.KIPTableChildRow td.KIPTableTitle {
  padding-left: 40px;
}
table.KIPTable TBody td.KIPTableCellNumeric {
  text-align: right;
  padding-right: 5px;
}
table.KIPTable TBody td.selectedVersion {
  font-weight: bold;
}
table.KIPTable TBody tr.KIPTableRowHidden {
  display: none;
}
table.KIPTable TBody tr.KIPTableRowVisible {
  display: normal;
}
table.KIPTable TBody .KIPPointer {
  cursor: pointer;
}
table.KIPTable TBody .KIPTablePlus {
  cursor: pointer;
  padding: 2px;
}
table.KIPTable TBody .KIPTableNegative {
  color: red;
}
table.KIPTable TBody .KIPTableClosed {
  background-color: #efefef;
}
table.KIPTable TBody .KIPTablePartialClosed {
  background-color: #fffece;
}
table.KIPTable TBody .KIPTableMinus {
  cursor: pointer;
  padding: 2px;
}
table tr.KIPTableSummaryRow td {
  background-color: #eeeeee;
  font-weight: 600;
}
table tr.CenterCells td {
  vertical-align: middle;
}
table.tableWithRowspan tr:hover td:not([rowspan]) {
  background: whitesmoke;
}
table.tableWithRowspan tr:hover td[rowspan]:hover ~ td {
  background: none;
}
.truncate-text-container {
  left: 5px;
  right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
}
.Ball.truncate-text-container {
  display: block !important;
}
table tr > td.columnGroupHeader {
  border-bottom: none !important;
  background: #f9f9f9;
}
table tr > td.columnHeaderWithGroup {
  border-top: none !important;
  background: #f9f9f9;
}
table tr > td.truncate-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
}
table tr > td .Ball {
  position: static !important;
  /*display: block !important; TL: Removed this as it caused a display issue with keywords on timesheet entry and search pages*/

}
.inlineedit-active {
  position: relative !important;
  z-index: 140 !important;
}
.inlineedit-popup {
  z-index: 130;
  position: fixed;
}
.inlineedit-popup > .inlineedit-backer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.inlineedit-popup > .inlineedit-inputwrapper {
  background-color: #efefef;
  border: 1px solid #9c9c9c;
  border-bottom-color: #d5d5d5;
  padding: 10px;
  margin: -10px;
  position: relative;
  z-index: 1;
}
.inlineedit-popup > .inlineedit-inner {
  background-color: #efefef;
  width: 550px;
  min-height: 130px;
  border: 1px solid #9c9c9c;
  margin: 9px 0 0 -10px;
  padding: 10px;
  position: relative;
  box-shadow: 0 4px 2px -2px gray;
}
.inlineedit-popup > .inlineedit-inner > .inlineedit-buttons {
  text-align: right;
}
.inlineedit-popup > .inlineedit-inner .panel {
  margin-bottom: 10px;
}
.inlineedit-popup > .inlineedit-inner .note-toolbar.panel-heading:after {
  content: '';
  display: table;
  clear: both;
}
.inlineedit-popup > .inlineedit-inner .note-toolbar.panel-heading > * {
  float: left;
}
.inlineedit-popup > .inlineedit-inner .note-toolbar.panel-heading .btn-group > .btn {
  float: none;
}

.popoverView div#promptBody {
  padding-top: 10px;
  padding-left: 10px;
}
.popoverView div#promptFooter {
  text-align: right;
  padding-top: 20px;
  padding-bottom: 15px;
}
.popover {
  font-family: var(--font-family);
  font-size: 12px;
  width: 500px;
}
.popover-content {
  word-wrap: break-word;
}
#popoverBackground {
  height: 100%;
  width: 100%;
  background-color: transparent;
  position: fixed;
  z-index: -2;
  top: 0px;
  left: 0px;
}
.popoverFormBody .popoverFieldTitle {
  font-weight: bold;
}
.popoverFormBody .popoverFieldName {
  padding-bottom: 5px;
}
.popoverFormBody input.form-control {
  height: 29px !important;
}
.popoverFormBody .popoverFieldContainer {
  padding-bottom: 5px;
}
.popoverFormBody .popoverNumericalValue input {
  text-align: right;
  padding-right: 5px;
}
.popoverFormBody #startingFromValue {
  padding-left: 0 !important;
}
.popoverFormBody #moveByValue > input {
  text-align: right;
  max-width: 100px;
  padding-right: 5px;
}
.popoverFormBody #MonthPicker {
  padding-right: 30px;
}
.popover-footer {
  text-align: right;
}
.closePopover {
  color: black;
  position: absolute;
  right: 8px;
  top: 6px;
}

div.modal-header.colour-identifier {
  border-bottom: 1px solid #e5e5e5 !important;
}
div.modal-header.colour-identifier .modal-colour-identifier {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 46px;
}
div.modal-content div.editpage div.tab-content {
  background-color: white !important;
}
div.modal-content div.editpage .editPageValue .backgroundColor {
  max-width: 350px;
  overflow: auto;
}
div.modal-content div.editpage div.form-group {
  margin-bottom: 4px !important;
}
div.modal-content div.editpage div.form-group label {
  padding-inline-end: 0 !important;
  padding-top: 7px !important;
  font-size: 12px;
}
div.modal-content div.editpage div.form-group textarea.form-control {
  height: auto !important;
}
div.modal-content div.editpage div.form-group div.checkbox {
  padding-top: 0 !important;
}
div.modal-content div.editpage div.form-group span.control-label {
  display: block;
  text-align: start;
}
[dir='ltr'] div.modal-content div.editpage div.form-group div.entityReferencePickerButtons {
  float: left;
}
[dir='rtl'] div.modal-content div.editpage div.form-group div.entityReferencePickerButtons {
  float: right;
}
div.modal-content div.editpage div.form-group div.picklistLabel {
  max-width: 100%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  padding-top: 7px;
  text-align: start;
}
div.modal-content div.editpage div.form-group .btn-edit {
  min-height: 34px !important;
  min-width: 34px !important;
  padding: 10px !important;
  margin-right: 1px;
  cursor: pointer;
}
div.modal-content div.editpage div.form-group .select2-choice {
  height: 34px !important;
}
div.modal-content div.editpage div.form-group .margin-left-negate25 {
  margin-inline-start: -25px !important;
}
div.modal-content div.editpage div.form-group .margin-bottom-5 {
  margin-bottom: 5px !important;
}
div.modal-content div.editpage div.form-group .inline-block-right-3 {
  display: inline-block;
  margin-right: 3px;
}
div.modal-content div.editpage div.form-group li.dd-item div.dd2-content {
  background: white;
}
div.modal-content div.editpage div.form-group li.dd-item div.dd2-content:hover {
  background: #eeeeee;
}
div.modal-content div.editpage div.form-group li.dd-item div.show-on-hover {
  visibility: hidden;
}
div.modal-content div.editpage div.form-group li.dd-item:hover div.show-on-hover {
  visibility: visible;
}
div.modal-content div.editpage div.form-group div.WorkDisplayFields table tr th:last-child {
  display: none;
}
div.modal-content div.editpage div.form-group div.WorkDisplayFields table tr td:last-child {
  display: none;
}
div.modal-content div.editpage div.form-group div.WorkDisplayFields table.canAddDelete tr th:last-child {
  display: table-cell;
}
div.modal-content div.editpage div.form-group div.WorkDisplayFields table.canAddDelete tr td:last-child {
  display: table-cell;
}
div.modal-content div.editpage div.form-group div.WorkDisplayFields table.canAddDelete tr.newRow td:last-child {
  display: none;
}
div.modal-content div.editpage div.form-group .required:before {
  content: "*";
  font-weight: bold;
  color: red;
}
div.modal-content div#EntitySelectBody {
  min-height: 340px;
}
div.modal-content div#EntitySelectBody ul.dropdown-menu {
  top: auto;
  bottom: -5px;
  padding: 0px;
}
div.modal-content div.last-edit-footer {
  color: #999999;
}
[dir='left'] div.modal-content div.last-edit-footer {
  float: left;
}
[dir='rtl'] div.modal-content div.last-edit-footer {
  float: right;
}
div.modal-content .padding-top-7 {
  padding-top: 7px !important;
}
textarea {
  resize: none;
}
html.editPrintPage,
html.editPrintPage * {
  background-color: white;
}
html.editPrintPage {
  overflow-y: scroll;
}
html.editPrintPage body {
  overflow-y: scroll;
  padding-top: 10px;
}
html.editPrintPage body h1 {
  margin-top: 0px;
  padding-top: 10px;
  padding-left: 10px;
}
html.editPrintPage body h2 {
  padding-left: 10px;
}
html.editPrintPage body label.control-label {
  font-weight: bold;
}
html.editPrintPage body span.control-label {
  padding-top: 0px !important;
}
html.editPrintPage body span.control-label ul,
html.editPrintPage body span.control-label li,
html.editPrintPage body span.control-label p,
html.editPrintPage body span.control-label div:not([style]) {
  text-align: left !important;
}
html.editPrintPage body printTextAlignLeft {
  text-align: left !important;
}
html.editPrintPage body b.red {
  display: none;
}
html.editPrintPage body div.printCol {
  padding-right: 100px;
}
html.editPrintPage body div.editPageValue {
  padding: 6px 8px;
}
html.editPrintPage body div.editPrintPageFooter {
  background-color: #0072c6;
  position: fixed;
  top: 0px;
  height: 35px;
  left: 0px;
  width: 100%;
}
html.editPrintPage body div.editPrintPageFooter input[type=button] {
  margin-right: 10px;
  margin-top: 1px;
}
html.editPrintPage body div.editPrintPageHeader {
  margin-top: 20px;
}
html.editPrintPage body div.editPrintPageHeader,
html.editPrintPage body div.tab-pane {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: black;
}
html.editPrintPage body div.editPrintPageBody .excludeFromPrintPage {
  display: none;
}
html.editPrintPage body .kip-print-text-area {
  border-style: none;
  background: none;
  box-shadow: none;
  color: black;
  padding-left: 0px;
}
@media print {
  html.editPrintPage .no-print,
  html.editPrintPage .no-print * {
    display: none !important;
  }
}
div.custom-number-list li,
div.custom-number-list i {
  cursor: pointer;
}
div.custom-number-list i {
  display: inline-block;
  margin-right: 5px;
}
div.custom-number-list li i {
  margin-left: 5px;
}
div.custom-number-list li:hover {
  background-color: yellow;
}
div.custom-number-list span.custom-number-list-value {
  display: inline-block;
  margin-right: 5px;
}
#projectConfigurationContainer #ProjectLinks table th:nth-of-type(1) {
  width: 20%;
}
#projectConfigurationContainer #ProjectLinks table th:nth-of-type(2) {
  width: 20%;
}
#projectConfigurationContainer #ProjectLinks table th:nth-of-type(3) {
  width: 40%;
}
#projectConfigurationContainer #EntitiesLinkedToDiv th:nth-of-type(4) {
  width: 15%;
}
#projectConfigurationContainer #EntitiesLinkedToDiv th:nth-of-type(4) span {
  padding-left: 15px;
}
#projectConfigurationContainer #EntitiesLinkedToDiv th:nth-of-type(5) {
  width: 5%;
}
#projectConfigurationContainer #EntitiesLinkedFromDiv th:nth-of-type(4) {
  width: 20%;
}
#projectConfigurationContainer #EntitiesLinkedFromDiv td {
  height: 35px;
}
.select2-results li.disable-select {
  background-color: #e8e8e8;
  color: white;
}
div.projectConfigurationTab div.row {
  padding-bottom: 5px;
}
div.projectConfigurationTab i {
  cursor: pointer;
}
div.projectConfigurationTab hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
div.projectConfigurationTab div.control-label {
  text-align: right;
  padding-right: 0px;
}
div.projectConfigurationTab div.control-value {
  text-align: left;
  display: inline;
}
div.projectConfigurationTab div.control-value .checkbox {
  margin-top: 0px;
  margin-bottom: 0px;
}
div.projectConfigurationTab div.dropdownWithText select {
  width: auto;
  float: left;
}
div.projectConfigurationTab div.dropdownWithText span {
  padding-left: 5px;
}
.kipHidden {
  display: none;
}
@media print {
  #print-btn-container {
    display: none;
  }
}
.textbox {
  width: 12% !important;
}
.resourceCodeMaxLength {
  margin-right: 60px !important;
}

#resourceAvailabilityModalForm .ra-form-group {
  padding: 0 10px;
}
#resourceAvailabilityModalForm .ra-col-custom-5 {
  float: left;
  width: 20%;
}
#resourceAvailabilityModalForm .ra-col-custom-4 {
  float: left;
  width: 25%;
}
#resourceAvailabilityModalForm .ra-group {
  padding: 10px;
  margin: 10px 5px 5px 5px;
  border-radius: 3px;
  background-color: #fcfcfc;
}
#minimum-wrapper label,
#minimum-wrapper .checkbox {
  padding: 0 !important;
  margin-top: 0;
}
#resourceAvailabilityModalForm .modal-content-title {
  margin-bottom: 5px;
}
#resourceAvailabilityModalForm input[type='text'],
#resourceAvailabilityModalForm select {
  background-color: white;
}
#resourceAvailabilityModalForm #search-toggle {
  float: right;
  position: relative;
  z-index: 1;
}
#resourceAvailabilityModalForm #filter-title {
  padding: 4px 0 0 0;
  font-size: 16px;
  margin: 0 10px;
  transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
}
#resourceAvailabilityModalForm.group-title:after,
#resourceAvailabilityModalForm .group-title::after {
  content: '';
  display: table;
  clear: both;
}
#resourceAvailabilityModalForm #results {
  position: relative;
  min-height: 190px;
  max-height: 190px;
  border-radius: 3px;
  background-color: #fcfcfc;
  margin: 0 5px;
  transition: max-height 0.2s;
  padding-bottom: 5px;
}
#resourceAvailabilityModalForm #results div.fixedDivHeader {
  overflow-x: hidden;
  overflow-y: hidden;
}
#resourceAvailabilityModalForm #results div.editableTable {
  height: 130px;
  transition: height 0.2s;
}
#resourceAvailabilityModalForm #results table#results-table {
  margin-top: -35px;
}
#resourceAvailabilityModalForm #results div.totalRows {
  padding: 5px !important;
}
#resourceAvailabilityModalForm #results > #placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  color: #323232;
  font-size: 16px;
  text-align: center;
}
#resourceAvailabilityModalForm #results > #placeholder > .btn {
  margin-top: 5px;
}
#MinimumAvailabilityValue {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  height: 30px !important;
  padding: 3px;
}
#MinimumAvailabilityMode {
  display: inline-block;
  vertical-align: middle;
  height: 30px !important;
}
tr.tr-valign-middle td {
  vertical-align: middle !important;
}
td.resourceRowDesc {
  white-space: nowrap;
}
.AvailabilityDisplayOptions {
  display: none;
  padding-bottom: 5px;
  padding-left: 5px;
}
.resourceRowHours {
  display: none;
}
.plannedTime {
  display: none;
}
.icon-cell {
  width: 21px;
  max-width: 21px;
}
.btn-cell {
  width: 63px;
  max-width: 63px;
  padding: 0px !important;
}
.btn-cell span {
  border-radius: 0;
}
.shade-grey {
  background-color: #cdcdcd;
}
hr {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

div.snapping-location {
  position: relative;
  vertical-align: top;
  display: none;
  width: 20%;
  font-size: 0 !important;
  height: 100%;
}
div.snapping-location > * {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: unset !important;
  max-width: unset !important;
  box-shadow: none !important;
  border: none !important;
  overflow: hidden !important;
  position: static;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
div.snapping-location div.snap-panel-container {
  border: 1px solid #cdd8e4 !important;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
div.snapping-location div.handle {
  width: 4px !important;
  height: 20% !important;
  background-color: #cccccc;
  border-radius: 5px;
  cursor: w-resize;
  margin: 0 1px;
  -webkit-animation: height 0.2s ease;
  -moz-animation: height 0.2s ease;
  -o-animation: height 0.2s ease;
  animation: height 0.2s ease;
}
div.snapping-location div.handle > :active,
div.snapping-location div.handle :focus {
  height: 60% !important;
}
div.snapping-location div.snap-panel {
  height: 100%;
}
div.snapping-location div.snap-panel .snap-panel-header {
  height: 28px;
  background-color: #e0f0f2;
  vertical-align: middle;
}
div.snapping-location div.snap-panel .snap-panel-header * {
  vertical-align: middle;
  font-size: 12px;
  color: #586980;
}
div.snapping-location div.snap-panel .snap-panel-header span.snap-header-icon,
div.snapping-location div.snap-panel .snap-panel-header span.snap-header-icon-right {
  float: left;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
}
div.snapping-location div.snap-panel .snap-panel-header span.snap-header-icon-right {
  cursor: pointer;
}
div.snapping-location div.snap-panel .snap-panel-header .tooltip > .tooltip-inner {
  background-color: #fbfbfb;
  color: #262626;
}
div.snapping-location div.snap-panel div.snap-panel-content {
  font-size: 12px;
  height: 100%;
  background-color: #fafafa;
  position: static;
}
div.snapping-location div.snap-panel div.snap-panel-content div.span-panel-body {
  font-size: 12px;
  background-color: transparent;
}
div.snapping-location div.snap-panel div.snap-panel-content div.snap-panel-filter {
  border-top: 1px solid #cdd8e4;
}
div.snapping-location div.snap-panel div.snap-panel-content div.snap-panel-filter .snap-panel-content-icon * {
  font-weight: bold;
}
div.snapping-location div.snap-panel div.snap-panel-content div.snap-panel-filter .snap-panel-filter-header {
  background-color: #586980;
  color: white !important;
  padding: 2px;
}
div.snapping-location div.snap-panel div.snap-panel-content div.snap-panel-filter .snap-panel-filter-header span#pickerEditor > span.input-group > input.form-control {
  height: 30px;
}
div.snapping-location div.snap-panel div.snap-panel-content div.snap-panel-filter .snap-panel-filter-body {
  background-color: #f7f7f7;
  padding: 7px;
  height: 90px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}

div.TSMessage > div#kipErrorWrapper {
  margin-bottom: -20px !important;
}
div#kipErrorWrapper {
  text-align: left;
}
div#kipErrorWrapper > * {
  display: inline-block;
  vertical-align: top;
}
div#kipErrorWrapper > div:first-child > span {
  font-size: 33px;
}
div#kipErrorWrapper > div:last-child {
  width: 500px;
  margin: 0 0 0 17px;
}
div#kipErrorWrapper div#kipErrorBody {
  margin-left: 17px;
}
div#kipErrorWrapper div#kipErrorRanks::after {
  content: '';
  display: table;
  clear: both;
}
div#kipErrorWrapper div#kipErrorRanks > div {
  float: right;
  margin: 0 5px 0 0;
  border: 1px solid #c7c7c7;
  padding: 5px 11px;
  border-radius: 3px;
}
div#kipErrorWrapper div#kipErrorRanks > div > span {
  font-size: 16px;
}
div#kipErrorWrapper div#kipErrorRanks > div:last-child {
  float: left;
  padding: 7px 0 0 0;
  border: none;
  font-weight: bold;
}
div#kipErrorWrapper div#kipErrorCollection {
  margin: 20px 0 0 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}
div#kipErrorWrapper div#kipErrorCollection table {
  width: 100%;
  background-color: #fbfbfb;
  border-radius: 3px;
  max-width: 500px;
}
div#kipErrorWrapper div#kipErrorCollection table tbody > tr {
  cursor: auto !important;
  background-color: transparent !important;
}
div#kipErrorWrapper div#kipErrorCollection table tbody > tr td#kipErrorRowIconColumn {
  text-align: right;
  white-space: nowrap;
}
div#kipErrorWrapper div#kipErrorCollection table tbody > tr td#kipErrorRowMessageColumn {
  overflow: hidden;
  width: 426px;
}
div#kipErrorWrapper div#kipErrorCollection table tbody > tr:hover {
  background-color: #dbdbdb !important;
}
div#kipErrorWrapper div#kipErrorCollection table th,
div#kipErrorWrapper div#kipErrorCollection table td {
  padding: 9px;
  white-space: pre-line;
}
div#kipErrorWrapper div#kipErrorCollection tr:nth-child(1) th {
  background: white;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #eaeaea;
}
div#kipErrorWrapper div#kipErrorCollection input[type=checkbox] {
  width: 14px;
  height: 14px;
  display: block;
  visibility: visible;
  position: static;
  opacity: 1;
}
div#kipErrorWrapper div#kipErrorModalFooter {
  text-align: center;
  display: block;
  margin: 10px 0 0 0;
  padding: 15px;
  width: auto;
}
div#kipErrorWrapper div#kipErrorModalFooter span#kipErrorModalOk {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 1px;
  margin-bottom: 1px;
  min-width: 70px;
  min-height: 16px;
  height: auto;
  font-size: 12px;
  font-family: RobotoLight, sans-serif;
  background-color: #3a95d5 !important;
  border: 1px solid #3a95d5;
  border-radius: 1px;
}

@charset "UTF-8";

@font-face {
    font-family: 'data-table';
    src: url(/Content/style/fonts/data-table.eot);
    src: url(/Content/style/fonts/data-table.eot?#iefix) format('embedded-opentype'), url(/Content/style/fonts/data-table.woff) format('woff'), url(/Content/style/fonts/data-table.ttf) format('truetype'), url(/Content/style/fonts/data-table.svg#data-table) format('svg');
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: 'data-table' !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^='datatable-icon-']:before,
[class*=' datatable-icon-']:before {
    font-family: 'data-table' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.datatable-icon-filter:before {
    content: '\62';
}

.datatable-icon-collapse:before {
    content: '\61';
}

.datatable-icon-expand:before {
    content: '\63';
}

.datatable-icon-close:before {
    content: '\64';
}

.datatable-icon-up:before {
    content: '\65';
}

.datatable-icon-down:before {
    content: '\66';
}

.datatable-icon-sort:before {
    content: '\67';
}

.datatable-icon-done:before {
    content: '\68';
}

.datatable-icon-done-all:before {
    content: '\69';
}

.datatable-icon-search:before {
    content: '\6a';
}

.datatable-icon-pin:before {
    content: '\6b';
}

.datatable-icon-add:before {
    content: '\6d';
}

.datatable-icon-left:before {
    content: '\6f';
}

.datatable-icon-right:before {
    content: '\70';
}

.datatable-icon-skip:before {
    content: '\71';
}

.datatable-icon-prev:before {
    content: '\72';
}
body {
}

/*** custom checkboxes ***/
.datatable-checkbox > input [type=checkbox] {
    position: relative;
    
}

/* to hide the checkbox itself */
label > input[type=checkbox]:before {
    position: relative;
    background-color: #FFFFFF;
    height: 100%;
    width: 100%;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f096";
    letter-spacing: 10px;
}
/* space between checkbox and label */
label > input[type=checkbox]:checked:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f046";
    letter-spacing: 5px;
}

/**Custom Icons, use FontAwesome*/
[data-icon]:before {
    font-family: "FontAwesome" !important;
    content: "";
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="datatable-icon-"]:before,
[class*=" datatable-icon-"]:before {
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.datatable-icon-filter:before {
    content: "\f0b0";
}

.datatable-icon-collapse:before {
    content: "\f147";
}

.datatable-icon-expand:before {
    content: "\f196";
}

.datatable-icon-close:before {
    content: "\f2d3";
}

sort-btn::after {
    content: "\f0de";
    content: "\f0dd";
}
.datatable-icon-up:before {
    content: "\f0de";
}

.datatable-icon-down:before {
    content: "\f0dd";
}

.datatable-icon-sort:before {
    content: "\f0dc";
}

.datatable-icon-done:before {
    content: "\f00c";
}

.datatable-icon-done-all:before {
    content: "\f05d";
}

.datatable-icon-search:before {
    content: "\f002";
}

.datatable-icon-pin:before {
    content: "\f276";
}

.datatable-icon-add:before {
    content: "\f196";
}

.datatable-icon-left:before {
    content: "\f104";
}

.datatable-icon-right:before {
    content: "\f105";
}

.datatable-icon-skip:before {
    content: "\f101";
}

.datatable-icon-prev:before {
    content: "\f100";
}.ngx-datatable {
    display: block;
    overflow: hidden;
    justify-content: center;
    position: relative;
    transform: translate3d(0, 0, 0);
    /**
   * Vertical Scrolling Adjustments
   */
    /**
   * Horizontal Scrolling Adjustments
   */
    /**
   * Fixed Header Height Adjustments
   */
    /**
   * Fixed row height adjustments
   */
    /**
   * Shared Styles
   */
    /**
   * Header Styles
   */
    /**
   * Body Styles
   */
    /**
   * Footer Styles
   */
}

    .ngx-datatable [hidden] {
        display: none !important;
    }

    .ngx-datatable *,
    .ngx-datatable *:before,
    .ngx-datatable *:after {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ngx-datatable.scroll-vertical .datatable-body {
        overflow-y: auto;
    }

    .ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
        position: absolute;
    }

    .ngx-datatable.scroll-horz .datatable-body {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
        white-space: nowrap;
    }

        .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .ngx-datatable.fixed-row .datatable-scroll {
        white-space: nowrap;
    }

        .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row {
            white-space: nowrap;
        }

            .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

    .ngx-datatable .datatable-body-row,
    .ngx-datatable .datatable-row-center,
    .ngx-datatable .datatable-header-inner {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        -webkit-flex-flow: row;
        -moz-flex-flow: row;
        -ms-flex-flow: row;
        -o-flex-flow: row;
        flex-flow: row;
    }

    .ngx-datatable .datatable-body-cell,
    .ngx-datatable .datatable-header-cell {
        overflow-x: hidden;
        vertical-align: top;
        display: inline-block;
        line-height: 1.625;
    }

        .ngx-datatable .datatable-body-cell:focus,
        .ngx-datatable .datatable-header-cell:focus {
            outline: none;
        }

    .ngx-datatable .datatable-row-left,
    .ngx-datatable .datatable-row-right {
        z-index: 9;
    }

    .ngx-datatable .datatable-row-left,
    .ngx-datatable .datatable-row-center,
    .ngx-datatable .datatable-row-group,
    .ngx-datatable .datatable-row-right {
        position: relative;
    }

    .ngx-datatable .datatable-header {
        display: block;
        overflow: hidden;
    }

        .ngx-datatable .datatable-header .datatable-header-inner {
            align-items: stretch;
            -webkit-align-items: stretch;
        }

        .ngx-datatable .datatable-header .datatable-header-cell {
            position: relative;
            display: inline-block;
        }

            .ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
                cursor: pointer;
            }

            .ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper {
                cursor: move;
            }

            .ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
                line-height: 100%;
                vertical-align: middle;
                display: inline-block;
                cursor: pointer;
            }

            .ngx-datatable .datatable-header .datatable-header-cell .resize-handle,
            .ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable {
                display: inline-block;
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                width: 5px;
                padding: 0 4px;
                visibility: hidden;
            }

            .ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
                cursor: ew-resize;
            }

            .ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle {
                visibility: visible;
            }

            .ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable {
                visibility: visible;
            }

            .ngx-datatable .datatable-header .datatable-header-cell .targetMarker {
                position: absolute;
                top: 0;
                bottom: 0;
            }

                .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft {
                    right: 0;
                }

                .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight {
                    left: 0;
                }

            .ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
                height: inherit;
            }

    .ngx-datatable .datatable-body {
        position: relative;
        z-index: 10;
        display: block;
    }

        .ngx-datatable .datatable-body .datatable-scroll {
            display: inline-block;
        }

        .ngx-datatable .datatable-body .datatable-row-detail {
            overflow-y: hidden;
        }

        .ngx-datatable .datatable-body .datatable-row-wrapper {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .ngx-datatable .datatable-body .datatable-body-row {
            outline: none;
        }

            .ngx-datatable .datatable-body .datatable-body-row > div {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
            }

    .ngx-datatable .datatable-footer {
        display: block;
        width: 100%;
        overflow: auto;
    }

        .ngx-datatable .datatable-footer .datatable-footer-inner {
            display: flex;
            align-items: center;
            width: 100%;
        }

        .ngx-datatable .datatable-footer .selected-count .page-count {
            flex: 1 1 40%;
        }

        .ngx-datatable .datatable-footer .selected-count .datatable-pager {
            flex: 1 1 60%;
        }

        .ngx-datatable .datatable-footer .page-count {
            flex: 1 1 20%;
        }

        .ngx-datatable .datatable-footer .datatable-pager {
            flex: 1 1 80%;
            text-align: right;
        }

            .ngx-datatable .datatable-footer .datatable-pager .pager,
            .ngx-datatable .datatable-footer .datatable-pager .pager li {
                padding: 0;
                margin: 0;
                display: inline-block;
                list-style: none;
            }

                .ngx-datatable .datatable-footer .datatable-pager .pager li,
                .ngx-datatable .datatable-footer .datatable-pager .pager li a {
                    outline: none;
                }

                    .ngx-datatable .datatable-footer .datatable-pager .pager li a {
                        cursor: pointer;
                        display: inline-block;
                    }

                    .ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a {
                        cursor: not-allowed;
                    }
.display-block {
  display: block !important;
}
i.fa.fa-info-circle.tooltip-info.ng-star-inserted {
  color: #0070c0;
  font-size: 14px;
}
.tooltip-inner {
  background-color: white;
  color: black;
  font-family: var(--font-family);
  padding: 8px 12px;
  border: 1px solid #b4bdc4;
  box-shadow: 0px 3px 6px 0px rgba(27, 38, 46, 0.25);
  border-radius: 4px;
  font-size: 12px;
}
.forecastDropdownCssClass .select2-result-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.listTooltip .tooltip-inner {
  max-width: 900px !important;
}
.listTooltip .tooltip-inner > .tooltipTable {
  text-align: left;
}
.listTooltip .tooltip-inner > .tooltipTable tr {
  border-bottom: 0.5px solid #b4bdc4;
}
.listTooltip .tooltip-inner > .tooltipTable tr th:nth-child(1),
.listTooltip .tooltip-inner > .tooltipTable tr td:nth-child(1) {
  padding-left: 5px;
}
.listTooltip .tooltip-inner > .tooltipTable tr td {
  line-break: anywhere;
}
.tooltip.right .tooltip-inner {
  text-align: left;
}
.tooltip.left .tooltip-inner {
  text-align: right;
}
.kip_ModalSidePopup {
  z-index: 1004;
}
.kip_ModalSidePopup .interceptorerror {
  position: absolute;
  z-index: 16;
  width: 100%;
}
.kip_ModalSidePopup.xl {
  left: 25vw;
}
.kip_ModalSidePopup.narrow,
.kip_ModalSidePopup.narrow .modal-dialog {
  left: 66.66vw !important;
}
.kip_ModalSidePopup.narrow .modal-footer.angular-footer.save-footer {
  width: 33vw;
}
[dir='ltr'] .kip_ModalSidePopup .closebuttongroup {
  float: left;
}
[dir='rtl'] .kip_ModalSidePopup .closebuttongroup {
  float: right;
}
[dir='ltr'] .kip_ModalSidePopup .savebuttongroup {
  float: right !important;
}
[dir='rtl'] .kip_ModalSidePopup .savebuttongroup {
  float: left !important;
}
.kip_ModalSidePopup .savebuttongroup .btn.btn-secondary.saveclosebutton {
  margin-right: 25px;
}
.kip_ModalSidePopup .savebuttongroup .btn-primary {
  width: 100px;
}
.kip_ModalSidePopup .lastEdit {
  position: absolute;
  bottom: 5px;
}
[dir='ltr'] .kip_ModalSidePopup .lastEdit {
  right: 30px;
}
[dir='rtl'] .kip_ModalSidePopup .lastEdit {
  left: 30px;
}
.angularPopup.xl > .modal-dialog,
.kip_ModalSidePopup.xl > .modal-dialog {
  min-width: 800px;
}
.angularPopup div.card-title,
.kip_ModalSidePopup div.card-title,
.angularPopup .card-subtitle,
.kip_ModalSidePopup .card-subtitle {
  margin: 10px 0px 10px 10px;
}
.angularPopup .collaboration-text,
.kip_ModalSidePopup .collaboration-text {
  margin-left: 10px;
}
.angularPopup .img-collaboration-circle,
.kip_ModalSidePopup .img-collaboration-circle {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  margin: 12px 10px 10px;
}
.angularPopup .longtext,
.kip_ModalSidePopup .longtext {
  padding-left: 10px;
}
.angularPopup .invalid-feedback,
.kip_ModalSidePopup .invalid-feedback {
  color: #c60404 !important;
}
.angularPopup .error-height-capped,
.kip_ModalSidePopup .error-height-capped {
  max-height: 15vh;
  overflow: auto;
}
.angularPopup .error-fullscreen,
.kip_ModalSidePopup .error-fullscreen {
  height: calc(100vh - 314px);
  max-height: calc(100vh - 314px);
  overflow: auto;
}
.angularPopup .popup-error div.alert.alert-warning.modalView.validation-summary-errors,
.kip_ModalSidePopup .popup-error div.alert.alert-warning.modalView.validation-summary-errors {
  margin-left: 30px;
  margin-right: 30px;
}
.angularPopup formly-validation-message,
.kip_ModalSidePopup formly-validation-message,
.angularPopup .formly-validation-message,
.kip_ModalSidePopup .formly-validation-message {
  width: 100%;
  color: #c60404;
  font-size: 12px;
}
.angularPopup .display-message text-display div,
.kip_ModalSidePopup .display-message text-display div {
  margin-left: 20px;
}
.angularPopup .btn-primary,
.kip_ModalSidePopup .btn-primary {
  background-color: #0070c0;
  border-color: #0070c0;
  height: 40px;
  border: 2px solid #0070c0;
  color: white;
  border-radius: 1000px;
  font-family: var(--font-family);
  padding: 0px 20px;
  margin-right: 15px;
}
.angularPopup .btn-primary.margin-right-5,
.kip_ModalSidePopup .btn-primary.margin-right-5 {
  margin-right: 5px;
}
.angularPopup .btn-primary:focus,
.kip_ModalSidePopup .btn-primary:focus,
.angularPopup .btn-primary:hover,
.kip_ModalSidePopup .btn-primary:hover {
  box-shadow: none;
  border: 2px solid #115383;
  outline: unset;
}
.angularPopup .btn-secondary,
.kip_ModalSidePopup .btn-secondary {
  height: 40px;
  border: 2px solid #0070c0;
  background-color: white;
  color: #0070c0;
  border-radius: 1000px;
  font-family: var(--font-family);
  padding: 6px 20px;
  margin-inline-end: 15px;
}
.angularPopup .btn-secondary.select,
.kip_ModalSidePopup .btn-secondary.select {
  height: 40px;
  border: 2px solid #0070c0;
  background-color: white !important;
  color: #0070c0;
  border-radius: 1000px;
  font-family: var(--font-family);
  padding: 6px 12px;
  margin-right: 15px;
}
.angularPopup .btn-secondary.margin-right-5,
.kip_ModalSidePopup .btn-secondary.margin-right-5 {
  margin-right: 5px;
}
.angularPopup .btn-secondary.margin-top-5,
.kip_ModalSidePopup .btn-secondary.margin-top-5 {
  margin-top: 5px;
}
.angularPopup .btn-secondary:focus,
.kip_ModalSidePopup .btn-secondary:focus,
.angularPopup .btn-secondary:hover,
.kip_ModalSidePopup .btn-secondary:hover {
  box-shadow: none;
  border: 2px solid #115383;
  outline: unset;
}
.angularPopup .btn-clear,
.kip_ModalSidePopup .btn-clear {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.angularPopup .btn-danger,
.kip_ModalSidePopup .btn-danger {
  height: 40px;
  border-radius: 1000px;
  font-family: var(--font-family);
  padding: 0px 20px;
  margin-top: 5px;
  margin-right: 15px !important;
}
.angularPopup .btn.invalidButton,
.kip_ModalSidePopup .btn.invalidButton {
  color: #c60404 !important;
  border-color: #c60404 !important;
}
.angularPopup formly-field .inputPer,
.kip_ModalSidePopup formly-field .inputPer {
  display: flex !important;
  align-items: center;
}
.angularPopup formly-field .inputPer .narrow,
.kip_ModalSidePopup formly-field .inputPer .narrow {
  width: 80% !important;
}
.angularPopup formly-field .inputPer .perLabel,
.kip_ModalSidePopup formly-field .inputPer .perLabel {
  padding-inline-start: 5px !important;
  width: 150px;
}
.angularPopup .nav-link,
.kip_ModalSidePopup .nav-link {
  display: flex;
  align-items: end;
  padding: 15px !important;
  font-size: 16px;
  font-weight: 400;
  color: #1b262e;
}
.angularPopup .nav-link.active,
.kip_ModalSidePopup .nav-link.active {
  border-bottom: 5px solid #0070c0;
  padding-bottom: 10px !important;
  font-weight: 600;
}
.angularPopup .nav-tabs,
.kip_ModalSidePopup .nav-tabs {
  /*max-height: 60px;*/
  background-color: white;
  box-shadow: 0px 0px;
  border-bottom: 1px solid #b4bdc4;
  display: flex;
  align-items: flex-end;
  overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-box;
}
.angularPopup li.nav-item,
.kip_ModalSidePopup li.nav-item {
  float: none;
}
.angularPopup .btn:active,
.kip_ModalSidePopup .btn:active,
.angularPopup .btn:focus,
.kip_ModalSidePopup .btn:focus {
  outline-style: unset;
}
.angularPopup div#auditHistory,
.kip_ModalSidePopup div#auditHistory {
  margin-bottom: 0px !important;
}
.angularPopup div#auditHistory a.accordion-toggle,
.kip_ModalSidePopup div#auditHistory a.accordion-toggle {
  padding-top: 22px;
  padding-bottom: 22px;
  font-family: var(--font-family);
  font-size: 18px;
}
.angularPopup div#auditHistory a.accordion-toggle:after,
.kip_ModalSidePopup div#auditHistory a.accordion-toggle:after {
  padding-top: 13px;
  color: #0070c0;
  font-size: 18px;
}
.angularPopup div#auditHistory small.text-muted,
.kip_ModalSidePopup div#auditHistory small.text-muted {
  font-size: 14px;
}
.angularPopup div#auditHistory .audit-message,
.kip_ModalSidePopup div#auditHistory .audit-message {
  font-size: 16px;
  color: black;
}
.angularPopup div#auditHistory .audit-message span.label.label-danger,
.kip_ModalSidePopup div#auditHistory .audit-message span.label.label-danger,
.angularPopup div#auditHistory .audit-message span.label.label-success,
.kip_ModalSidePopup div#auditHistory .audit-message span.label.label-success {
  font-size: 16px;
  border-radius: 5px !important;
  font-family: var(--font-family);
  white-space: pre-wrap;
  word-break: break-all;
  text-align: left;
}
.angularPopup .float-right,
.kip_ModalSidePopup .float-right {
  float: right !important;
}
div.kip_ModalSidePopup div.content {
  border: 0px !important;
  padding: 0px !important;
  padding-bottom: 40px !important;
}
.kip_ModalSidePopup .angular-modal .modal-footer.angular-footer.save-footer {
  z-index: 1;
}
.kip_ModalSidePopup.fullscreen .angular-modal .modal-footer.angular-footer.save-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 30px;
  width: unset !important;
}
.kip_ModalSidePopup.fullscreen .angular-modal .side-modal .modal-footer.angular-footer.save-footer {
  position: fixed;
  bottom: 30px;
  width: 50% !important;
  margin-right: -33px !important;
  padding-right: 66px !important;
}
[dir='ltr'] .kip_ModalSidePopup.fullscreen .angular-modal .side-modal .modal-footer.angular-footer.save-footer {
  left: unset;
  right: 0;
}
[dir='rtl'] .kip_ModalSidePopup.fullscreen .angular-modal .side-modal .modal-footer.angular-footer.save-footer {
  right: unset;
  left: 0;
}
.angularPopup .modal-content {
  border-radius: 5px;
}
.angularPopup .modal-content p {
  padding-top: 10px;
  padding-left: 10px;
}
.angularPopup .modal-content .modal-footer {
  padding-bottom: 20px !important;
}
.angularPopup .modal-content .modal-footer .angular-hr {
  margin-bottom: 20px !important;
}
.angularPopup .modal-content .modal-footer .btn-secondary {
  float: left;
  margin-left: 10px;
}
.TSHintMain {
  border: 0px !important;
}
.TSHintMain img.img-forecast-circle {
  display: none !important;
}
#kip_ModalPopup .angular-modal .modal-body {
  max-height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.angular-modal {
  padding: 0px 30px;
}
.angular-modal .editpage {
  padding-bottom: 40px;
}
.angular-modal formly-field.col-sm-12.no-padding {
  padding: 0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.angular-modal .margin-top-7 {
  margin-top: 7px !important;
}
.angular-modal .margin-top-15 {
  margin-top: 15px !important;
}
.angular-modal .margin-bottom-0 {
  margin-bottom: 0px !important;
}
.angular-modal .margin-left-0 {
  margin-left: 0px !important;
}
.angular-modal .margin-left-15 {
  margin-inline-start: 15px !important;
}
.angular-modal .margin-left-25 {
  margin-left: 25px !important;
}
.angular-modal .padding-left-0 {
  padding-left: 0px !important;
}
.angular-modal .padding-bottom-100 {
  padding-bottom: 100px;
}
.angular-modal .modal-body {
  padding: 0px !important;
}
.angular-modal p {
  font-size: 16px;
  font-weight: 400;
  color: #1b262e;
}
.angular-modal div.note-editable.panel-body {
  font-size: 16px !important;
}
.angular-modal textarea.ng-invalid.ng-touched.ng-dirty + div.note-editor.note-frame.panel.panel-default.error {
  border: 2px solid #c60404 !important;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}
.angular-modal textarea.ng-invalid.ng-touched.ng-dirty + div.note-editor.note-frame.panel.panel-default {
  border: 2px solid #c60404 !important;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}
.angular-modal textarea.ng-invalid.ng-touched.ng-dirty + div.note-editor.note-frame.panel.panel-default.empty {
  border: 1px solid darkgray !important;
}
.angular-modal .note-editor {
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}
.angular-modal .admin-container.notabs {
  overflow-x: hidden;
  height: calc(100vh - 206px);
}
.angular-modal .content,
.angular-modal .mat-tab-body-content,
.angular-modal .tab-content {
  overflow-y: auto;
  overflow-x: hidden;
  display: inline-block;
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 280px);
  padding-bottom: 40px !important;
}
.angular-modal div.kip_ModalSidePopup app-forecast-copy-from .content {
  max-height: calc(100vh - 160px) !important;
}
.angular-modal #loadingContent {
  top: 54px;
  max-height: calc(100vh - 295px);
}
.angular-modal .mat-tab-body {
  height: 100%;
}
.angular-modal .editscreen .mat-tab-body-content {
  min-height: calc(100vh - 325px);
}
.angular-modal .editscreen .mat-tab-body-content .mat-tab-body-content {
  overflow-y: hidden;
  min-height: 100%;
}
.angular-modal .editscreen .mat-tab-body-content app-add-contact .mat-tab-body-content,
.angular-modal .editscreen .mat-tab-body-content app-edit-contact .mat-tab-body-content {
  overflow-y: auto;
}
.angular-modal .editscreen mat-tab-group.hides-tabs .mat-tab-body-wrapper {
  max-height: 0;
}
.angular-modal .addscreen .mat-tab-body-content {
  min-height: calc(100vh - 265px);
}
.angular-modal .addscreen .mat-tab-body-content .mat-tab-body-content {
  overflow-y: hidden;
  min-height: 100%;
}
.angular-modal .tab-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-box-shadow: none;
  background-color: transparent;
  position: inherit !important;
  max-height: 100vh !important;
  max-height: calc(100vh - 238px) !important;
}
.angular-modal .notabs {
  display: inline-block;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 10px;
  max-height: calc(100vh - 205px);
}
.angular-modal .editscreen .content,
.angular-modal .editscreen .tab-content {
  max-height: calc(100vh - 350px);
}
.angular-modal .editscreen .content.advancedsearch {
  max-height: calc(100vh - 135px);
}
.angular-modal .addscreen .content {
  padding-bottom: 0px !important;
}
.angular-modal .checkbox label .text {
  font-size: 16px;
  color: #1b262e;
}
.angular-modal .form-group.row {
  margin-left: 10px;
  margin-right: 10px;
}
.angular-modal .form-group.row .col-sm-12,
.angular-modal .form-group.row .col-sm-11,
.angular-modal .form-group.row .col-sm-10,
.angular-modal .form-group.row .col-sm-9,
.angular-modal .form-group.row .col-sm-8,
.angular-modal .form-group.row .col-sm-7,
.angular-modal .form-group.row .col-sm-6,
.angular-modal .form-group.row .col-sm-5,
.angular-modal .form-group.row .col-sm-4,
.angular-modal .form-group.row .col-sm-3,
.angular-modal .form-group.row .col-sm-2,
.angular-modal .form-group.row .col-sm-1,
.angular-modal .form-group.row .left-input {
  padding-inline-start: 0px;
}
.angular-modal .form-group.row .col-sm-12 .form-group,
.angular-modal .form-group.row .col-sm-11 .form-group,
.angular-modal .form-group.row .col-sm-10 .form-group,
.angular-modal .form-group.row .col-sm-9 .form-group,
.angular-modal .form-group.row .col-sm-8 .form-group,
.angular-modal .form-group.row .col-sm-7 .form-group,
.angular-modal .form-group.row .col-sm-6 .form-group,
.angular-modal .form-group.row .col-sm-5 .form-group,
.angular-modal .form-group.row .col-sm-4 .form-group,
.angular-modal .form-group.row .col-sm-3 .form-group,
.angular-modal .form-group.row .col-sm-2 .form-group,
.angular-modal .form-group.row .col-sm-1 .form-group,
.angular-modal .form-group.row .left-input .form-group {
  margin-left: 10px;
}
.angular-modal .form-group.row {
  margin-bottom: 0px;
}
.angular-modal .form-group textarea {
  margin-left: 10px;
}
.angular-modal .form-group formly-field-textarea textarea {
  width: 98%;
}
.angular-modal .ng-select,
.angular-modal input[type="text"],
.angular-modal textarea {
  border-radius: 4px !important;
  outline: solid 1px #b4bdc4;
  outline-style: unset;
  font-size: 16px;
  font-weight: 400;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .angular-modal {
    margin-right: 17px !important;
    /* IE10+ CSS */
  
  }
  .angular-modal .ng-select,
  .angular-modal input[type="text"] {
    outline: none;
  }
}
.angular-modal .angular-treegrid input[type="text"] {
  font-size: unset;
}
.angular-modal .TSClearLeft {
  padding-left: 0px;
  background-image: none;
}
.angular-modal .TSClearLeft img.img-forecast-circle {
  margin-left: 10px;
}
.angular-modal .TSClearLeft:before {
  content: "\f00d";
  font-family: FontAwesome;
  color: red;
  float: left;
  display: none;
}
.angular-modal td.TSClearLeft img.img-forecast-circle {
  margin-left: 0px;
}
.angular-modal .angular-treegrid input[type="text"] {
  font-size: unset;
}
.angular-modal .TSClearLeft {
  padding-left: 0px;
  background-image: none;
}
.angular-modal .TSClearLeft img.img-forecast-circle {
  margin-left: 10px;
}
.angular-modal .TSClearLeft:before {
  content: "\f00d";
  font-family: FontAwesome;
  color: red;
  float: left;
  display: none;
}
.angular-modal td.TSClearLeft img.img-forecast-circle {
  margin-left: 0px;
}
.angular-modal .angular-treegrid input[type="text"] {
  font-size: unset;
}
.angular-modal .TSClearLeft {
  padding-left: 0px;
  background-image: none;
}
.angular-modal .TSClearLeft img.img-forecast-circle {
  margin-left: 10px;
}
.angular-modal .TSClearLeft:before {
  content: "\f00d";
  font-family: FontAwesome;
  color: red;
  float: left;
  display: none;
}
.angular-modal td.TSClearLeft img.img-forecast-circle {
  margin-left: 0px;
}
.angular-modal td.TSClearLeft:hover img.img-forecast-circle {
  width: 20px;
}
.angular-modal td.TSClearLeft:hover::before {
  display: inline;
  animation: fadeIn 0.2s;
  opacity: 1;
  margin-right: 10px;
}
.angular-modal i.fa.fa-envelope.btn-trans {
  margin-left: 3px;
}
.angular-modal .float-clear-left {
  float: left;
  clear: left;
}
.angular-modal .margin-top-6 {
  margin-top: 6px;
}
.angular-modal .margin-top-9 {
  margin-top: 9px;
}
.angular-modal .padding-left-7 {
  padding-left: 7px;
}
.angular-modal .header-description {
  display: flex;
  align-items: center;
  color: #1b262e;
  height: 60px;
  padding: 0px 10px;
  font-size: 18px;
  font-weight: 600;
  word-break: break-all;
}
.angular-modal .header-description .dropdown-menu {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}
.angular-modal .status-description {
  display: flex;
  color: var(--sub-font-color);
  height: auto;
  padding-left: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  word-break: break-all;
}
.angular-modal hr.angular-hr {
  margin: 0px !important;
}
.angular-modal hr.angular-hr.blue {
  border-top: 2px solid #0070c0;
  margin-top: 20px !important;
  margin-bottom: 12px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: -10vw;
}
.angular-modal hr.angular-hr.blue.no-margin-bottom {
  margin-bottom: 0px !important;
}
.angular-modal hr.angular-hr.blue.margin-top-70 {
  margin-top: 70px !important;
}
.angular-modal hr.angular-hr.blue.margin-top-40 {
  margin-top: 40px !important;
}
.angular-modal div.left-checkbox-label {
  display: flex;
  align-items: center;
}
.angular-modal .form-group-row.input-group.input-addon {
  display: flex;
}
.angular-modal .form-group-row.input-group.input-addon .inputField {
  flex: 1 1 auto;
}
.angular-modal .form-group-row.input-group.input-addon .btn.btn-secondary {
  margin-left: 5px;
}
.angular-modal .form-group-row.input-group.input-addon .form-group.row.input-group.calendar-wrapper {
  margin-left: 0px !important;
  width: 100% !important;
}
.angular-modal .form-group-row.input-group.input-addon .addon {
  flex-shrink: 0;
  position: absolute;
  cursor: pointer;
  z-index: 10;
  padding: 5px 2px 0px 2px;
  right: 0px;
  top: 5px;
}
.angular-modal .form-group-row.input-group.input-addon .addon:after {
  color: #0070c0;
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  right: 10px;
  top: 13px;
  z-index: 3;
  cursor: pointer;
}
.angular-modal label.angular-label.left-checkbox-label {
  margin-right: 10px !important;
  padding-top: 0px !important;
}
.angular-modal .modal-header.angular-header {
  height: 60px !important;
  display: flex;
  align-items: center !important;
  height: 80px;
  padding: 0px 10px;
  background-color: white !important;
  color: #1b262e !important;
  font-size: 24px;
  font-weight: 100;
  border: 0px;
}
.angular-modal .modal-header.angular-header .closeIcon {
  margin-inline-start: auto;
}
.angular-modal .modal-header.angular-header #CloseBtn {
  opacity: 0.8 !important;
}
.angular-modal .modal-header.angular-header #CloseBtn span {
  float: right !important;
  height: 24px;
  padding: 0px;
  width: 24px;
  color: #0070c0;
  font-size: 30px;
}
.angular-modal .modal-header.angular-header #CloseBtn:hover {
  opacity: 1 !important;
}
.angular-modal .modal-header.angular-header .header-button {
  opacity: 0.8 !important;
  margin-top: 1px;
}
.angular-modal .modal-header.angular-header .header-button:hover {
  opacity: 1 !important;
}
.angular-modal .modal-header.angular-header .fa {
  padding-inline-end: 10px;
  color: #0070c0;
  font-weight: lighter;
}
.angular-modal .modal-header.angular-header .fas {
  padding-inline-end: 10px;
  color: #0070c0;
}
.angular-modal .modal-header.angular-header .breadcrumb-chevron {
  color: #4b565e;
}
.angular-modal .modal-header.angular-header .weight-4 {
  font-weight: 400;
  color: #1b262e;
}
.angular-modal .modal-footer.angular-footer {
  background-color: white;
  z-index: 12;
  padding: 10px 0px;
  min-height: 105px !important;
}
.angular-modal .modal-footer.angular-footer .angular-hr {
  margin-top: 0px !important;
  margin-bottom: 20px !important;
}
.angular-modal .modal-footer.angular-footer .closebutton:focus {
  box-shadow: none;
  border: 2px solid #115383;
}
.angular-modal .modal-footer.angular-footer.entity-type-footer.save-footer {
  z-index: 12;
}
.angular-modal .modal-footer.angular-footer.save-footer {
  position: fixed;
  padding: 0px 30px 5px 30px;
  width: 50vw;
  min-width: 600px;
  bottom: 30px;
}
[dir='ltr'] .angular-modal .modal-footer.angular-footer.save-footer {
  right: 0;
}
[dir='rtl'] .angular-modal .modal-footer.angular-footer.save-footer {
  left: 0;
}
.angular-modal .modal-footer.angular-footer.save-footer .btn-secondary {
  margin-inline-start: 0px !important;
}
[dir='ltr'] .angular-modal .modal-footer.angular-footer.save-footer .btn-secondary {
  float: left !important;
}
[dir='rtl'] .angular-modal .modal-footer.angular-footer.save-footer .btn-secondary {
  float: right !important;
}
.angular-modal .modal-footer.angular-footer.save-footer .btn-primary {
  margin-right: 0px !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .angular-modal .modal-footer.angular-footer.save-footer {
    bottom: 0px;
  }
  .angular-modal .modal-body.modal-loading {
    bottom: 0px;
  }
  .angular-modal label.datatable-checkbox input[type=checkbox] {
    opacity: 1;
    position: relative;
    left: 0px;
    z-index: 12;
    cursor: pointer;
    margin-top: 10px;
    width: 18px;
    height: 18px;
    background-color: white;
    font-family: FontAwesome;
    display: inline-block;
    content: "\a0";
    border-radius: 3px;
  }
  .angular-modal .filter-modal {
    top: 35px !important;
  }
}
.angular-modal .table.table-sm th {
  background-color: white;
}
.angular-modal .tableControls {
  position: absolute;
  bottom: 0px;
  width: 94%;
  padding-left: 10px;
  padding-top: 5px;
  background-color: white;
}
.angular-modal #searchquerytable.table th:nth-child(1),
.angular-modal #searchquerytable.table tr td:nth-child(1) {
  width: 30px;
}
.angular-modal #searchquerytable.table tr td:nth-child(2) div.form-group {
  margin-bottom: 0px !important;
}
.angular-modal #searchquerytable.table th:nth-child(3),
.angular-modal #searchquerytable.table tr td:nth-child(3) {
  width: 160px;
}
.angular-modal #searchquerytable.table tr td .checkbox {
  margin: 0px;
}
.angular-modal #searchquerytable.table tr th:nth-child(5),
.angular-modal #searchquerytable.table tr td:nth-child(5) {
  width: 90px;
}
.angular-modal #projectLevelsTable.table th:nth-child(1),
.angular-modal #projectLevelsTable.table tr td:nth-child(1) {
  text-align: center;
  width: 30px;
}
.angular-modal #projectLevelsTable.table tr td:nth-child(2) {
  padding-left: 0px !important;
}
.angular-modal #projectLevelsTable.table th:nth-child(2),
.angular-modal #projectLevelsTable.table tr td:nth-child(2) {
  width: 100px;
}
.angular-modal #projectLevelsTable.table th:nth-child(2) div.form-group,
.angular-modal #projectLevelsTable.table tr td:nth-child(2) div.form-group {
  margin-bottom: 0px !important;
}
.angular-modal #projectLevelsTable.table tr td:nth-child(3) {
  padding-left: 0px !important;
}
.angular-modal #projectLevelsTable.table th:nth-child(3),
.angular-modal #projectLevelsTable.table tr td:nth-child(3) {
  width: 100px;
}
.angular-modal #projectLevelsTable.table tr td .checkbox {
  margin: 0px;
}
.angular-modal #projectLevelsTable.table tr td:nth-child(4) {
  padding-left: 0px !important;
}
.angular-modal #projectLevelsTable.table tr th:nth-child(4),
.angular-modal #projectLevelsTable.table tr td:nth-child(4) {
  width: 40px;
}
.angular-modal .datatable-body.datatable-body {
  border-bottom: none;
}
.angular-modal #restrictionstable.ngx-datatable.restriction-with-tabs .datatable-body {
  max-height: calc(100vh - 500px) !important;
}
.angular-modal #restrictionstable.ngx-datatable.restriction-without-tabs .datatable-body {
  max-height: calc(100vh - 520px) !important;
}
.angular-modal #restrictionstable.ngx-datatable.copyFromSupplyTable {
  width: 95% !important;
}
.angular-modal #restrictionstable.ngx-datatable.copyFromSupplyTable .datatable-body {
  height: 160px !important;
  width: 100% !important;
  overflow-y: auto !important;
}
.angular-modal #searchresultstable.ngx-datatable .datatable-body {
  max-height: calc(100vh - 630px) !important;
}
.angular-modal #resultstable.ngx-datatable .datatable-body {
  max-height: initial !important;
}
.angular-modal #dataloadcreationtable.ngx-datatable .datatable-body {
  max-height: initial !important;
}
.angular-modal #restrictionstable.ngx-datatable .datatable-header {
  height: 40px !important;
}
.angular-modal #departmentplanningratestable.ngx-datatable .datatable-body {
  max-height: calc(100vh - 550px) !important;
}
.angular-modal #departmentplanningratestable.ngx-datatable .datatable-body-row:hover {
  background-color: #f2f8fc;
}
.angular-modal #departmentplanningratestable.ngx-datatable datatable-body-row.active {
  background-color: #f4f4f5;
}
.angular-modal #departmentplanningratestable.ngx-datatable #currency.ng-select {
  padding-top: 4px;
}
.angular-modal #departmentplanningratestable.ngx-datatable #planningPeriod\.startDate.ng-select {
  padding-top: 5px;
}
.angular-modal #departmentplanningratestable.ngx-datatable #localRate.angular-input,
.angular-modal #departmentplanningratestable.ngx-datatable #localCostRate.angular-input,
.angular-modal #departmentplanningratestable.ngx-datatable #localChargeRate.angular-input {
  margin-top: 5px;
}
.angular-modal #departmentplanningratestable.ngx-datatable .datatable-header-cell:nth-child(2) {
  padding-left: 10px;
}
.angular-modal #departmentplanningratestable.ngx-datatable .datatable-body-cell:last-child {
  padding-inline-start: 9px;
  padding-top: 5px;
}
.angular-modal #departmentplanningratestable.ngx-datatable .datatable-header-cell:last-child {
  padding-left: 9px;
}
.angular-modal #departmentplanningratestable.ngx-datatable .ng-select .ng-select-container .ng-value-container .ng-value {
  width: 200px;
}
.angular-modal #skillstable.ngx-datatable .datatable-body {
  max-height: calc(100vh - 370px) !important;
}
.angular-modal #skillstable.ngx-datatable .datatable-body-row:hover {
  background-color: #f2f8fc;
}
.angular-modal #skillstable.ngx-datatable datatable-body-row.active {
  background-color: #f4f4f5;
}
.angular-modal #skillstable.ngx-datatable label[for="skillRowLabel"] {
  padding-top: 12px;
  font-weight: 400;
  font-size: 16px;
  color: #1b262e;
}
.angular-modal #skillstable.ngx-datatable #level.ng-select {
  margin-top: 5px;
}
.angular-modal #skillstable.ngx-datatable .datatable-body-cell-label label {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.angular-modal #skillstable.ngx-datatable .datatable-body-cell:last-child {
  padding-left: 9px;
  padding-top: 5px;
}
.angular-modal #skillstable.ngx-datatable .datatable-header-cell:last-child {
  padding-inline-start: 9px;
}
.angular-modal #skillstable.ngx-datatable .ng-select .ng-select-container .ng-value-container {
  display: block !important;
}
.angular-modal #skillstable.ngx-datatable.has-header-description .datatable-body {
  max-height: calc(100vh - 450px) !important;
}
.angular-modal #rolestable.ngx-datatable .datatable-body {
  max-height: calc(100vh - 370px) !important;
}
.angular-modal #rolestable.ngx-datatable .datatable-body-row:hover {
  background-color: #f2f8fc;
}
.angular-modal #rolestable.ngx-datatable datatable-body-row.active {
  background-color: #f4f4f5;
}
.angular-modal #rolestable.ngx-datatable label[for="roleRowLabel"] {
  padding-top: 12px;
  font-weight: 400;
  font-size: 16px;
  color: #1b262e;
}
.angular-modal #rolestable.ngx-datatable .datatable-body-cell-label label {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.angular-modal #rolestable.ngx-datatable #ratio {
  margin-top: 5px !important;
}
.angular-modal #rolestable.ngx-datatable .datatable-body-cell span {
  margin-top: 10px !important;
  margin-left: 10px !important;
}
.angular-modal #rolestable.ngx-datatable .datatable-body-cell:last-child {
  padding-left: 9px;
  padding-top: 5px;
}
.angular-modal #rolestable.ngx-datatable .datatable-header-cell:last-child {
  padding-left: 9px;
}
.angular-modal #rolestable.ngx-datatable.has-header-description .datatable-body {
  max-height: calc(100vh - 450px) !important;
}
.angular-modal #projectstable.ngx-datatable .datatable-header {
  display: flex !important;
  align-items: center !important;
}
.angular-modal #projectstable.ngx-datatable .datatable-header-cell {
  display: flex !important;
  align-items: center !important;
}
.angular-modal #projectstable.ngx-datatable .datatable-body {
  max-height: calc(100vh - 390px) !important;
}
.angular-modal #projectstable.ngx-datatable .datatable-body-row:hover {
  background-color: #f2f8fc;
}
.angular-modal #projectstable.ngx-datatable datatable-body-row.active {
  background-color: #f4f4f5;
}
.angular-modal #projectstable.ngx-datatable label[for="projectRowLabel"] {
  padding-top: 12px;
  font-weight: 400;
  font-size: 16px;
  color: #1b262e;
}
.angular-modal #projectstable.ngx-datatable .datatable-body-cell-label label {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.angular-modal #planningratestable.table thead,
.angular-modal #projectLevelsTable.table thead,
.angular-modal .displayTable.table thead {
  height: 50px;
}
.angular-modal #searchquerytable.table .btn.btn-secondary,
.angular-modal #planningratestable.table .btn.btn-secondary,
.angular-modal #projectLevelsTable.table .btn.btn-secondary,
.angular-modal .displayTable.table .btn.btn-secondary {
  background-color: white;
  color: #0070c0;
  border: 2px solid #0070c0;
  font-family: var(--font-family);
  padding: 0px 20px;
  margin-right: 10px;
  border-radius: 1000px;
  height: 40px;
}
.angular-modal #searchquerytable.table .btn.btn-default:focus,
.angular-modal #planningratestable.table .btn.btn-default:focus,
.angular-modal #projectLevelsTable.table .btn.btn-default:focus,
.angular-modal .displayTable.table .btn.btn-default:focus,
.angular-modal #searchquerytable.table .btn.btn-default:active,
.angular-modal #planningratestable.table .btn.btn-default:active,
.angular-modal #projectLevelsTable.table .btn.btn-default:active,
.angular-modal .displayTable.table .btn.btn-default:active,
.angular-modal #searchquerytable.table .btn.btn-secondary:focus,
.angular-modal #planningratestable.table .btn.btn-secondary:focus,
.angular-modal #projectLevelsTable.table .btn.btn-secondary:focus,
.angular-modal .displayTable.table .btn.btn-secondary:focus,
.angular-modal #searchquerytable.table .btn.btn-secondary:active,
.angular-modal #planningratestable.table .btn.btn-secondary:active,
.angular-modal #projectLevelsTable.table .btn.btn-secondary:active,
.angular-modal .displayTable.table .btn.btn-secondary:active {
  box-shadow: none;
  border: 2px solid #115383;
}
.angular-modal #searchquerytable.table thead tr,
.angular-modal #planningratestable.table thead tr,
.angular-modal #projectLevelsTable.table thead tr,
.angular-modal .displayTable.table thead tr {
  background-image: none !important;
  background-color: white !important;
}
.angular-modal #searchquerytable.table thead tr th,
.angular-modal #planningratestable.table thead tr th,
.angular-modal #projectLevelsTable.table thead tr th,
.angular-modal .displayTable.table thead tr th {
  color: #1b262e;
  font-weight: bold !important;
  font-size: 16px !important;
  align-items: center !important;
  border-bottom: 1px solid #1b262e !important;
}
.angular-modal #searchquerytable.table thead tr th .checkbox,
.angular-modal #planningratestable.table thead tr th .checkbox,
.angular-modal #projectLevelsTable.table thead tr th .checkbox,
.angular-modal .displayTable.table thead tr th .checkbox {
  padding: 0 10px;
  margin-bottom: 0px;
}
.angular-modal #searchquerytable.table thead,
.angular-modal #planningratestable.table thead,
.angular-modal #projectLevelsTable.table thead,
.angular-modal .displayTable.table thead,
.angular-modal #searchquerytable.table tbody tr,
.angular-modal #planningratestable.table tbody tr,
.angular-modal #projectLevelsTable.table tbody tr,
.angular-modal .displayTable.table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.angular-modal #searchquerytable.table thead td.checkbox,
.angular-modal #planningratestable.table thead td.checkbox,
.angular-modal #projectLevelsTable.table thead td.checkbox,
.angular-modal .displayTable.table thead td.checkbox,
.angular-modal #searchquerytable.table tbody tr td.checkbox,
.angular-modal #planningratestable.table tbody tr td.checkbox,
.angular-modal #projectLevelsTable.table tbody tr td.checkbox,
.angular-modal .displayTable.table tbody tr td.checkbox,
.angular-modal #searchquerytable.table thead th.checkbox,
.angular-modal #planningratestable.table thead th.checkbox,
.angular-modal #projectLevelsTable.table thead th.checkbox,
.angular-modal .displayTable.table thead th.checkbox,
.angular-modal #searchquerytable.table tbody tr th.checkbox,
.angular-modal #planningratestable.table tbody tr th.checkbox,
.angular-modal #projectLevelsTable.table tbody tr th.checkbox,
.angular-modal .displayTable.table tbody tr th.checkbox {
  width: 20px;
}
.angular-modal #searchquerytable.table tbody,
.angular-modal #planningratestable.table tbody,
.angular-modal #projectLevelsTable.table tbody,
.angular-modal .displayTable.table tbody {
  display: block;
}
.angular-modal #searchquerytable.table tbody tr:hover,
.angular-modal #planningratestable.table tbody tr:hover,
.angular-modal #projectLevelsTable.table tbody tr:hover,
.angular-modal .displayTable.table tbody tr:hover {
  background-color: #f2f8fc;
}
.angular-modal #searchquerytable.table tbody tr.selectedRow,
.angular-modal #planningratestable.table tbody tr.selectedRow,
.angular-modal #projectLevelsTable.table tbody tr.selectedRow,
.angular-modal .displayTable.table tbody tr.selectedRow {
  background-color: #f4f4f5;
}
.angular-modal #searchquerytable.table tbody td,
.angular-modal #planningratestable.table tbody td,
.angular-modal #projectLevelsTable.table tbody td,
.angular-modal .displayTable.table tbody td {
  align-items: center;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  color: #1b262e;
  border-top: 1px solid #b4bdc4;
  padding: 4px 2px !important;
}
.angular-modal #searchquerytable.table tbody td formly-wrapper-form-field .form-group,
.angular-modal #planningratestable.table tbody td formly-wrapper-form-field .form-group,
.angular-modal #projectLevelsTable.table tbody td formly-wrapper-form-field .form-group,
.angular-modal .displayTable.table tbody td formly-wrapper-form-field .form-group {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.angular-modal #searchquerytable.table tfoot,
.angular-modal #planningratestable.table tfoot,
.angular-modal #projectLevelsTable.table tfoot,
.angular-modal .displayTable.table tfoot {
  height: 100% !important;
  border-top: 1px solid #1b262e !important;
}
.angular-modal #searchquerytable.table tfoot button,
.angular-modal #planningratestable.table tfoot button,
.angular-modal #projectLevelsTable.table tfoot button,
.angular-modal .displayTable.table tfoot button {
  margin-top: 10px;
}
.angular-modal #planningratestable.table #currency.ng-select {
  padding-top: 4px;
}
.angular-modal #planningratestable.table #planningPeriod\.startDate.ng-select {
  padding-top: 5px;
}
.angular-modal #planningratestable.table #planningPeriod\.startDate.ng-select .ng-value-container {
  display: block !important;
}
.angular-modal #planningratestable.table .angular-input {
  margin-top: 5px;
}
.angular-modal #planningratestable.table .datatable-header-cell:nth-child(2) {
  padding-left: 10px;
}
.angular-modal #planningratestable.table .datatable-body-cell:last-child {
  padding-left: 9px;
  padding-top: 5px;
}
.angular-modal #planningratestable.table .datatable-header-cell:last-child {
  padding-left: 9px;
}
.angular-modal .displayTable.table thead tr th,
.angular-modal .displayTable.table tbody tr td {
  text-align: left;
  align-items: unset;
}
.angular-modal .displayTable.table thead tr,
.angular-modal .displayTable.table tbody tr {
  cursor: pointer;
}
.GridDebugTag {
  z-index: 2050;
}
.kip_ModalSidePopup.fullscreen .mat-tab-body-content {
  min-height: 100%;
  display: block;
  padding-bottom: 0px !important;
}
.kip_ModalSidePopup.fullscreen .mat-tab-body-content .mat-tab-body-content {
  min-height: 100%;
}
locks-edit .notabs {
  max-height: calc(100vh - 256px) !important;
}
.kip_ModalSidePopup .angular-modal .modal-body.modal-loading {
  left: 0px;
  background: url(data:image/gif;base64,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) no-repeat center !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .kip_ModalSidePopup .angular-modal .modal-body .modal-loading {
    left: 50vw;
  }
}
[dir='ltr'] .kip_ModalSidePopup .angular-modal .modal-body .loginrow {
  margin-right: 0px !important;
}
[dir='rtl'] .kip_ModalSidePopup .angular-modal .modal-body .loginrow {
  margin-left: 0px !important;
}
[dir='ltr'] .kip_ModalSidePopup .angular-modal .modal-body .permissionRow {
  margin-right: 0px !important;
}
[dir-'rtl'] .kip_ModalSidePopup .angular-modal .modal-body .permissionRow {
  margin-left: 0px !important;
}
#contactstable.ngx-datatable .datatable-header-cell {
  display: flex !important;
  align-items: center !important;
}
#contactstable.ngx-datatable .datatable-body {
  max-height: calc(100vh - 450px) !important;
}
#contactstable.ngx-datatable .datatable-body-cell:last-child {
  padding-top: 2px;
}
#contactstable.ngx-datatable .datatable-header-cell:last-child {
  padding-top: 8px;
}
.kip_ChildModalSidePopup {
  padding: 0px !important;
}
.kip_ChildModalSidePopup .contact-add .content,
.kip_ChildModalSidePopup .contact-add .mat-tab-body-content {
  max-height: calc(100vh - 265px) !important;
}
#wfdesigner_wfdesigner_transition_jsonform_container .angular-modal .calendar-wrapper {
  display: block;
  position: relative;
}
#wfdesigner_wfdesigner_transition_jsonform_container .angular-modal .calendar-button:after {
  color: #0070c0;
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  right: 10px;
  top: 13px;
  content: "\f073";
  z-index: 1050;
  cursor: pointer;
}
.kip_ModalSidePopup .angular-modal .modal-body,
#kip_ModalPopup .angular-modal .modal-body {
  padding: 0px !important;
}
.kip_ModalSidePopup .angular-modal .modal-body .editpage.popup.form-horizontal.container-fluid,
#kip_ModalPopup .angular-modal .modal-body .editpage.popup.form-horizontal.container-fluid {
  padding: 0px !important;
}
.kip_ModalSidePopup .angular-modal .modal-body .editpage.popup.form-horizontal.container-fluid .form-group.row,
#kip_ModalPopup .angular-modal .modal-body .editpage.popup.form-horizontal.container-fluid .form-group.row {
  padding: 0px 15px;
}
.kip_ModalSidePopup .angular-modal .modal-body .editpage.popup.form-horizontal.container-fluid label.angular-label,
#kip_ModalPopup .angular-modal .modal-body .editpage.popup.form-horizontal.container-fluid label.angular-label {
  padding: 0px 15px !important;
}
.kip_ModalSidePopup .angular-modal input.ng-invalid.ng-touched,
#kip_ModalPopup .angular-modal input.ng-invalid.ng-touched {
  border-color: #c60404 !important;
  border-width: 2px !important;
}
.kip_ModalSidePopup .angular-modal .kip-alert,
#kip_ModalPopup .angular-modal .kip-alert {
  font-size: 12px;
  color: #c60404 !important;
}
.kip_ModalSidePopup .angular-modal input[type=checkbox]:checked ~ .text:before,
#kip_ModalPopup .angular-modal input[type=checkbox]:checked ~ .text:before {
  border-color: #0070c0 !important;
}
.kip_ModalSidePopup .angular-modal input[type=checkbox]:checked:disabled ~ .text:before,
#kip_ModalPopup .angular-modal input[type=checkbox]:checked:disabled ~ .text:before,
.kip_ModalSidePopup .angular-modal input[type=checkbox]:disabled ~ .text:before,
#kip_ModalPopup .angular-modal input[type=checkbox]:disabled ~ .text:before {
  border-color: rgba(0, 0, 0, 0.4) !important;
  color: rgba(0, 0, 0, 0.4) !important;
  cursor: not-allowed;
}
.kip_ModalSidePopup .angular-modal input[type=radio]:checked ~ .text:before,
#kip_ModalPopup .angular-modal input[type=radio]:checked ~ .text:before {
  color: #0070c0;
  border-color: #0070c0;
}
.kip_ModalSidePopup .angular-modal input[type=radio] ~ .text:before,
#kip_ModalPopup .angular-modal input[type=radio] ~ .text:before {
  border-color: #0070c0;
}
.kip_ModalSidePopup .angular-modal input[type=checkbox] ~ .text:before,
#kip_ModalPopup .angular-modal input[type=checkbox] ~ .text:before {
  color: #0070c0 !important;
  border: 2px solid #0070c0 !important;
  border-radius: 3px;
}
.kip_ModalSidePopup .angular-modal span.required,
#kip_ModalPopup .angular-modal span.required {
  font-weight: bold;
  color: #c60404;
}
.kip_ModalSidePopup .angular-modal .control-link.angular-link,
#kip_ModalPopup .angular-modal .control-link.angular-link {
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0px;
  margin: 20px 10px 10px 10px !important;
  font-family: var(--font-family);
  text-align: left;
  font-size: 14px;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label,
#kip_ModalPopup .angular-modal .control-label.angular-label {
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0px;
  margin: 20px 10px 10px 10px !important;
  font-family: var(--font-family);
  color: #1b262e;
  font-weight: bold;
  text-align: start;
  font-weight: 600;
  font-size: 14px;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label,
#kip_ModalPopup .angular-modal .control-label.angular-label {
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0px;
  margin: 20px 10px 10px 10px !important;
  font-family: var(--font-family);
  color: #1b262e;
  font-weight: bold;
  text-align: start;
  font-weight: 600;
  font-size: 14px;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label.header-text,
#kip_ModalPopup .angular-modal .control-label.angular-label.header-text {
  font-size: 18px;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label.light,
#kip_ModalPopup .angular-modal .control-label.angular-label.light {
  font-weight: 400;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label.header-text,
#kip_ModalPopup .angular-modal .control-label.angular-label.header-text {
  font-size: 18px;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label.margin-left-0,
#kip_ModalPopup .angular-modal .control-label.angular-label.margin-left-0 {
  margin-left: 0px !important;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label.margin-left-40,
#kip_ModalPopup .angular-modal .control-label.angular-label.margin-left-40 {
  margin-left: 40px !important;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label.margin-top-0,
#kip_ModalPopup .angular-modal .control-label.angular-label.margin-top-0 {
  margin-top: 0px !important;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label.margin-top-9,
#kip_ModalPopup .angular-modal .control-label.angular-label.margin-top-9 {
  margin-top: 9px !important;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label.margin-left-80,
#kip_ModalPopup .angular-modal .control-label.angular-label.margin-left-80 {
  margin-left: 80px !important;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label.margin-top-10,
#kip_ModalPopup .angular-modal .control-label.angular-label.margin-top-10 {
  margin-top: 10px !important;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label.margin-top-15,
#kip_ModalPopup .angular-modal .control-label.angular-label.margin-top-15 {
  margin-top: 15px !important;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label.centre-vertically,
#kip_ModalPopup .angular-modal .control-label.angular-label.centre-vertically {
  margin: 10px 10px 10px 10px !important;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label.margin-top-21,
#kip_ModalPopup .angular-modal .control-label.angular-label.margin-top-21 {
  margin-top: 21px !important;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label.centre-vertically,
#kip_ModalPopup .angular-modal .control-label.angular-label.centre-vertically {
  margin: 10px 10px 10px 10px !important;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label.centre-vertically.no-left-margin,
#kip_ModalPopup .angular-modal .control-label.angular-label.centre-vertically.no-left-margin {
  margin: 10px 10px 10px 0px !important;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label.no-margin-top,
#kip_ModalPopup .angular-modal .control-label.angular-label.no-margin-top {
  margin-top: 0px !important;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label.no-margin-bottom,
#kip_ModalPopup .angular-modal .control-label.angular-label.no-margin-bottom {
  margin-bottom: 0px !important;
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label.margin-left-25,
#kip_ModalPopup .angular-modal .control-label.angular-label.margin-left-25 {
  margin-left: 25px !important;
}
.kip_ModalSidePopup .angular-modal input[type=checkbox].angular-checkbox,
#kip_ModalPopup .angular-modal input[type=checkbox].angular-checkbox {
  border: 2px solid #0070c0;
  background-color: white;
  color: #0070c0;
  width: 20px;
  height: 20px;
}
.kip_ModalSidePopup .angular-modal ng-select.ng-select-multiple .ng-value,
#kip_ModalPopup .angular-modal ng-select.ng-select-multiple .ng-value {
  background-color: #f4f4f5;
}
.kip_ModalSidePopup .angular-modal ng-select .ng-value-icon.right,
#kip_ModalPopup .angular-modal ng-select .ng-value-icon.right {
  border-left: 0px;
  color: #c60404 !important;
  font: normal normal normal 14px;
  padding: 0px 10px;
  font-size: inherit;
  text-rendering: auto;
  content: "\f00d" !important;
}
.kip_ModalSidePopup .angular-modal ng-select .ng-value-icon.right i,
#kip_ModalPopup .angular-modal ng-select .ng-value-icon.right i {
  pointer-events: none;
}
.kip_ModalSidePopup .angular-modal ng-select .selected-item,
#kip_ModalPopup .angular-modal ng-select .selected-item {
  background-color: #f4f4f5;
  height: 30px !important;
  margin: 5px 0px !important;
}
.kip_ModalSidePopup .angular-modal select.form-control,
#kip_ModalPopup .angular-modal select.form-control {
  height: 40px !important;
  font-family: var(--font-family) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 0px 10px !important;
}
.kip_ModalSidePopup .angular-modal input.form-control,
#kip_ModalPopup .angular-modal input.form-control {
  border-radius: 4px !important;
  border: 1px solid #b4bdc4;
  height: 40px !important;
  font-family: var(--font-family) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 0px 10px !important;
  font-weight: 400 !important;
}
.kip_ModalSidePopup .angular-modal input.form-control:focus,
#kip_ModalPopup .angular-modal input.form-control:focus {
  border: 2px solid #0070c0;
  margin: 0px;
  box-shadow: none !important;
}
.kip_ModalSidePopup .angular-modal textarea.form-control:focus,
#kip_ModalPopup .angular-modal textarea.form-control:focus {
  border: 2px solid #0070c0;
  margin: 0px;
  box-shadow: none !important;
}
.kip_ModalSidePopup .angular-modal textarea.form-control,
#kip_ModalPopup .angular-modal textarea.form-control {
  border-radius: 4px !important;
  border: 1px solid #b4bdc4;
  /*height: 40px !important;*/
  font-family: var(--font-family) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  /*padding: 0px 10px !important;*/
  font-weight: 400 !important;
  margin-left: 0px;
}
.kip_ModalSidePopup .angular-modal .angular-input:disabled,
#kip_ModalPopup .angular-modal .angular-input:disabled {
  height: 40px !important;
  font-family: var(--font-family) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 0px 10px !important;
  box-shadow: 0px 0px 0px 0px;
  background-color: white;
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-bottom: 1px solid #b4bdc4;
  border-radius: 0px !important;
}
.kip_ModalSidePopup .angular-modal .angular-input#pluralLabel:disabled,
#kip_ModalPopup .angular-modal .angular-input#pluralLabel:disabled,
.kip_ModalSidePopup .angular-modal .angular-input#singularLabel:disabled,
#kip_ModalPopup .angular-modal .angular-input#singularLabel:disabled,
.kip_ModalSidePopup .angular-modal .angular-input#abbreviation:disabled,
#kip_ModalPopup .angular-modal .angular-input#abbreviation:disabled {
  border-bottom: 0px !important;
}
.kip_ModalSidePopup .angular-modal formly-field-radio div.radio,
#kip_ModalPopup .angular-modal formly-field-radio div.radio {
  padding-left: 15px;
}
.kip_ModalSidePopup .angular-modal formly-field .offset-15px,
#kip_ModalPopup .angular-modal formly-field .offset-15px {
  padding-left: 15px !important;
}
.kip_ModalSidePopup .angular-modal formly-field .offset-15px .form-group.row,
#kip_ModalPopup .angular-modal formly-field .offset-15px .form-group.row {
  padding-left: 15px !important;
}
.kip_ModalSidePopup .angular-modal formly-field .offset-30px,
#kip_ModalPopup .angular-modal formly-field .offset-30px {
  padding-left: 30px !important;
}
.kip_ModalSidePopup .angular-modal formly-field .margin-offset-10px,
#kip_ModalPopup .angular-modal formly-field .margin-offset-10px {
  margin-left: 10px;
}
.kip_ModalSidePopup .angular-modal .angular-input:disabled,
#kip_ModalPopup .angular-modal .angular-input:disabled,
.kip_ModalSidePopup .angular-modal .angular-input[readonly="readonly"],
#kip_ModalPopup .angular-modal .angular-input[readonly="readonly"],
.kip_ModalSidePopup .angular-modal .angular-input[readonly="readonly"]:focus,
#kip_ModalPopup .angular-modal .angular-input[readonly="readonly"]:focus {
  height: 40px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 0px 10px !important;
  box-shadow: 0px 0px 0px 0px;
  background-color: white;
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-bottom: 1px solid #b4bdc4 !important;
  border-radius: 0px !important;
}
.kip_ModalSidePopup .angular-modal .longtext:disabled,
#kip_ModalPopup .angular-modal .longtext:disabled,
.kip_ModalSidePopup .angular-modal .longtext[readonly="readonly"],
#kip_ModalPopup .angular-modal .longtext[readonly="readonly"],
.kip_ModalSidePopup .angular-modal .longtext[readonly="readonly"]:hover,
#kip_ModalPopup .angular-modal .longtext[readonly="readonly"]:hover,
.kip_ModalSidePopup .angular-modal [readonly="readonly"]:focus,
#kip_ModalPopup .angular-modal [readonly="readonly"]:focus {
  height: auto !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 0px 10px !important;
  box-shadow: 0px 0px 0px 0px;
  background-color: #e5e5e5 !important;
}
.kip_ModalSidePopup .angular-modal input.btn[readonly="readonly"]:focus,
#kip_ModalPopup .angular-modal input.btn[readonly="readonly"]:focus {
  padding: 0px 20px !important;
  height: 40px !important;
}
.kip_ModalSidePopup .angular-modal .margin-left-10,
#kip_ModalPopup .angular-modal .margin-left-10 {
  margin-left: 10px;
}
.kip_ModalSidePopup .angular-modal button.angular-calendar:disabled,
#kip_ModalPopup .angular-modal button.angular-calendar:disabled {
  display: none;
}
.kip_ModalSidePopup .angular-modal .lastEdit,
#kip_ModalPopup .angular-modal .lastEdit {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #4b565e;
}
.kip_ModalSidePopup .angular-modal input[type=text].angular-code:focus,
#kip_ModalPopup .angular-modal input[type=text].angular-code:focus {
  box-shadow: none;
}
.kip_ModalSidePopup .angular-modal span.required,
#kip_ModalPopup .angular-modal span.required {
  font-weight: bold;
  color: #c60404;
}
.kip_ModalSidePopup .angular-modal span.text,
#kip_ModalPopup .angular-modal span.text {
  font-weight: 500 !important;
}
.kip_ModalSidePopup .angular-modal formly-field-textarea textarea.form-control:focus,
#kip_ModalPopup .angular-modal formly-field-textarea textarea.form-control:focus {
  height: auto !important;
  margin-left: 10px;
}
.kip_ModalSidePopup .angular-modal formly-field-textarea textarea.form-control#description:focus,
#kip_ModalPopup .angular-modal formly-field-textarea textarea.form-control#description:focus {
  height: auto !important;
  margin-left: 5px;
}
.kip_ModalSidePopup .angular-modal formly-field-textarea textarea.form-control,
#kip_ModalPopup .angular-modal formly-field-textarea textarea.form-control {
  height: auto !important;
  margin-left: 10px;
}
.kip_ModalSidePopup .angular-modal formly-field-textarea textarea.form-control#description,
#kip_ModalPopup .angular-modal formly-field-textarea textarea.form-control#description {
  height: auto !important;
  margin-left: 5px;
}
.kip_ModalSidePopup .angular-modal .formly-calendar,
#kip_ModalPopup .angular-modal .formly-calendar {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right: 0px !important;
}
.kip_ModalSidePopup .angular-modal .formly-calendar-button,
#kip_ModalPopup .angular-modal .formly-calendar-button {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left: 0px !important;
  height: 100% !important;
}
.kip_ModalSidePopup .angular-modal .formly-date-picker,
#kip_ModalPopup .angular-modal .formly-date-picker {
  padding-right: 0px;
}
.kip_ModalSidePopup .angular-modal .formly-date-picker-button,
#kip_ModalPopup .angular-modal .formly-date-picker-button {
  padding-left: 0px;
}
.kip_ModalSidePopup .angular-modal formly-date-picker .input-group,
#kip_ModalPopup .angular-modal formly-date-picker .input-group,
.kip_ModalSidePopup .angular-modal formly-date-picker app-calendar-range input-group,
#kip_ModalPopup .angular-modal formly-date-picker app-calendar-range input-group {
  display: flex;
  flex-direction: row;
  width: 180px;
}
.kip_ModalSidePopup .angular-modal formly-date-picker .calendar-wrapper,
#kip_ModalPopup .angular-modal formly-date-picker .calendar-wrapper {
  display: block;
  position: relative;
}
.kip_ModalSidePopup .angular-modal formly-date-picker .calendar-button:after,
#kip_ModalPopup .angular-modal formly-date-picker .calendar-button:after {
  color: #0070c0;
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  top: 13px;
  content: "\f073";
  z-index: 3;
  cursor: pointer;
}
[dir='ltr'] .kip_ModalSidePopup .angular-modal formly-date-picker .calendar-button:after,
[dir='ltr'] #kip_ModalPopup .angular-modal formly-date-picker .calendar-button:after {
  right: 10px;
}
[dir='rtl'] .kip_ModalSidePopup .angular-modal formly-date-picker .calendar-button:after,
[dir='rtl'] #kip_ModalPopup .angular-modal formly-date-picker .calendar-button:after {
  left: 10px;
}
.kip_ModalSidePopup .angular-modal formly-date-picker i.fa,
#kip_ModalPopup .angular-modal formly-date-picker i.fa {
  padding-right: 0px;
  margin-right: 0px;
}
.kip_ModalSidePopup .angular-modal formly-date-picker .time-wrapper,
#kip_ModalPopup .angular-modal formly-date-picker .time-wrapper {
  width: 300px;
  padding-left: 200px;
  margin-top: -28px;
}
.kip_ModalSidePopup .angular-modal custom-field-date-picker .calendar-button:after,
#kip_ModalPopup .angular-modal custom-field-date-picker .calendar-button:after {
  color: #0070c0;
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  right: 10px;
  top: 13px;
  content: "\f073";
  z-index: 3;
  cursor: pointer;
}
.kip_ModalSidePopup .angular-modal app-calendar-single .input-group,
#kip_ModalPopup .angular-modal app-calendar-single .input-group,
.kip_ModalSidePopup .angular-modal app-calendar-range .input-group,
#kip_ModalPopup .angular-modal app-calendar-range .input-group,
.kip_ModalSidePopup .angular-modal app-calendar-single app-calendar-range input-group,
#kip_ModalPopup .angular-modal app-calendar-single app-calendar-range input-group,
.kip_ModalSidePopup .angular-modal app-calendar-range app-calendar-range input-group,
#kip_ModalPopup .angular-modal app-calendar-range app-calendar-range input-group {
  display: flex;
  flex-direction: row;
  width: 180px;
}
.kip_ModalSidePopup .angular-modal app-calendar-single .input-group,
#kip_ModalPopup .angular-modal app-calendar-single .input-group,
.kip_ModalSidePopup .angular-modal app-calendar-range .input-group,
#kip_ModalPopup .angular-modal app-calendar-range .input-group,
.kip_ModalSidePopup .angular-modal app-calendar-single app-calendar-range input-group,
#kip_ModalPopup .angular-modal app-calendar-single app-calendar-range input-group,
.kip_ModalSidePopup .angular-modal app-calendar-range app-calendar-range input-group,
#kip_ModalPopup .angular-modal app-calendar-range app-calendar-range input-group {
  display: flex;
  flex-direction: row;
  width: 180px;
}
.kip_ModalSidePopup .angular-modal app-calendar-single .calendar-wrapper,
#kip_ModalPopup .angular-modal app-calendar-single .calendar-wrapper,
.kip_ModalSidePopup .angular-modal app-calendar-range .calendar-wrapper,
#kip_ModalPopup .angular-modal app-calendar-range .calendar-wrapper {
  display: inline-block;
  position: relative;
}
.kip_ModalSidePopup .angular-modal app-calendar-single .calendar-button:after,
#kip_ModalPopup .angular-modal app-calendar-single .calendar-button:after,
.kip_ModalSidePopup .angular-modal app-calendar-range .calendar-button:after,
#kip_ModalPopup .angular-modal app-calendar-range .calendar-button:after {
  color: #0070c0;
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  right: 10px;
  top: 13px;
  content: "\f073";
  z-index: 3;
  cursor: pointer;
}
.kip_ModalSidePopup .angular-modal app-calendar-single i.fa,
#kip_ModalPopup .angular-modal app-calendar-single i.fa,
.kip_ModalSidePopup .angular-modal app-calendar-range i.fa,
#kip_ModalPopup .angular-modal app-calendar-range i.fa {
  padding-right: 0px;
  margin-right: 0px;
}
.kip_ModalSidePopup .angular-modal margin-left-25,
#kip_ModalPopup .angular-modal margin-left-25 {
  margin-left: 25px !important;
}
.kip_ModalSidePopup .angular-modal margin-left-35,
#kip_ModalPopup .angular-modal margin-left-35 {
  margin-left: 35px !important;
}
.kip_ModalSidePopup .angular-modal span.btn.dropdown-item,
#kip_ModalPopup .angular-modal span.btn.dropdown-item {
  width: 100%;
  text-align: left;
}
.kip_ModalSidePopup .angular-modal div.dropdown-menu,
#kip_ModalPopup .angular-modal div.dropdown-menu {
  padding-top: 0px;
  padding-bottom: 0px;
}
.kip_ModalSidePopup .angular-modal div.user-functions-scroll-vert,
#kip_ModalPopup .angular-modal div.user-functions-scroll-vert {
  max-height: calc(100vh - 100px) !important;
  overflow-y: scroll !important;
}
.kip_ModalSidePopup .angular-modal app-dataload-import-table .checkbox span.text,
#kip_ModalPopup .angular-modal app-dataload-import-table .checkbox span.text {
  text-overflow: unset;
}
.kip_ModalSidePopup .angular-modal app-dataload-import-table input.form-control,
#kip_ModalPopup .angular-modal app-dataload-import-table input.form-control {
  border: 0px !important;
  background-color: white;
}
.kip_ModalSidePopup .angular-modal app-dataload-import-table div.checkbox,
#kip_ModalPopup .angular-modal app-dataload-import-table div.checkbox {
  margin-top: 0px !important;
}
.kip_ModalSidePopup .angular-modal #vatRate,
#kip_ModalPopup .angular-modal #vatRate {
  text-align: right;
  width: 5em;
}
.kip_ModalSidePopup .angular-modal label.no-weight,
#kip_ModalPopup .angular-modal label.no-weight {
  font-weight: 400 !important;
  font-size: 16px !important;
}
.permissionRow .unionField {
  max-width: 126px !important;
}
[dir='ltr'] .permissionRow .unionField {
  float: left;
}
[dir='rtl'] .permissionRow .unionField {
  float: right;
}
.permissionRow .unionPermission {
  padding-right: 10px;
}
.permissionRow .selectButton {
  margin-left: -9px !important;
  margin-right: 5px !important;
  padding-left: 0px !important;
}
.permissionRow .selectButton button {
  padding: 0px 9px 0px 11px;
  margin-left: 2px;
}
.permissionRow .approveProfileBudgetUpTo {
  width: auto;
  margin-inline-start: 55px !important;
}
[dir='ltr'] .permissionRow .approveProfileBudgetUpTo {
  float: left;
}
[dir='rtl'] .permissionRow .approveProfileBudgetUpTo {
  float: right;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .permissionRow .unionField {
    width: 126px !important;
  }
}
.kip_ModalSidePopup .custompopup,
#kip_ModalPopup .custompopup {
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
  background-color: white;
  position: absolute;
  height: auto;
  z-index: 999;
  left: 5%;
  right: 5%;
  width: 90%;
  right: auto;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  top: 10vh;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 5px 5px;
}
.kip_ModalSidePopup .custompopup .modal-header,
#kip_ModalPopup .custompopup .modal-header {
  height: 60px !important;
  background-color: white !important;
  color: #1b262e;
  font-size: 24px;
  font-weight: 100;
  border: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.kip_ModalSidePopup .custompopup .modal-header .title,
#kip_ModalPopup .custompopup .modal-header .title {
  font-size: 24px;
  padding-left: 40px;
}
.kip_ModalSidePopup .custompopup .modal-header hr,
#kip_ModalPopup .custompopup .modal-header hr {
  margin-top: 20px !important;
  margin-bottom: 12px !important;
  margin-right: 30px !important;
  margin-left: 30px !important;
  width: -10vw;
  color: #b4bdc4;
}
.kip_ModalSidePopup .custompopup blue-line hr.angular-hr.blue,
#kip_ModalPopup .custompopup blue-line hr.angular-hr.blue {
  border-top: 2px solid #0070c0;
  margin-top: 20px !important;
  margin-bottom: 12px !important;
  margin-right: 30px !important;
  margin-left: 30px !important;
}
.kip_ModalSidePopup .custompopup .angular-label,
#kip_ModalPopup .custompopup .angular-label,
.kip_ModalSidePopup .custompopup .form-group.row,
#kip_ModalPopup .custompopup .form-group.row {
  margin-left: 40px !important;
  margin-right: 40px !important;
  padding-left: 0px !important;
  padding-bottom: 0px !important;
}
.kip_ModalSidePopup .custompopup .angular-label .col-sm-12,
#kip_ModalPopup .custompopup .angular-label .col-sm-12,
.kip_ModalSidePopup .custompopup .form-group.row .col-sm-12,
#kip_ModalPopup .custompopup .form-group.row .col-sm-12 {
  padding-left: 0px !important;
  padding-right: 30px !important;
}
.kip_ModalSidePopup .custompopup .form-group.row.input-group.calendar-wrapper,
#kip_ModalPopup .custompopup .form-group.row.input-group.calendar-wrapper,
.kip_ModalSidePopup .custompopup .form-group-row.input-group.input-addon,
#kip_ModalPopup .custompopup .form-group-row.input-group.input-addon {
  margin-left: 40px;
  margin-right: 40px;
  padding-left: 0px !important;
}
.kip_ModalSidePopup .custompopup .form-group-row.input-group.input-addon,
#kip_ModalPopup .custompopup .form-group-row.input-group.input-addon {
  min-width: 400px;
}
.kip_ModalSidePopup .custompopup .footer-controls,
#kip_ModalPopup .custompopup .footer-controls {
  display: block;
  padding: 10px 30px 20px 40px;
}
.kip_ModalSidePopup .custompopup search-query-table .form-group-row.input-group,
#kip_ModalPopup .custompopup search-query-table .form-group-row.input-group {
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 0px !important;
  width: auto !important;
  min-width: auto !important;
}
.kip_ModalSidePopup .filter-modal,
#kip_ModalPopup .filter-modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 0px 30px;
  background-color: white;
  z-index: 15 !important;
}
.kip_ModalSidePopup .filter-modal .modal-header,
#kip_ModalPopup .filter-modal .modal-header {
  display: flex;
  align-items: center;
  padding: 0px 10px;
}
.kip_ModalSidePopup .filter-modal .modal-header .title,
#kip_ModalPopup .filter-modal .modal-header .title {
  padding-left: 10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .kip_ModalSidePopup .filter-modal,
  #kip_ModalPopup .filter-modal {
    left: 50vw;
    width: auto;
    /* IE10+ CSS */
  
  }
  .kip_ModalSidePopup .filter-modal .footer-controls,
  #kip_ModalPopup .filter-modal .footer-controls {
    left: 50vw;
  }
  .kip_ModalSidePopup .filter-modal label.datatable-checkbox > input[type=checkbox],
  #kip_ModalPopup .filter-modal label.datatable-checkbox > input[type=checkbox] {
    -moz-appearance: initial;
    opacity: 1;
    position: relative;
    z-index: 12;
    cursor: pointer;
    margin-top: 10px;
    width: 18px;
    height: 18px;
  }
  [dir='ltr'] .kip_ModalSidePopup .filter-modal label.datatable-checkbox > input[type=checkbox],
  [dir='ltr'] #kip_ModalPopup .filter-modal label.datatable-checkbox > input[type=checkbox] {
    left: 0px;
  }
  [dir='rtl'] .kip_ModalSidePopup .filter-modal label.datatable-checkbox > input[type=checkbox],
  [dir='rtl'] #kip_ModalPopup .filter-modal label.datatable-checkbox > input[type=checkbox] {
    right: 0px;
  }
}
.kip_ModalSidePopup .popup-modal,
#kip_ModalPopup .popup-modal {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.2);
}
.kip_ModalSidePopup .fields-modal,
#kip_ModalPopup .fields-modal {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.2);
}
.kip_ModalSidePopup .fields-modal .fields-modal-content,
#kip_ModalPopup .fields-modal .fields-modal-content {
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  background-color: var(--background-natural);
  position: absolute;
  height: auto;
  z-index: 999;
  left: 15%;
  right: 15%;
  width: 70%;
  right: auto;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  top: 10vh;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 5px 5px;
  padding-bottom: 20px;
}
.kip_ModalSidePopup.fullscreen .filter-modal {
  width: 50vw;
}
[dir='ltr'] .kip_ModalSidePopup.fullscreen .filter-modal {
  left: 50vw;
  padding: 0 65px 0 30px;
}
[dir='rtl'] .kip_ModalSidePopup.fullscreen .filter-modal {
  right: 50vw;
  padding: 0 30px 0 65px;
}
.kip_ModalSidePopup.fullscreen .filter-modal .modal-header {
  padding: 15px 40px;
  margin: 0 -30px;
}
.kip_ModalSidePopup.fullscreen .select2-container-active a.select2-choice {
  visibility: hidden;
}
.angularPopup .loader {
  padding: 0px !important;
  margin: auto !important;
  max-width: 41px !important;
  min-height: 41px !important;
}
.angularPopup .modal-loading {
  padding: 15px !important;
}
#kip_ModalPopup .angular-modal .modal-loading {
  padding: 90px !important;
}
.angular-bootbox .modal-content {
  padding: 0px 30px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 5px 5px;
}
.angular-bootbox .modal-header {
  height: 60px !important;
  background-color: white !important;
  font-family: var(--font-family) !important;
  color: #1b262e !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  border: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.angular-bootbox .modal-header .close {
  color: #0070c0;
  padding: 5px 10px;
  opacity: 0.8;
}
.angular-bootbox .modal-header .close:hover {
  opacity: 1 !important;
}
.angular-bootbox .modal-header .title {
  font-family: var(--font-family) !important;
  color: #1b262e !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  padding-left: 10px;
}
.angular-bootbox hr.angular-hr.blue {
  border-top: 2px solid #0070c0;
  margin-top: 20px !important;
  margin-bottom: 12px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: -10vw;
}
.angular-bootbox .modal-body {
  padding: 0px;
}
.angular-bootbox .modal-body .message {
  padding: 30px 10px 30px 10px;
  font-family: var(--font-family) !important;
  color: #1b262e !important;
  font-size: 16px !important;
}
.angular-bootbox .modal-body .bootbox-body {
  font-family: var(--font-family);
  font-size: 16px;
}
.angular-bootbox .modal-footer {
  background-color: white;
  padding: 8px 10px 20px 10px;
  bottom: 0px;
}
.angular-bootbox .modal-footer .angular-hr {
  margin-top: 0px !important;
}
.angular-bootbox .modal-footer .btn {
  height: 40px !important;
  border-radius: 1000px;
  padding: 5px 10px;
  outline-style: unset;
}
.angular-bootbox .modal-footer .btn.btn-secondary {
  background-color: white;
  color: #0070c0;
  border: 2px solid #0070c0;
  font-family: var(--font-family);
  padding: 0px 20px;
  margin-right: 10px;
  margin-left: 10px;
}
.angular-bootbox .modal-footer .btn.btn-primary {
  background-color: #0070c0 !important;
  border-color: #0070c0 !important;
  font-family: var(--font-family);
  padding: 0px 20px;
}
.angular-bootbox .modal-footer .btn.btn-default {
  border: 2px solid #0070c0;
  float: left !important;
  background-color: white;
  color: #0070c0;
  font-family: var(--font-family);
  padding: 0px 20px;
}
.angular-bootbox .modal-footer .btn.btn-default:focus,
.angular-bootbox .modal-footer .btn.btn-secondary:focus,
.angular-bootbox .modal-footer .btn.btn-default:active,
.angular-bootbox .modal-footer .btn.btn-secondary:active {
  box-shadow: none;
  border: 2px solid #115383;
}
ngb-datepicker {
  display: flex;
  align-content: center;
  justify-items: center;
  z-index: 2050 !important;
}
ngb-datepicker .ngb-dp-arrow {
  height: 3em;
}
ngb-datepicker .ngb-dp-arrow:nth-child(1) .ngb-dp-navigation-chevron:nth-child(1) {
  transform: rotate(225deg);
}
ngb-datepicker .ngb-dp-header {
  padding-top: 10px !important;
}
ngb-datepicker .ngb-dp-month {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
ngb-datepicker .ngb-dp-content.ngb-dp-months {
  padding-top: 10px;
}
ngb-datepicker .ngb-dp-content.ngb-dp-months,
ngb-datepicker .ngb-dp.month {
  display: flex;
  justify-content: center;
  align-items: center;
}
ngb-datepicker .ngb-dp-week:nth-child(2) {
  display: flex;
  justify-content: flex-end;
}
ngb-datepicker .ngb-dp-day,
ngb-datepicker .ngb-dp-week-number,
ngb-datepicker .ngb-dp-weekday {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
}
ngb-datepicker select.custom-select {
  font-size: 14px !important;
  height: 30px;
  width: 76px;
}
ngb-datepicker div.btn-light {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px !important;
  height: 34px !important;
}
ngb-datepicker div.btn-light.active {
  border: 0px !important;
}
ngb-datepicker ngb-datepicker {
  padding: 30px 50px;
  border: 0px !important;
}
ngb-datepicker .calendar-button-bar {
  display: flex;
  flex-direction: column;
}
ngb-datepicker .space {
  display: flex;
  justify-content: space-between;
}
ngb-datepicker .btn.btn-sm {
  border-radius: 100px;
  border: 2px solid #007bff;
}
ngb-datepicker .custom-day {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 7px;
  width: 34px !important;
  height: 34px !important;
  font-size: 14px;
  font-weight: 400;
  font-family: var(--font-family) !important;
  color: #162b2e;
}
ngb-datepicker .custom-day.focused {
  background-color: #e6e6e6;
}
ngb-datepicker .custom-day.range,
ngb-datepicker .custom-day:hover {
  background-color: #0070c0;
  color: white;
  /* border-radius: 100px; */

}
ngb-datepicker [ngbdatepickerdayview].btn-light.bg-primary {
  background: #0070c0 !important;
}
ngb-datepicker .custom-day.faded {
  background-color: rgba(2, 117, 216, 0.5);
}
ngb-datepicker .form-group.hidden {
  width: 0;
  margin: 0;
  border: none;
  padding: 0;
}
ngb-datepicker .ngb-dp-weekday.small {
  font-weight: 700 !important;
  font-family: var(--font-family) !important;
  font-style: normal;
  font-size: 13px !important;
  color: #b4bdc4;
}
ngb-datepicker .ngb-dp-month-name {
  font-weight: 700 !important;
  font-family: var(--font-family) !important;
  color: black;
  font-size: 13px !important;
}
ngb-datepicker .custom-day.ng-star-inserted {
  padding: 7px;
}
ngb-datepicker .ngb-dp-month-name.ng-star-inserted {
  color: #162b2e;
}
ngb-datepicker .ngb-dp-navigation-chevron {
  color: rgba(0, 112, 192, 0.555);
}
ngb-datepicker input.form-control {
  color: #b4bdc4 !important;
  font-size: 14px;
}
ngb-datepicker textarea.form-control {
  color: #b4bdc4 !important;
  font-size: 14px;
}
ngb-datepicker ngb-datepicker .btn-light {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 7px;
  height: 2rem;
  width: 2rem;
  font-size: 13px;
  font-weight: 400;
  font-family: var(--font-family) !important;
  color: #162b2e;
}
.datatable-scroll {
  width: unset !important;
}
ngx-datatable .datatable-body-cell-label span,
ngx-datatable .datatable-header-cell-wrapper span {
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
}
ngx-datatable .datatable-body-cell-label label.angular-label {
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
}
ngx-datatable .datatable-body-cell formly-checkbox div.checkbox {
  text-align: center !important;
}
app-dataload-import-table ngx-datatable .datatable-row-center datatable-header-cell:nth-child(2) .datatable-header-cell-template-wrap {
  text-align: center !important;
}
.ngx-datatable.scroll-horz .datatable-body {
  overflow-x: hidden !important;
}
#changedsupplytable .datatable-body {
  overflow-x: auto !important;
}
ngx-datatable .ngx-datatable .datatable-body .datatable-body-row > div {
  align-items: center;
}
ngx-datatable .sort-btn {
  color: #0070c0;
  margin-bottom: 20px;
  margin-left: 5px;
}
ngx-datatable .datatable-body-cell-label span,
ngx-datatable .datatable-header-cell-wrapper span {
  margin-top: 7px !important;
  display: inline-block;
}
ngx-datatable .datatable-header {
  font-weight: bold;
  font-size: 16px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #1b262e;
}
ngx-datatable > input[type=checkbox] {
  opacity: 1;
  position: relative;
  z-index: 12;
  cursor: pointer;
  margin-top: 10px;
}
[dir='ltr'] ngx-datatable > input[type=checkbox] {
  left: 0px;
}
[dir='rtl'] ngx-datatable > input[type=checkbox] {
  right: 0px;
}
@supports not (-ms-high-contrast: none) {
  label.datatable-checkbox > input[type=checkbox] {
    -moz-appearance: initial;
    opacity: 1;
    position: relative;
    z-index: 12;
    cursor: pointer;
    margin-top: 10px;
    width: 18px;
    height: 18px;
  }
  [dir='ltr'] label.datatable-checkbox > input[type=checkbox] {
    left: 0px;
  }
  [dir='rtl'] label.datatable-checkbox > input[type=checkbox] {
    right: 0px;
  }
  label.datatable-checkbox > input[type=checkbox]::before {
    position: absolute;
    background-color: white;
    height: 100%;
    width: 100%;
    font-family: FontAwesome;
    display: inline-block;
    content: "\a0";
    letter-spacing: 10px;
    color: #0070c0;
    border: 2px solid;
    width: 18px;
    height: 18px;
    border-radius: 3px;
  }
  label.datatable-checkbox > input[type=checkbox]:checked::before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f00c";
    color: #0070c0;
    border: 2px solid;
    width: 18px;
    height: 18px;
    border-radius: 3px;
  }
  [dir='ltr'] label.datatable-checkbox > input[type=checkbox]:checked::before {
    letter-spacing: 5px;
  }
  [dir='rtl'] label.datatable-checkbox > input[type=checkbox]:checked::before {
    letter-spacing: 1px;
  }
  
  @-moz-document url-prefix() {
    label.datatable-checkbox > input[type=checkbox]::before {
      position: relative !important;
    }
    label.datatable-checkbox > input[type=checkbox]:checked::before {
      position: relative !important;
    }
  }
  
  .ngx-datatable .datatable-header .datatable-checkbox input[type=checkbox],
  .ngx-datatable .datatable-header .datatable-checkbox input[type=radio] {
    opacity: 1 !important;
    position: relative !important;
  }
}
ngx-datatable datatable-row-center:nth-child(1) {
  border-top: 0px;
}
ngx-datatable .datatable-body {
  max-height: 400px !important;
  min-height: 100px !important;
  height: 95%;
  overflow-x: hidden;
  border-bottom: 1px solid #b4bdc4;
}
ngx-datatable .datatable-body-cell {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  color: #1b262e;
  border-top: 1px solid #b4bdc4;
  height: 60px;
}
over-allocation-approval-table ngx-datatable .datatable-body-cell {
  font-size: 14px;
}
over-allocation-approval-table ngx-datatable .datatable-body-cell.fw-bold {
  font-weight: 600;
}
over-allocation-approval-table ngx-datatable .datatable-header-cell {
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
}
approval-supply-table ngx-datatable .datatable-body-cell {
  font-size: 14px;
}
approval-supply-table ngx-datatable .datatable-body-cell.fw-bold {
  font-weight: 600;
}
approval-supply-table ngx-datatable .datatable-header-cell {
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
}
app-selected-permission-items-component {
  z-index: 10000;
  top: 0px;
  position: absolute;
  background: white;
  left: 0;
  right: 0px;
}
filter-table .filtertable {
  max-height: calc(100vh - 200px) !important;
}
app-advanced-search .content.advancedsearch,
app-selected-permission-items-component .content.advancedsearch {
  height: calc(100vh - 191px) !important;
  max-height: calc(100vh - 191px) !important;
}
app-advanced-search label .angular-label.control-label.required,
app-selected-permission-items-component label .angular-label.control-label.required {
  margin: 10px !important;
}
custom-field-dynamic-keywords a.btn {
  /*     display: flex;
    align-items: center;
    border: 0px !important;
    justify-items: center;
    margin-right: 0px !important;
    box-shadow: none;*/
  margin-left: 5px;
  padding-left: 12px;
  padding-right: 12px;
}
custom-field-numberlist a.btn.btn-secondary,
custom-field-keywords a.btn.btn-secondary,
custom-field-dynamic-keywords a.btn.btn-secondary,
custom-field-existing-values a.btn.btn-secondary,
formly-field-icon-button a.btn.btn-secondary {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0px !important;
  margin-right: 0px !important;
}
custom-field-numberlist a.btn.btn-secondary i,
custom-field-keywords a.btn.btn-secondary i,
custom-field-dynamic-keywords a.btn.btn-secondary i,
custom-field-existing-values a.btn.btn-secondary i,
formly-field-icon-button a.btn.btn-secondary i {
  margin-right: 0px !important;
}
custom-field-numberlist .ng-select,
custom-field-keywords .ng-select,
custom-field-dynamic-keywords .ng-select,
custom-field-existing-values .ng-select,
formly-field-icon-button .ng-select {
  display: flex;
}
custom-field-numberlist .ng-select .ng-select-container,
custom-field-keywords .ng-select .ng-select-container,
custom-field-dynamic-keywords .ng-select .ng-select-container,
custom-field-existing-values .ng-select .ng-select-container,
formly-field-icon-button .ng-select .ng-select-container {
  min-width: 160px;
  width: auto;
}
custom-field-keywords .keywordAdvancedSearch .ng-select .ng-select-container,
custom-field-dynamic-keywords .keywordAdvancedSearch .ng-select .ng-select-container,
custom-field-numberlist .keywordAdvancedSearch .ng-select .ng-select-container,
custom-field-existing-values .keywordAdvancedSearch .ng-select .ng-select-container {
  min-width: 100% !important;
  width: 100% !important;
}
custom-field-keywords .keywordAdvancedSearch .ng-select .ng-select-container a.btn.btn-secondary,
custom-field-dynamic-keywords .keywordAdvancedSearch .ng-select .ng-select-container a.btn.btn-secondary,
custom-field-numberlist .keywordAdvancedSearch .ng-select .ng-select-container a.btn.btn-secondary,
custom-field-existing-values .keywordAdvancedSearch .ng-select .ng-select-container a.btn.btn-secondary {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0px !important;
  margin-right: 0px !important;
}
custom-field-keywords .keywordAdvancedSearch .ng-select .ng-select-container a.btn.btn-secondary i,
custom-field-dynamic-keywords .keywordAdvancedSearch .ng-select .ng-select-container a.btn.btn-secondary i,
custom-field-numberlist .keywordAdvancedSearch .ng-select .ng-select-container a.btn.btn-secondary i,
custom-field-existing-values .keywordAdvancedSearch .ng-select .ng-select-container a.btn.btn-secondary i {
  margin-right: 0px !important;
}
custom-field-keywords .keywordAdvancedSearch .ng-select .ng-select-container .ng-select,
custom-field-dynamic-keywords .keywordAdvancedSearch .ng-select .ng-select-container .ng-select,
custom-field-numberlist .keywordAdvancedSearch .ng-select .ng-select-container .ng-select,
custom-field-existing-values .keywordAdvancedSearch .ng-select .ng-select-container .ng-select {
  display: flex;
}
custom-field-existing-values .ng-select .ng-select-container {
  min-width: 10%;
}
.kip_ModalSidePopup .ng-dropdown-panel.custom-dropdown {
  min-width: 160px !important;
  width: auto !important;
}
.kip_ModalSidePopup .ng-dropdown-panel.custom-dropdown-180 {
  min-width: 180px !important;
  width: auto !important;
}
.kip_ModalSidePopup .ng-dropdown-panel-items .checkbox span.text {
  font-size: 12px;
}
.kip_ModalSidePopup .ngDropdownMenu {
  width: 40px;
  min-width: 40px;
}
.kip_ModalSidePopup .ngDropdownMenu span.ng-arrow-wrapper {
  display: none;
}
.kip_ModalSidePopup ng-dropdown-panel div.checkbox label,
.kip_ModalSidePopup ng-dropdown-panel div.checkbox {
  pointer-events: none !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ng-dropdown-panel.ng-select-bottom {
    /* IE10+ CSS */
    margin-left: 0px;
  }
}
/**START OF NGSELECT PROVIDED CSS*/
.angular-modal .ng-select .ng-clear-wrapper {
  display: none;
}
.angular-modal .ng-select:hover .ng-clear-wrapper {
  display: flex;
}
.angular-modal .ng-select.ng-select-multiple .ng-clear-wrapper {
  display: flex !important;
}
.angular-modal .ng-select.ng-select-opened > .ng-select-container {
  background: white;
  border-color: #b3b3b3 #cccccc #d9d9d9;
}
.angular-modal .ng-select.ng-select-opened > .ng-select-container:hover {
  box-shadow: none;
}
.angular-modal .ng-select.ng-select-opened span.ng-arrow-wrapper:before {
  content: "\f106";
  color: #0070c0;
  font-size: 14px;
}
.angular-modal .ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.angular-modal .ng-select.ng-select-opened.ng-select-top > .ng-select-container {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.angular-modal .ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
}
.angular-modal .ng-select.ng-select-disabled > .ng-select-container {
  background-color: #f9f9f9;
}
.angular-modal .ng-select.ng-select-disabled .ng-value {
  font-family: var(--font-family) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #858585;
}
.angular-modal .ng-select .ng-has-value .ng-placeholder {
  display: none;
}
.angular-modal .ng-select .ng-select-container {
  color: #333333;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #cccccc;
  min-height: 36px;
  align-items: center;
}
.angular-modal .ng-select .ng-select-container:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.angular-modal .ng-select .ng-select-container .ng-value-container {
  align-items: center;
  padding-inline-start: 10px;
}
.angular-modal .ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: #999999;
}
.angular-modal .ng-select .ng-clear-wrapper {
  color: #999999;
}
.angular-modal .ng-select .ng-clear-wrapper:hover .ng-clear {
  color: #d0021b;
}
.angular-modal .ng-select .ng-spinner-zone {
  padding: 5px 5px 0 0;
}
.angular-modal .ng-select .ng-arrow-wrapper {
  width: 25px;
  padding-inline-end: 5px;
}
.angular-modal .ng-select span.ng-arrow-wrapper:before {
  content: "\f107";
  color: #0070c0;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}
.angular-modal ng-select.ng-invalid.ng-touched > .ng-select-container {
  border-color: #c60404 !important;
  border-width: 2px !important;
}
.angular-modal ng-select > div > span.ng-clear-wrapper > .ng-clear {
  display: none !important;
}
.angular-modal ng-select > div > span.ng-clear-wrapper:before {
  color: #c60404;
  z-index: 3;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  content: "\f00d";
}
.angular-modal [dir="rtl"] .ng-select .ng-select-container .ng-value-container {
  padding-right: 10px;
  padding-left: 0;
}
.angular-modal [dir="rtl"] .ng-select .ng-spinner-zone {
  padding: 5px 0 0 5px;
}
.angular-modal [dir="rtl"] .ng-select .ng-arrow-wrapper {
  padding-left: 5px;
  padding-right: 0;
}
.angular-modal [dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-inline-end: 10px;
  padding-inline-start: 50px;
}
.angular-modal [dir="rtl"] ng-select.ng-select-multiple .ng-clear-wrapper {
  display: flex !important;
}
.angular-modal [dir="rtl"] ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-right: 7px;
  padding-left: 0;
}
.angular-modal [dir="rtl"] ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  margin-right: 0;
  margin-left: 5px;
}
.angular-modal [dir="rtl"] ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-left: 1px solid #b8dbff;
  border-right: none;
}
.angular-modal [dir="rtl"] ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 0;
  height: 30px;
  padding: 5px 0px;
  margin: 5px 0px;
}
[dir='ltr'] .angular-modal [dir="rtl"] ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-right: 1px solid #b8dbff;
}
[dir='rtl'] .angular-modal [dir="rtl"] ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 1px solid #b8dbff;
}
.angular-modal [dir="rtl"] ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 0;
  padding-right: 5px;
}
.angular-modal [dir="rtl"] ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 3px 3px 0;
}
.angular-modal [dir="rtl"] ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  padding-right: 3px;
  padding-left: 0;
}
.angular-modal [dir="rtl"] .ng-dropdown-panel {
  direction: rtl;
  text-align: right;
}
.angular-modal [dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-right: 22px;
  padding-left: 0;
}
.angular-modal [dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-left: 5px;
  padding-right: 0;
}
.angular-modal .ng-select.ng-select-single .ng-select-container {
  height: 40px;
}
.angular-modal .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 5px;
  left: 0;
  padding-inline-start: 10px;
  padding-inline-end: 50px;
}
.angular-modal .ng-select.ng-select-multiple .ng-select-container {
  min-height: 40px;
}
.angular-modal .ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
  background-color: #f9f9f9;
  border: 1px solid #e6e6e6;
}
.angular-modal .ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label {
  padding: 0 5px;
}
.angular-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-top: 5px;
  padding-left: 7px;
}
.angular-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  font-size: 16px;
  margin-bottom: 5px;
  background-color: #ebf5ff;
  border-radius: 2px;
  margin-right: 5px;
}
.angular-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  display: inline-block;
  padding: 1px 5px;
}
.angular-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  display: inline-block;
  padding: 1px 5px;
}
.angular-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background-color: #d1e8ff;
}
.angular-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-right: 1px solid #b8dbff;
}
.angular-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 1px solid #b8dbff;
}
.angular-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
  background-color: #f9f9f9;
}
.angular-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 5px;
}
.angular-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 0 3px 3px;
}
.angular-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
}
.angular-modal .ng-select.custom .ng-clear-zone .ng-clear {
  display: none;
}
.popup-modal .ng-select .ng-clear-wrapper {
  display: none;
}
.popup-modal .ng-select:hover .ng-clear-wrapper {
  display: flex;
}
.popup-modal .ng-select.ng-select-multiple .ng-clear-wrapper {
  display: flex !important;
}
.popup-modal .ng-select.ng-select-opened > .ng-select-container {
  background: white;
  border-color: #b3b3b3 #cccccc #d9d9d9;
}
.popup-modal .ng-select.ng-select-opened > .ng-select-container:hover {
  box-shadow: none;
}
.popup-modal .ng-select.ng-select-opened span.ng-arrow-wrapper:before {
  content: "\f106";
  color: #0070c0;
  font-size: 14px;
}
.popup-modal .ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.popup-modal .ng-select.ng-select-opened.ng-select-top > .ng-select-container {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.popup-modal .ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
}
.popup-modal .ng-select.ng-select-disabled > .ng-select-container {
  background-color: #f9f9f9;
}
.popup-modal .ng-select.ng-select-disabled .ng-value {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #858585;
}
.popup-modal .ng-select .ng-has-value .ng-placeholder {
  display: none;
}
.popup-modal .ng-select .ng-select-container {
  color: #333333;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #cccccc;
  min-height: 36px;
  align-items: center;
}
.popup-modal .ng-select .ng-select-container:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.popup-modal .ng-select .ng-select-container .ng-value-container {
  align-items: center;
  padding-inline-start: 10px;
}
.popup-modal .ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: #999999;
}
.popup-modal .ng-select .ng-clear-wrapper {
  color: #999999;
}
.popup-modal .ng-select .ng-clear-wrapper:hover .ng-clear {
  color: #d0021b;
}
.popup-modal .ng-select .ng-spinner-zone {
  padding: 5px 5px 0 0;
}
.popup-modal .ng-select .ng-arrow-wrapper {
  width: 25px;
  padding-inline-end: 5px;
}
.popup-modal .ng-select span.ng-arrow-wrapper:before {
  content: "\f107";
  color: #0070c0;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}
.popup-modal ng-select.ng-invalid.ng-touched > .ng-select-container {
  border-color: #c60404 !important;
  border-width: 2px !important;
}
.popup-modal ng-select > div > span.ng-clear-wrapper > .ng-clear {
  display: none !important;
}
.popup-modal ng-select > div > span.ng-clear-wrapper:before {
  color: #c60404;
  z-index: 3;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  content: "\f00d";
}
.popup-modal [dir="rtl"] .ng-select .ng-select-container .ng-value-container {
  padding-right: 10px;
  padding-left: 0;
}
.popup-modal [dir="rtl"] .ng-select .ng-spinner-zone {
  padding: 5px 0 0 5px;
}
.popup-modal [dir="rtl"] .ng-select .ng-arrow-wrapper {
  padding-left: 5px;
  padding-right: 0;
}
.popup-modal [dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-inline-end: 10px;
  padding-inline-start: 50px;
}
.popup-modal [dir="rtl"] ng-select.ng-select-multiple .ng-clear-wrapper {
  display: flex !important;
}
.popup-modal [dir="rtl"] ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-right: 7px;
  padding-left: 0;
}
.popup-modal [dir="rtl"] ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  margin-right: 0;
  margin-left: 5px;
}
.popup-modal [dir="rtl"] ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-left: 1px solid #b8dbff;
  border-right: none;
}
.popup-modal [dir="rtl"] ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 0;
  height: 30px;
  padding: 5px 0px;
  margin: 5px 0px;
}
[dir='ltr'] .popup-modal [dir="rtl"] ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-right: 1px solid #b8dbff;
}
[dir='rtl'] .popup-modal [dir="rtl"] ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 1px solid #b8dbff;
}
.popup-modal [dir="rtl"] ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 0;
  padding-right: 5px;
}
.popup-modal [dir="rtl"] ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 3px 3px 0;
}
.popup-modal [dir="rtl"] ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  padding-right: 3px;
  padding-left: 0;
}
.popup-modal [dir="rtl"] .ng-dropdown-panel {
  direction: rtl;
  text-align: right;
}
.popup-modal [dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-right: 22px;
  padding-left: 0;
}
.popup-modal [dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-left: 5px;
  padding-right: 0;
}
.popup-modal .ng-select.ng-select-single .ng-select-container {
  height: 40px;
}
.popup-modal .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 5px;
  left: 0;
  padding-inline-start: 10px;
  padding-inline-end: 50px;
}
.popup-modal .ng-select.ng-select-multiple .ng-select-container {
  min-height: 40px;
}
.popup-modal .ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
  background-color: #f9f9f9;
  border: 1px solid #e6e6e6;
}
.popup-modal .ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label {
  padding: 0 5px;
}
.popup-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-top: 5px;
  padding-left: 7px;
}
.popup-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  font-size: 16px;
  margin-bottom: 5px;
  background-color: #ebf5ff;
  border-radius: 2px;
  margin-right: 5px;
}
.popup-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  display: inline-block;
  padding: 1px 5px;
}
.popup-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  display: inline-block;
  padding: 1px 5px;
}
.popup-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background-color: #d1e8ff;
}
.popup-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-right: 1px solid #b8dbff;
}
.popup-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 1px solid #b8dbff;
}
.popup-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
  background-color: #f9f9f9;
}
.popup-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 5px;
}
.popup-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 0 3px 3px;
}
.popup-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
}
.popup-modal .ng-select.custom .ng-clear-zone .ng-clear {
  display: none;
}
.ng-dropdown-panel {
  z-index: 9999 !important;
}
ng-dropdown-panel .text {
  color: #1b262e !important;
  font-weight: 600 !important;
}
ng-dropdown-panel.ng-select-multiple .ng-option {
  background-color: white !important;
  color: #1b262e !important;
}
ng-dropdown-panel.ng-select-multiple .ng-option.ng-option-marked {
  background-color: #0070c0 !important;
}
ng-dropdown-panel.ng-select-multiple .ng-option.ng-option-marked span.text {
  color: white !important;
}
ng-dropdown-panel .checkbox span.text::before {
  color: #0070c0;
  border: 2px solid #0070c0;
  border-radius: 3px;
  margin-right: 10px;
}
.ng-dropdown-panel {
  background-color: white;
  border: 1px solid #cccccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  left: 0;
}
.ng-dropdown-panel .ng-dropdown-header {
  border-bottom: 1px solid #cccccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-footer {
  border-top: 1px solid #cccccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  user-select: none;
  padding: 8px 10px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  cursor: default;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
  background-color: #0072c6;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected {
  background-color: #0072c6;
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
  background-color: #0072c6;
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
  padding: 7.5px 10px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .checkbox {
  margin-top: 0px;
  margin-bottom: 0px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  font-size: 80%;
  font-weight: 400;
  padding-right: 5px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
  color: white;
  background-color: #115383;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label {
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  color: white;
  background-color: #0072c6;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: #0072c6;
  color: white;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  color: #cccccc;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 22px;
}
.ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-color: #e6e6e6;
  margin-top: -1px;
}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-top {
  bottom: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-color: #e6e6e6;
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
ng-select.ng-select-disabled .ng-select-container {
  height: 40px !important;
  font-family: var(--font-family) !important;
  font-size: 14px;
  font-weight: 500 !important;
  box-shadow: 0px 0px 0px 0px;
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-bottom: 1px solid #b4bdc4;
  border-radius: 0px !important;
  background-color: white;
  cursor: not-allowed !important;
}
ng-select.ng-select-disabled .ng-select-container input {
  pointer-events: none;
}
ng-select.ng-select-disabled .ng-select-container .ng-arrow-wrapper {
  display: none !important;
}
.panel {
  margin-bottom: 0px !important;
}
.tab-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-box-shadow: none;
}
.advanced-field ng-select.ng-select-disabled .ng-select-container {
  border: 1px solid #b4bdc4 !important;
  border-radius: 4px !important;
  background-color: #fbfbfb !important;
}
notifications-screen .nav-link {
  background-color: transparent !important;
}
notifications-screen .notification-template:after {
  content: '';
  clear: both;
  display: table;
}
notifications-screen .notification-template span.notification-header {
  font-size: 16px;
  font-weight: 600;
}
notifications-screen label.main-header {
  font-size: 20px !important;
  font-weight: 700;
}
notifications-screen .custompopup {
  max-height: calc(100vh - 238px) !important;
}
notifications-screen .custompopup .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 298px) !important;
}
notifications-screen .custompopup .modal-body formly-wrapper-form-field div {
  padding-left: 26px !important;
}
notifications-screen .custompopup .modal-body formly-wrapper-form-field textarea {
  width: 70% !important;
}
notifications-screen iframe {
  min-height: 400px;
}
notifications-screen span.visually-hidden {
  display: none;
}
/**END OF NGSELECT PROVIDED CSS*/

/* mat-tabs */

/* Hide Pagination left/right chevron */

.mat-tab-header-pagination {
  display: none !important;
}
/* Display horizontal scroll and prevent tab from moving. */

.mat-tab-list {
  overflow-y: hidden !important;
  overflow-x: auto !important;
  transform: none !important;
}
.mat-tab-label,
.mat-tab-link {
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  min-width: unset !important;
  border-bottom: 3px solid white;
  opacity: 1 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-tab-label {
    display: inline-block !important;
    min-width: 0px !important;
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .mat-tab-label-content {
    display: inline-block !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}
.mat-tab-label-active {
  font-weight: 600;
}
.mat-tab-list {
  background-color: white;
  box-shadow: 0px 0px;
  border-bottom: 1px solid #b4bdc4;
}
/* end of mat-tabs */

.img-forecast-circle {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-left: 0px;
  border-radius: 10px;
}
.forecast-header-cell {
  display: flex;
  justify-content: space-between;
  margin-left: -10px;
  margin-right: -10px;
}
.forecast-header-left {
  justify-content: flex-start;
}
.forecast-header-center {
  justify-content: center;
}
.forecast-header-right {
  justify-content: flex-end;
}
.forecast-popover {
  top: 25px;
  z-index: 1049 !important;
}
.forecast-popover h4.popover-title {
  padding: 20px;
  background-color: #586980;
  color: white;
  border-bottom: none;
  font-size: 24px;
}
.forecast-popover .arrow::after {
  border-bottom-color: #586980 !important;
}
.forecast-popover .popover {
  border-radius: 3px;
  border: 1px solid #586980;
  background-color: #f8f8f8;
  box-shadow: 0 0 28px 2px rgba(0, 0, 0, 0.8);
}
.forecast-popover label {
  font-size: 14px;
}
.forecast-popover a.btn {
  padding-top: 10px !important;
}
.forecast-configuration-with-save.popover.bottom {
  left: 0px;
  margin-top: 12px;
}
.forecast-configuration-with-save.popover.bottom div.box-arrow-border {
  position: absolute;
  top: -10px;
  right: 33px;
  border-top-width: 0;
  border-bottom-color: white;
  width: 0;
  height: 0;
}
.forecast-configuration-with-save.popover.bottom div.box-arrow-background {
  position: absolute;
  left: -392px;
  top: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #586980;
  width: 0;
  height: 0;
}
.forecast-configuration-without-save.popover.bottom {
  left: 0px;
  margin-top: 12px;
}
.forecast-configuration-without-save.popover.bottom div.box-arrow-border {
  position: absolute;
  top: -10px;
  right: 33px;
  border-top-width: 0;
  border-bottom-color: white;
  width: 0;
  height: 0;
}
.forecast-configuration-without-save.popover.bottom div.box-arrow-background {
  position: absolute;
  left: -457px;
  top: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #586980;
  width: 0;
  height: 0;
}
.tool-container div.box-arrow-border {
  position: absolute;
  top: -10px;
  right: 33px;
  border-top-width: 0;
  border-bottom-color: white;
  width: 0;
  height: 0;
}
.tool-container div.box-arrow-background {
  position: absolute;
  top: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #586980;
  width: 0;
  height: 0;
}
.img-forecast-post-circle {
  width: 55px;
  height: 55px;
  margin-right: 5px;
  margin-left: -5px;
  border-radius: 60px;
}
/* forecast table start */

.kip_ModalSidePopup .TSDataRow.TSClassDetailSelected td,
.kip_ModalSidePopup .red[style*="background-color"] {
  color: #df5138 !important;
}
.kip_ModalSidePopup .modal-body {
  height: 100% !important;
  width: 100% !important;
}
.kip_ModalSidePopup .modal-body .modal-content.modal-lg {
  height: 100% !important;
  width: 100% !important;
  box-shadow: 0 0 0px !important;
}
.kip_ModalSidePopup .modal-body .modal-content.modal-lg div.pull-right {
  position: absolute;
  bottom: 30px;
  right: 0px;
}
.kip_ModalSidePopup div.modal-footer {
  position: fixed;
  bottom: 45px;
  width: 100%;
}
.kip_ModalSidePopup div.custom-footer {
  position: relative;
  bottom: 0px;
  width: inherit;
}
.kip_SubModalSidePopup .modal-body {
  height: calc(100vh - 45px) !important;
  width: 100% !important;
  overflow: scroll;
}
.kip_SubModalSidePopup .modal-body .modal-content.modal-lg {
  height: 100% !important;
  width: 100% !important;
  box-shadow: 0 0 0px !important;
}
.kip_SubModalSidePopup .modal-body .modal-content.modal-lg div.pull-right {
  position: absolute;
  bottom: 30px;
  right: 0px;
}
.kip_SubModalSidePopup div.modal-footer {
  position: fixed;
  z-index: 12;
  bottom: 45px;
  width: 100%;
}
.kip_ModalSidePopup:has(#ProjectTypeFields) {
  z-index: 1005;
}
.kip_ModalSidePopup:has(#ProjectTypeFields) #fieldPickerModal .modal-dialog {
  position: unset;
  height: unset;
  padding-top: 10px;
}
.planningTreeGridSearchResults table tr td .TSCellBase.TSCellHeaderPanel.TSCellHeader .TSPanelImage.TSPanelEmpty {
  width: 0;
}
/* forecast table end */

.TSDragColInsideTop,
.TSDragColInsideBottom {
  z-index: 3051;
}
/* Dark mode theme for Forecasting */

body[data-theme="dark"] .kip_ModalSidePopup.fullscreen .TSClassFocusedCell,
body[data-theme="sciformadark"] .kip_ModalSidePopup.fullscreen .TSClassFocusedCell,
body[data-theme="dark"] .kip_ModalSidePopup.fullscreen .TSClassFocusedCell *,
body[data-theme="sciformadark"] .kip_ModalSidePopup.fullscreen .TSClassFocusedCell * {
  color: #e7e7e7 !important;
}
.workflow-container {
  background-color: white !important;
}
.mdc-tab {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.modal-content-flex-add {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 216px);
}
.modal-content-flex-edit {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 250px);
}
.mat-mdc-tab-body-content {
  height: calc(100vh - 300px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
/** Screens Exempt from Material Tabs */

forecast-edit .mat-mdc-tab-body-content,
forecast-add .mat-mdc-tab-body-content {
  height: auto !important;
}
.mat-mdc-tab-header-pagination {
  z-index: 1 !important;
}
@-moz-document url-prefix() {
  .ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
    position: relative !important;
    /* Firefox-specific position property */
  
  }
}
.dropdown-icon {
  color: #0070c0;
}
.custom-checkbox-template {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-left: 5px;
}
.checkbox-box {
  height: 20px !important;
  width: 20px !important;
  border-style: solid;
  border-radius: 3px;
  border-width: 1px;
}
.add-tab-parent .mdc-tab__text-label {
  display: contents !important;
}
.standard-control-height {
  min-height: 34px;
}
.large-control-height {
  min-height: 100px;
}
.flex-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.flex-column {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.fields-tab-body .mat-mdc-tab-body-content {
  height: unset !important;
}
.fields-tab-body .design-tab .mat-mdc-tab-group {
  max-height: calc(100vh - 320px) !important;
  height: calc(100vh - 320px) !important;
  padding: 0px;
}
.fields-tab-body .angular-modal hr.angular-hr.blue {
  margin-top: 0px !important;
}
customentitydefinition-edit .fields-tab-body .design-tab .mat-mdc-tab-group,
app-edit-custom-entity-definition .fields-tab-body .design-tab .mat-mdc-tab-group {
  max-height: calc(100vh - 375px) !important;
  height: calc(100vh - 375px) !important;
}
.angular-grid-container {
  display: grid;
  padding: 10px;
  justify-content: center;
  align-content: center;
  gap: 0px;
  grid-auto-flow: dense;
  font-weight: 400;
  font-size: var(--font-size);
  color: var(--font-colour);
  row-gap: 0px;
}
.angular-grid-container .cell-flex-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.angular-grid-container .cell-flex-column {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.no-row-gap {
  row-gap: 0px;
}
.no-column-gap {
  column-gap: 0px;
}
.align-grid-items-bottom {
  align-items: center;
}
.no-padding-grid {
  padding: 0px;
}
.grid-container-20 {
  grid-template-columns: repeat(20, 1fr);
}
.grid-container-19 {
  grid-template-columns: repeat(19, 1fr);
}
.grid-container-18 {
  grid-template-columns: repeat(18, 1fr);
}
.grid-container-17 {
  grid-template-columns: repeat(17, 1fr);
}
.grid-container-16 {
  grid-template-columns: repeat(16, 1fr);
}
.grid-container-15 {
  grid-template-columns: repeat(15, 1fr);
}
.grid-container-14 {
  grid-template-columns: repeat(14, 1fr);
}
.grid-container-13 {
  grid-template-columns: repeat(13, 1fr);
}
.grid-container-12 {
  grid-template-columns: repeat(12, 1fr);
}
.grid-container-11 {
  grid-template-columns: repeat(11, 1fr);
}
.grid-container-10 {
  grid-template-columns: repeat(10, 1fr);
}
.grid-container-9 {
  grid-template-columns: repeat(9, 1fr);
}
.grid-container-8 {
  grid-template-columns: repeat(8, 1fr);
}
.grid-container-7 {
  grid-template-columns: repeat(7, 1fr);
}
.grid-container-6 {
  grid-template-columns: repeat(6, 1fr);
}
.grid-container-5 {
  grid-template-columns: repeat(5, 1fr);
}
.grid-container-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid-container-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-container-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid-container-1 {
  grid-template-columns: repeat(1, 1fr);
}
.grid-column-start-20 {
  grid-column-start: 20;
}
.grid-column-start-19 {
  grid-column-start: 19;
}
.grid-column-start-18 {
  grid-column-start: 18;
}
.grid-column-start-17 {
  grid-column-start: 17;
}
.grid-column-start-16 {
  grid-column-start: 16;
}
.grid-column-start-15 {
  grid-column-start: 15;
}
.grid-column-start-14 {
  grid-column-start: 14;
}
.grid-column-start-13 {
  grid-column-start: 13;
}
.grid-column-start-12 {
  grid-column-start: 12;
}
.grid-column-start-11 {
  grid-column-start: 11;
}
.grid-column-start-10 {
  grid-column-start: 10;
}
.grid-column-start-9 {
  grid-column-start: 9;
}
.grid-column-start-8 {
  grid-column-start: 8;
}
.grid-column-start-7 {
  grid-column-start: 7;
}
.grid-column-start-6 {
  grid-column-start: 6;
}
.grid-column-start-5 {
  grid-column-start: 5;
}
.grid-column-start-4 {
  grid-column-start: 4;
}
.grid-column-start-3 {
  grid-column-start: 3;
}
.grid-column-start-2 {
  grid-column-start: 2;
}
.grid-column-start-1 {
  grid-column-start: 1;
}
.grid-column-end-20 {
  grid-column-end: 20;
}
.grid-column-end-19 {
  grid-column-end: 19;
}
.grid-column-end-18 {
  grid-column-end: 18;
}
.grid-column-end-17 {
  grid-column-end: 17;
}
.grid-column-end-16 {
  grid-column-end: 16;
}
.grid-column-end-15 {
  grid-column-end: 15;
}
.grid-column-end-14 {
  grid-column-end: 14;
}
.grid-column-end-13 {
  grid-column-end: 13;
}
.grid-column-end-12 {
  grid-column-end: 12;
}
.grid-column-end-11 {
  grid-column-end: 11;
}
.grid-column-end-10 {
  grid-column-end: 10;
}
.grid-column-end-9 {
  grid-column-end: 9;
}
.grid-column-end-8 {
  grid-column-end: 8;
}
.grid-column-end-7 {
  grid-column-end: 7;
}
.grid-column-end-6 {
  grid-column-end: 6;
}
.grid-column-end-5 {
  grid-column-end: 5;
}
.grid-column-end-4 {
  grid-column-end: 4;
}
.grid-column-end-3 {
  grid-column-end: 3;
}
.grid-column-end-2 {
  grid-column-end: 2;
}
.grid-column-end-1 {
  grid-column-end: 1;
}
.grid-row-start-20 {
  grid-row-start: 20;
}
.grid-row-start-19 {
  grid-row-start: 19;
}
.grid-row-start-18 {
  grid-row-start: 18;
}
.grid-row-start-17 {
  grid-row-start: 17;
}
.grid-row-start-16 {
  grid-row-start: 16;
}
.grid-row-start-15 {
  grid-row-start: 15;
}
.grid-row-start-14 {
  grid-row-start: 14;
}
.grid-row-start-13 {
  grid-row-start: 13;
}
.grid-row-start-12 {
  grid-row-start: 12;
}
.grid-row-start-11 {
  grid-row-start: 11;
}
.grid-row-start-10 {
  grid-row-start: 10;
}
.grid-row-start-9 {
  grid-row-start: 9;
}
.grid-row-start-8 {
  grid-row-start: 8;
}
.grid-row-start-7 {
  grid-row-start: 7;
}
.grid-row-start-6 {
  grid-row-start: 6;
}
.grid-row-start-5 {
  grid-row-start: 5;
}
.grid-row-start-4 {
  grid-row-start: 4;
}
.grid-row-start-3 {
  grid-row-start: 3;
}
.grid-row-start-2 {
  grid-row-start: 2;
}
.grid-row-start-1 {
  grid-row-start: 1;
}
.grid-row-end-20 {
  grid-row-end: 20;
}
.grid-row-end-19 {
  grid-row-end: 19;
}
.grid-row-end-18 {
  grid-row-end: 18;
}
.grid-row-end-17 {
  grid-row-end: 17;
}
.grid-row-end-16 {
  grid-row-end: 16;
}
.grid-row-end-15 {
  grid-row-end: 15;
}
.grid-row-end-14 {
  grid-row-end: 14;
}
.grid-row-end-13 {
  grid-row-end: 13;
}
.grid-row-end-12 {
  grid-row-end: 12;
}
.grid-row-end-11 {
  grid-row-end: 11;
}
.grid-row-end-10 {
  grid-row-end: 10;
}
.grid-row-end-9 {
  grid-row-end: 9;
}
.grid-row-end-8 {
  grid-row-end: 8;
}
.grid-row-end-7 {
  grid-row-end: 7;
}
.grid-row-end-6 {
  grid-row-end: 6;
}
.grid-row-end-5 {
  grid-row-end: 5;
}
.grid-row-end-4 {
  grid-row-end: 4;
}
.grid-row-end-3 {
  grid-row-end: 3;
}
.grid-row-end-2 {
  grid-row-end: 2;
}
.grid-row-end-1 {
  grid-row-end: 1;
}
@-moz-document url-prefix() {
  .ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
    position: relative !important;
    /* Firefox-specific position property */
  
  }
}
.workflow-container {
  background-color: white !important;
}
.angular-fullscreen-modal {
  position: fixed;
  top: 10%;
  left: 10%;
  right: 10%;
  background-color: var(--background-modal-headerfooter);
}
.angular-fullscreen-modal .angular-modal-header .modal-header.angular-header {
  background-color: var(--background-modal-headerfooter) !important;
  height: unset !important;
  font-size: var(--font-size-heading);
  color: var(--font-colour) !important;
}
.mdc-tab {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.modal-content-flex-add {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 216px);
}
.modal-content-flex-edit {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 250px);
}
.mat-mdc-tab-body-content {
  height: calc(100vh - 320px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
/** Screens Exempt from Material Tabs */

forecast-edit .mat-mdc-tab-body-content,
forecast-add .mat-mdc-tab-body-content {
  height: auto !important;
}
.mat-mdc-tab-header-pagination {
  z-index: 1 !important;
}
.restrictions-tab-class .mat-mdc-tab-body-content {
  height: auto !important;
}
@-moz-document url-prefix() {
  .ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
    position: relative !important;
    /* Firefox-specific position property */
  
  }
}
#ExpressionBuilder.angular-modal .modal-body {
  padding: 0px 15px !important;
  max-height: 68vh;
  overflow: auto;
}
#ExpressionBuilder.angular-modal .form-group textarea {
  margin-left: 0 !important;
}
#ExpressionBuilder.angular-modal .form-group i {
  margin-left: 5px !important;
}
/**Allows the listbox to expand past the width of the combo box to fit the contained items*/

ng-select.expand-list-box ng-dropdown-panel {
  min-width: fit-content;
}
/* fallback */

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v142/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
app-fields-designer .no-child-padding * div,
app-fields-designer .no-child-padding * formly-field {
  padding: 0px !important;
}
app-fields-designer .add-items-area {
  background-color: var(--background-e-highlight);
  color: var(--font-colour);
}
app-fields-designer .section-card {
  background-color: var(--background-e-highlight);
  color: var(--font-colour);
}
app-fields-designer .multiple-sections-list .default-value-container formly-form {
  width: 100%;
}
app-fields-designer formly-date-picker .input-group,
app-fields-designer formly-date-picker app-calendar-range input-group {
  width: 100% !important;
}
app-fields-designer app-calendar-single .input-group,
app-fields-designer app-calendar-range .input-group,
app-fields-designer app-calendar-single app-calendar-range input-group,
app-fields-designer app-calendar-range app-calendar-range input-group {
  width: 100% !important;
}
app-fields-designer .section {
  border: 1px solid var(--background-e-highlight);
}
app-fields-designer ng-select.ng-select-searchable input[type="text"] {
  border-color: var(--background-natural) !important;
}
app-fields-designer ng-dropdown-panel.ng-select-multiple .ng-option {
  border-color: var(--background-natural) !important;
  color: var(--font-colour) !important;
}
customentity-edit ng-select.ng-select-searchable input[type="text"],
customEntity-add ng-select.ng-select-searchable input[type="text"] {
  border-color: var(--background-natural) !important;
}
customentity-edit ng-dropdown-panel.ng-select-multiple .ng-option,
customEntity-add ng-dropdown-panel.ng-select-multiple .ng-option {
  border-color: var(--background-natural) !important;
  color: var(--font-colour) !important;
}
app-add-custom-field .custompopup {
  position: fixed !important;
}
.workflow-modal-content {
  display: block !important;
  height: calc(100vh - 250px);
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.customPopupFixed {
  position: fixed !important;
}
.angular-modal .modal-body .mat-mdc-tab-body-content #embed {
  height: 99% !important;
}
.dropdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.edit-icon {
  background: transparent;
  border: none;
  cursor: pointer;
  color: #e6eae9;
  font-size: 16px;
}
body[data-theme="dark"] .popup-modal .ng-select .ng-select-container,
body[data-theme="sciformadark"] .popup-modal .ng-select .ng-select-container {
  background-color: #1e1e1e !important;
}

@-webkit-keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.33;
  }
}
@-moz-keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.33;
  }
}
@-o-keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.33;
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.33;
  }
}
div.kip-loader-outer,
div.kip-loader-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  z-index: 20;
}
div.kip-loader-outer div.kip-loader-wrapper {
  max-height: 750px;
}
div.kip-loader-outer div.kip-loader-wrapper > .kip-l-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
div.kip-loader-outer div.kip-loader-wrapper > .kip-l-inner > .kip-l-message {
  font-size: 15px;
  margin: 21px 0 0;
  color: #bbbbbb;
  text-align: center;
}
div.kip-loader-outer div.kip-loader-wrapper > .kip-l-inner > .kip-k {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAAETCAMAAADEXtnOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAAFFRUVJSUlNTU1RUVFVVVVZWVltbW1xcXF1dXV5eXl9fX2VlZWZmZmdnZ2hoaGlpaXFxcXJycnNzc3R0dHt7e3x8fH19fX5+fn9/f4aGhoeHh4iIiJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubu7u7y8vL29vb6+vr+/v8DAwMHBwcPDw8TExMXFxcjIyMnJycrKysvLy8zMzNDQ0NHR0dLS0tPT09TU1NXV1dbW1tfX19jY2NnZ2dra2tzc3N3d3d7e3t/f3+Dg4OPj4+Tk5OXl5ebm5unp6erq6uvr6+zs7O3t7QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGProbwAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjE51NayZAAAEeNJREFUeF7tnf1/FNUVh5uZnZTQioKtRamNOy+pu9RogVATpGor0YoSFGMLbREFK/j//z79fs892ezLmZDknt21/dyHZJNM7i95OPfcc19m9mdtwiBpMUlaTJIWk6TFJGkxSVpMkhaTpMUkaTFJWkySFpOkxSRpMUlaTJIWk6TFJGkxSVpMkhaTpMUkaTFJWkySFpOkxSRpMUlaTJIWk6TFJGkxSVpMkhaTpMUkaTFJWkySFpOkxSRpMUlaTJIWk6TFJGkxSVpMkhaTpMUkaTFJWkySFpOkxSRpMUlaTJIWk6TFJGkxSVpMkhaTpMUkaTFJWkyctOxdeeXiS2cuXrz6uV6YN9/c2d4ZDt/d2XuoF3xx0bK+lvVy0usV2Rvf6NU5sjsoq7qsqqau68HHetETBy3DlV7Wo5ZekReUs66/mBef1nWFj6rCJ75ryk/0F35Ea3l4LiuKvId/qwwW6On1zu7pL+fBD5t11TRV2YgSBk1ZDp7oL72I1bJ7pkCkFPABM4wZecnmEdiB+wyTEp2HsSLRAjdV+S/9tRORWu7AwiToShlCZ15e7tMFA2UEwwUB809t4EOclkdriJJp5FL2tTbx5emwbhqJl+CENGXD7PuDNnEhTsv5HMl2Embd3krRW9MmvlzvhzgZixbGCiKm3tQmLkRpucZUOwOjJc9XX9dGnuwhLEoJlJEXGZSQa6r6rjbyIErLGuIiqBiDAZT1VrOeNvJkCAFQMdaDICVo6VeXtZEHMVpuSrBMxQtMZdkq3MyhfNkPccEIUSmgRhdCJ2pKz3CJ0XIeDma7EUoXeZ1DdtlC6VajE4kZBUUMUy4vvq3N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);
  background-size: 100px;
  width: 100px;
  height: 100px;
  position: relative;
  margin: 0 auto;
}
div.kip-loader-outer div.kip-loader-wrapper > .kip-l-inner > .kip-k > div {
  width: 11px;
  height: 11px;
  border-radius: 100%;
  background-color: silver;
  position: absolute;
  -webkit-animation-name: pulse;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: pulse;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: pulse;
  -o-animation-iteration-count: infinite;
  animation-name: pulse;
  animation-iteration-count: infinite;
}
div.kip-loader-outer div.kip-loader-wrapper > .kip-l-inner > .kip-k > div:nth-child(1) {
  top: 1px;
  left: 42px;
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  -o-animation-duration: 0.8s;
  animation-duration: 0.8s;
}
div.kip-loader-outer div.kip-loader-wrapper > .kip-l-inner > .kip-k > div:nth-child(2) {
  top: 1px;
  left: 62px;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}
div.kip-loader-outer div.kip-loader-wrapper > .kip-l-inner > .kip-k > div:nth-child(3) {
  top: 21px;
  left: 42px;
  -webkit-animation-duration: 0.9s;
  -moz-animation-duration: 0.9s;
  -o-animation-duration: 0.9s;
  animation-duration: 0.9s;
}
div.kip-loader-outer div.kip-loader-wrapper > .kip-l-inner > .kip-k > div:nth-child(4) {
  top: 43px;
  left: 62px;
  -webkit-animation-duration: 1.3s;
  -moz-animation-duration: 1.3s;
  -o-animation-duration: 1.3s;
  animation-duration: 1.3s;
}
div.kip-loader-outer div.kip-loader-wrapper > .kip-l-inner > .kip-k > div:nth-child(5) {
  top: 43px;
  left: 83px;
  -webkit-animation-duration: 0.95s;
  -moz-animation-duration: 0.95s;
  -o-animation-duration: 0.95s;
  animation-duration: 0.95s;
}
div.kip-loader-outer div.kip-loader-wrapper > .kip-l-inner > .kip-k > div:nth-child(6) {
  top: 62px;
  left: 1px;
  -webkit-animation-duration: 1.1s;
  -moz-animation-duration: 1.1s;
  -o-animation-duration: 1.1s;
  animation-duration: 1.1s;
}
div.kip-loader-outer div.kip-loader-wrapper > .kip-l-inner > .kip-k > div:nth-child(7) {
  top: 62px;
  left: 42px;
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
div.kip-loader-outer div.kip-loader-wrapper > .kip-l-inner > .kip-k > div:nth-child(8) {
  top: 62px;
  left: 83px;
  -webkit-animation-duration: 1.3s;
  -moz-animation-duration: 1.3s;
  -o-animation-duration: 1.3s;
  animation-duration: 1.3s;
}
div.kip-loader-outer div.kip-loader-wrapper > .kip-l-inner > .kip-k > div:nth-child(9) {
  top: 82px;
  left: 1px;
  -webkit-animation-duration: 1.15s;
  -moz-animation-duration: 1.15s;
  -o-animation-duration: 1.15s;
  animation-duration: 1.15s;
}
div.kip-loader-outer div.kip-loader-wrapper > .kip-l-inner > .kip-k > div:nth-child(10) {
  top: 82px;
  left: 22px;
  -webkit-animation-duration: 0.954s;
  -moz-animation-duration: 0.954s;
  -o-animation-duration: 0.954s;
  animation-duration: 0.954s;
}
div.kip-loader-outer div.kip-loader-wrapper > .kip-l-inner > .kip-k > div:nth-child(11) {
  top: 82px;
  left: 42px;
  -webkit-animation-duration: 1.124s;
  -moz-animation-duration: 1.124s;
  -o-animation-duration: 1.124s;
  animation-duration: 1.124s;
}
div.kip-loader-outer.error > div.kip-loader-wrapper > .kip-l-inner > .kip-k > div {
  animation-play-state: paused;
}
div.kip-loader-outer.error > div.kip-loader-wrapper > .kip-l-inner > .kip-k > div:nth-child(4),
div.kip-loader-outer.error > div.kip-loader-wrapper > .kip-l-inner > .kip-k > div:nth-child(6),
div.kip-loader-outer.error > div.kip-loader-wrapper > .kip-l-inner > .kip-k > div:nth-child(3),
div.kip-loader-outer.error > div.kip-loader-wrapper > .kip-l-inner > .kip-k > div:nth-child(11) {
  background-color: #ff5722;
  animation: none;
  opacity: 0.8;
}
div.kip-loader-outer.error div.kip-l-message#initialise {
  display: none;
}
div.kip-loader-outer.error div.kip-l-message#erorred {
  display: block;
  color: #ff5722;
}
div.kip-loader-outer div.kip-l-message#erorred {
  display: none;
}

.kip-intellisense {
  position: relative;
}
.kip-intellisense .textarea {
  font-size: 16px;
  padding: 8px 12px;
  border: 1px solid #a3a3a3;
  background-color: white;
  width: 100%;
  height: 270px !important;
  font-family: 'Consolas', sans-serif;
  font-size: var(--font-size);
}
.kip-intellisense .textarea.textarea-output {
  user-select: none;
  pointer-events: none;
  box-sizing: border-box;
  word-break: break-word;
  opacity: 0;
  position: absolute;
}
.kip-intellisense .textarea div {
  display: inline-block;
  vertical-align: baseline;
}
.kip-intellisense .textarea .cursorPos {
  width: 1px;
  height: 25px;
  margin: -5px -1px -5px 0;
  background-color: red;
}
.kip-intellisense div.options {
  padding: 0;
  position: fixed;
  z-index: 10;
}
.kip-intellisense div.options > * {
  border-radius: 3px;
  overflow: hidden;
}
.kip-intellisense div.options > .current {
  width: 500px;
  background-color: #323232;
  margin-bottom: 1px;
  padding: 8px 12px;
}
.kip-intellisense div.options > .current.field {
  color: greenyellow;
}
.kip-intellisense div.options > .current.expression {
  color: plum;
}
.kip-intellisense div.options > .current.expression i {
  color: white;
}
.kip-intellisense div.options > .current.operator {
  color: tomato;
}
.kip-intellisense div.options > .current.SummaryFunction {
  color: orange;
}
.kip-intellisense div.options > .current.UserFunction {
  color: #94a4ff;
}
.kip-intellisense div.options > .current.permission {
  color: aqua;
}
.kip-intellisense div.options > .current.logical {
  color: #ffd54f;
}
.kip-intellisense div.options > .current #description {
  color: white;
  font-size: 12px;
  margin-top: 4px;
}
.kip-intellisense div.options > ul,
.kip-intellisense div.options > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.kip-intellisense div.options > ul {
  width: 500px;
  background-color: #505050;
  border: 1px solid #323232;
  display: inline-block;
  max-height: 300px;
  overflow-y: auto;
}
.kip-intellisense div.options > ul:empty {
  display: none;
}
.kip-intellisense div.options > ul > li {
  cursor: pointer;
  padding: 8px 10px;
  font-size: 16px;
}
.kip-intellisense div.options > ul > li.active {
  background-color: rgba(210, 210, 210, 0.2);
}
.kip-intellisense div.options > ul > li.field {
  color: greenyellow;
}
.kip-intellisense div.options > ul > li.expression {
  color: plum;
}
.kip-intellisense div.options > ul > li.expression i {
  color: white;
}
.kip-intellisense div.options > ul > li.operator {
  color: tomato;
}
.kip-intellisense div.options > ul > li.SummaryFunction {
  color: orange;
}
.kip-intellisense div.options > ul > li.UserFunction {
  color: #94a4ff;
}
.kip-intellisense div.options > ul > li.permission {
  color: aqua;
}
.kip-intellisense div.options > ul > li.logical {
  color: #ffd54f;
}
.kip-intellisense div.options > ul > li .description {
  color: white;
  font-size: 12px;
}
.kip-intellisense div.options > ul > li > * {
  display: inline-block;
  vertical-align: middle;
}
.kip-intellisense div.options > ul > li > .icon {
  width: 40px;
  text-align: center;
  padding: 0 8px 0 0;
  font-size: 14px;
}
.kip-intellisense div.options > ul > li > .content {
  width: calc(100% - 48px);
  font-size: 14px;
}

.dynamic-demand-negative-variance {
  background-color: Red;
  color: white;
}
table.table tbody .sorting,
table.table tbody .sorting_asc,
table.table tbody .sorting_desc {
  padding-right: 20px !important;
  cursor: pointer;
}
table.table tbody .sorting {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUEwMEQ0NzhBMEI3MTFFM0JCQTJDMkYyRjgyNTZCN0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUEwMEQ0NzlBMEI3MTFFM0JCQTJDMkYyRjgyNTZCN0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQTAwRDQ3NkEwQjcxMUUzQkJBMkMyRjJGODI1NkI3RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQTAwRDQ3N0EwQjcxMUUzQkJBMkMyRjJGODI1NkI3RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtPiJ6MAAACjSURBVHja3NRtCoAgDAZg5zEEz+H9/+k5BK+xfCNjfdmk6EeDgQz2qDkiZjZvhTUvxndYSolrPscAee+xVIP2BqIR0PagpaQG7Q1k9mAPo/2clVLWtXPusqY52WlTD9gETiYzxnioafPsm7G8lrg+HoBHXpNyzvOBJQgI9boRDY0GGiSohQ5YCMG0xgZKaKnpR6O9KuaqNrOEsNkw9r//2STAAMJ/rZQTfz7+AAAAAElFTkSuQmCC) no-repeat center right;
}
table.table tbody .sorting_asc {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjU1Q0U3OUFBMEI2MTFFM0EzODI4QTY4Mjc3NTgwNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjU1Q0U3OUJBMEI2MTFFM0EzODI4QTY4Mjc3NTgwNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNTVDRTc5OEEwQjYxMUUzQTM4MjhBNjgyNzc1ODA0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNTVDRTc5OUEwQjYxMUUzQTM4MjhBNjgyNzc1ODA0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/ProLXhcAAABwSURBVHjaYvz//z8DtQATAxXBqGFUMuzkyZMMz549Y+jr6/sPokEYJEayYSBNsrKyDCtWrPhvY2MDpkHiIDFCBjLhM0hGRoYR3UCSXIZskJSUFIOZmRmKgUQbdvToURSDYIBYAxlHs9OoYXQwDCDAAHbAPd2JBSknAAAAAElFTkSuQmCC) no-repeat center right;
}
table.table tbody .sorting_desc {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REJGODRFRTVBMEI2MTFFMzhEQTQ4NjFEODY4REUwRTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REJGODRFRTZBMEI2MTFFMzhEQTQ4NjFEODY4REUwRTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQkY4NEVFM0EwQjYxMUUzOERBNDg2MUQ4NjhERTBFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQkY4NEVFNEEwQjYxMUUzOERBNDg2MUQ4NjhERTBFNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po20gdYAAAB7SURBVHja7JPLCQAhDESTbcqDjdiUVuVBbMNPG1nmpuuyuOBJHBgCk+RBDmERoVW6aKEObFuYc05ijFJrHQaRoz8N01qz955yzh0QIOTGGP51JhZa4CxogCmlKKXUAVsQep/Cbz4dQqBSCllrBRVG9jbbms+jbwS7BRgAO7l71I6mz40AAAAASUVORK5CYII=) no-repeat center right;
}
.breakdown-reduced-height {
  transition: max-height 0.5s ease-in-out;
  max-height: 200px !important;
}
.breakdown-maximised-height {
  transition: max-height 0.5s ease-in-out;
}
#capacityTable {
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word;
}
.capacity-table-heading-cell {
  width: 162px;
}

/* due to the way styles are applied and overridden on widgets, we have no control over how big the view area is at times (mainly from ProjectReview.less and Beyond.js Event Listeners)
    meaning that the best we can do is try to match those.
*/

.iframe-maximized .widget-body .widget-content {
  min-height: 98% !important;
  /* Use identifier here to beat specificity rule that as class already is applied with the min  height set as an !important */

}
.iframe-maximized .widget-body .widget-content #IFrameContainer {
  /* escaped string as less will only look at the numbers and arithmetic operator otherwise. 5px for padding the botom */
  height: calc(98% - 5px) !important;
}

div.kanbanWidgetPage {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}
div.kanbanWidgetPage .widget-body {
  padding-bottom: 0px;
}
div.kanbanWidgetPage #kanbanViewContainer {
  padding-right: 20px;
  padding-left: 0px;
}
div.kanbanWidgetPage #kanbanViewContainer .editableView {
  margin-right: -2px;
}
div.kanbanWidgetPage #kanbanViewContainer .editableView .editableTable {
  position: relative;
}
div.kanbanWidgetPage .editableTableFilter {
  margin-bottom: 5px;
  padding-right: 10px;
}
div.kanbanWidget {
  position: relative;
  right: 0px;
  bottom: 0px;
  left: 5px;
  top: 0px;
  overflow: auto;
  padding-bottom: 50px;
  background-color: #ebe4e4;
  border-radius: 5px;
  padding: 5px 0;
}
[dir='ltr'] div.kanbanWidget {
  margin: 0 0 0 -10px !important;
}
[dir='rtl'] div.kanbanWidget {
  margin: 0 -10px 0 0 !important;
}
div.kanbanWidget .kanbanRow {
  padding-left: 20px;
  padding-top: 5px;
  display: flex;
  position: relative;
  background-color: #ebe4e4;
}
div.kanbanWidget .kanbanRow .kanbanCol {
  max-width: 250px;
  min-width: 240px;
  padding: 0px;
  float: left;
  /*background-color: white;*/
  flex: 1;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 6px;
}
[dir='ltr'] div.kanbanWidget .kanbanRow .kanbanCol {
  margin: 0px 10px 10px 0px;
}
[dir='rtl'] div.kanbanWidget .kanbanRow .kanbanCol {
  margin: 0 0 10px 10px;
}
div.kanbanWidget .kanbanRow .kanbanCol .kanban-section-header {
  padding: 5px 10px 5px 10px;
  z-index: 5;
  border-bottom: 2px;
  border-bottom-style: solid;
  border-color: #9c9696;
  word-wrap: break-word;
}
div.kanbanWidget .kanbanRow .kanbanCol ul.kanban-section {
  height: 100%;
  padding: 5px;
  overflow: visible;
  list-style-type: none;
}
div.kanbanWidget .kanbanRow .kanbanCol.disabled ul.kanban-section .ui-state-highlight.kanban-card.ui-sortable-handle {
  display: none;
}
div.kanbanWidget .kanbanRow.loadingStatus {
  pointer-events: none;
  opacity: 0.5;
}
div.kanbanWidget .loadingMask {
  position: absolute !important;
  z-index: 100;
  height: 100%;
}
div.kanbanWidget .loadingMask .loadingIcon {
  background-position: center !important;
  height: 100%;
}
div.kanbanWidget .tooltip {
  width: 400px;
}
li.kanban-card {
  list-style-type: none;
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
  padding: 5px 5px 5px 10px;
  margin-bottom: 5px;
  border: solid 2px;
  border-color: #9c9696;
  min-height: 115px;
  box-sizing: border-box;
  background-color: #f9f9f9;
  border-radius: 4px;
}
li.kanban-card .kanbanIdentifier {
  position: absolute;
  width: 100%;
  height: 5px;
  padding: 0px;
  bottom: 0;
  right: 0;
  clear: both;
}
li.kanban-card .kanbanCardOptions {
  display: none;
  float: right;
}
li.kanban-card .kanban-card-details {
  padding-right: 5px;
}
li.kanban-card .kanban-card-details .childCounts {
  display: none;
}
li.kanban-card .kanban-card-details .titleArea {
  padding: 0px 0px 6px 0px;
}
li.kanban-card .kanban-card-details .titleArea .kanban-card-title {
  margin-right: 4px;
}
li.kanban-card .kanban-card-details .titleArea .kanban-card-title a:hover {
  cursor: pointer;
}
li.kanban-card .kanban-card-details .contentArea {
  margin-bottom: 5px;
  bottom: 0;
  width: 84%;
}
li.kanban-card .kanban-card-details .contentArea div {
  position: relative;
}
li.kanban-card .kanban-card-details .lock {
  padding-right: 10px;
  margin-left: 0px;
}
li.kanban-card .kanban-card-details .lock span {
  color: gray;
}
li.kanban-card .Ball {
  margin-left: 2px;
  display: inline-block;
  position: absolute;
  top: 2px;
}
li.kanban-card .kanban-card-icons {
  float: right;
  position: absolute;
  right: 5px;
  top: 5px;
}
.kanbanRow .hovered {
  border-width: 4px;
}
li.kanban-card:hover {
  cursor: move;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
li.kanban-card:hover .kanbanCardOptions {
  display: block;
  z-index: 3;
  position: absolute;
  top: -8px;
  right: 0.5px;
  background-color: whitesmoke;
}
li.kanban-card.ui-sortable-helper {
  cursor: url(/Content/style/images/grabbing.cur);
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.overdue {
  border-width: 2px !important;
}
div#taskKanbanPage #editableViewButtons {
  padding: 0 5px !important;
}
div.kanbanWidgetPage .pull-right .editableTableFilter {
  padding-inline-end: 0;
  padding-inline-start: 10px;
}
div#taskKanbanPage #editableViewButtons {
  padding-left: 20px;
  padding-right: 20px;
  padding-left: 16px;
}
div#taskKanbanPage #editableViewButtons .fa-info-circle {
  margin-right: 8px;
}
div#taskKanbanPage .kanbanRow {
  min-height: 800px;
}
div#taskKanbanPage #changeKanbanView option {
  text-align: left;
}
li.kanban-card.cancelSortable,
li.kanban-card.cancelSortable:hover {
  cursor: default;
}
.SummaryLevel .milestoneIcon,
.SummaryLevel .linkedDeliverableIcon {
  display: none;
}
.SummaryLevel li.kanban-card .kanban-card-details {
  position: relative;
  width: 93%;
}
.SummaryLevel li.kanban-card .kanban-card-details .childCounts,
.SummaryLevel li.kanban-card .kanban-card-details .milestone-childCounts {
  display: block;
  bottom: 0;
  right: 0;
  position: absolute;
  padding-left: 10px;
}
.SummaryLevel li.kanban-card .kanban-card-details .fa-spinner {
  display: none;
}
.SummaryLevel .expandedTasksArea > hr {
  border-top: #bbbbbb 1px solid;
  margin: 7px -11px 10px -10px !important;
}
.SummaryLevel .unExpandedTasksArea {
  position: relative;
}
.SummaryLevel .expandedTasks {
  margin-bottom: 4px;
  max-height: 200px;
  overflow-y: auto;
}
.SummaryLevel .expandedTasks .checkbox {
  margin-top: 0px;
  margin-bottom: 0px;
}
.SummaryLevel .expandedTasks .checkbox input[type=checkbox] ~ .text:before,
.SummaryLevel .expandedTasks .checkbox input[type=radio] ~ .text:before {
  height: 14px;
  min-width: 14px;
  border-radius: 3px;
}
.SummaryLevel .expandedTasks .tasksTable {
  width: 100%;
}
.SummaryLevel .expandedTasks .tasksTable td {
  margin: 2px 2px 0px 3px;
  padding: 0;
  height: 22px;
}
.SummaryLevel .expandedTasks .tasksTable tr {
  height: 24px;
}
.SummaryLevel .expandedTasks .tasksTable a:hover {
  cursor: pointer;
}
#taskKanban-config,
#milestone-kanban-config {
  padding-bottom: 50px;
}
#taskKanban-config input,
#milestone-kanban-config input {
  height: 25px;
  width: 100%;
}
#taskKanban-config div#taskKanban-config-body,
#milestone-kanban-config div#taskKanban-config-body,
#taskKanban-config div#milestone-kanban-config-body,
#milestone-kanban-config div#milestone-kanban-config-body {
  height: 700px;
  overflow-y: auto;
  padding-bottom: 100px;
}
#taskKanban-config #visualisationOptions .checkbox,
#milestone-kanban-config #visualisationOptions .checkbox {
  margin-top: 0;
}
#taskKanban-config #visualisationOptions .colourpicker .pickerlabel,
#milestone-kanban-config #visualisationOptions .colourpicker .pickerlabel {
  margin-top: 7px;
}
#taskKanban-config #visualisationOptions li.kanban-card:hover,
#milestone-kanban-config #visualisationOptions li.kanban-card:hover {
  cursor: default;
}
#taskKanban-config .tooltip,
#milestone-kanban-config .tooltip {
  width: 400px;
}
#taskKanban-config .dropdown-menu,
#milestone-kanban-config .dropdown-menu {
  top: -2px;
  left: 40px;
  padding-bottom: 14px;
}
#taskKanban-config .dropdown-menu a,
#milestone-kanban-config .dropdown-menu a {
  padding: 15px;
  color: black;
  height: 32px;
  width: 32px;
  display: inline-block;
  padding-left: 18px;
}
#taskKanban-config .dropdown-menu a.selected,
#milestone-kanban-config .dropdown-menu a.selected {
  color: red;
}
#taskKanban-config #TaskHeirarchy input,
#milestone-kanban-config #TaskHeirarchy input,
#taskKanban-config #TaskHeirarchy .dropdown-toggle,
#milestone-kanban-config #TaskHeirarchy .dropdown-toggle {
  height: 34px;
}
#taskKanban-config #TaskHeirarchy .dropdown-toggle,
#milestone-kanban-config #TaskHeirarchy .dropdown-toggle {
  width: 40px;
}
#taskKanban-config #columnViewOptions,
#milestone-kanban-config #columnViewOptions {
  margin-bottom: -20px;
}
#taskKanban-config #columnViewOptions .more-options-btn,
#milestone-kanban-config #columnViewOptions .more-options-btn {
  margin-top: 7px;
  margin-right: 7px;
  padding-left: 7px;
  padding-right: 7px;
  text-decoration: none;
  cursor: pointer;
  position: relative;
}
#taskKanban-config #columnViewOptions .more-options-btn:hover,
#milestone-kanban-config #columnViewOptions .more-options-btn:hover {
  background-color: whitesmoke;
}
#taskKanban-config #columnViewOptions .more-options-btn:hover .more-options-menu,
#milestone-kanban-config #columnViewOptions .more-options-btn:hover .more-options-menu {
  display: block;
}
#taskKanban-config #columnViewOptions .more-options-menu,
#milestone-kanban-config #columnViewOptions .more-options-menu {
  display: none;
  position: absolute;
  background-color: white;
  z-index: 30;
  padding: 2px 10px 0px 10px;
  border: 2px solid;
  border-color: #dddddd;
  left: 0;
}
#taskKanban-config #columnViewOptions .more-options-menu span,
#milestone-kanban-config #columnViewOptions .more-options-menu span {
  border-bottom: 1px solid;
  border-color: whitesmoke;
  padding: 7px 25px;
  text-decoration: none;
  display: block;
  color: #0072c6;
  width: 100%;
  height: 100%;
}
#taskKanban-config #columnViewOptions .more-options-menu span:hover,
#milestone-kanban-config #columnViewOptions .more-options-menu span:hover {
  color: black;
}
#taskKanban-config #columnViewOptions li,
#milestone-kanban-config #columnViewOptions li {
  display: inline-block;
}
#taskKanban-config .viewsLoginGroups li,
#milestone-kanban-config .viewsLoginGroups li {
  display: inline-block;
}
#taskKanban-config .select2-container,
#milestone-kanban-config .select2-container {
  width: 100% !important;
}
#visualisationOptions .GWGanttMilestoneBase,
li.kanban-card .GWGanttMilestoneBase {
  background-size: 28px 28px;
  width: 26px;
  height: 25px;
  margin-left: -3px;
  margin-top: -3px;
}
.taskPanel table,
.taskPanel tbody {
  width: 100%;
}
.taskPanel .displayDivider {
  margin-top: 3px;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.taskPanel .fieldLabel {
  text-align: right;
  padding-right: 10px;
}
.taskPanel .fieldValue {
  width: 65%;
  vertical-align: top;
}
.taskPanel .Role {
  white-space: pre-line;
}
.taskPanel #Column1,
.taskPanel #Column2 {
  float: left;
  font-size: 11px;
}
.taskPanel #Column2 {
  width: 58%;
}
.taskPanel #Column2 .fieldLabel {
  width: 52%;
}
.taskPanel #Column1 {
  width: 40%;
  margin-right: 2%;
}
.taskPanel #Column1 .fieldLabel {
  width: 60%;
}
#taskKanbanViewContainer li.kanban-card .kanban-card-details .contentArea,
#milestoneKanbanViewContainer li.kanban-card .kanban-card-details .contentArea {
  margin-bottom: 2px;
  bottom: 0;
  width: 100%;
  font-size: 0;
}
#taskKanbanViewContainer li.kanban-card .kanban-card-details .contentArea > *,
#milestoneKanbanViewContainer li.kanban-card .kanban-card-details .contentArea > * {
  width: calc(50% - 10px);
  margin: 0 10px 0 0;
  display: inline-block;
  vertical-align: top;
  font-size: 11px;
  color: #3b3b3b;
}
#taskKanbanViewContainer li.kanban-card .kanban-card-details .childCounts,
#milestoneKanbanViewContainer li.kanban-card .kanban-card-details .childCounts,
#taskKanbanViewContainer li.kanban-card .kanban-card-details .milestone-childCounts,
#milestoneKanbanViewContainer li.kanban-card .kanban-card-details .milestone-childCounts {
  position: relative;
  padding: 3px 6px;
  margin: 6px 0 2px -5px;
  border: 1px solid transparent;
  display: inline-block;
  border-radius: 3px;
}
#taskKanbanViewContainer li.kanban-card .kanban-card-details .titleArea,
#milestoneKanbanViewContainer li.kanban-card .kanban-card-details .titleArea {
  max-width: 92%;
}
#taskKanbanViewContainer li.kanban-card.active .kanban-card-details .childCounts,
#milestoneKanbanViewContainer li.kanban-card.active .kanban-card-details .childCounts,
#taskKanbanViewContainer li.kanban-card .kanban-card-details .childCounts:hover,
#milestoneKanbanViewContainer li.kanban-card .kanban-card-details .childCounts:hover {
  border: 1px solid #b5b5b5;
  background-color: #e9e9e9;
}
#taskKanbanViewContainer li.kanban-card.active .kanban-card-details .milestone-childCounts,
#milestoneKanbanViewContainer li.kanban-card.active .kanban-card-details .milestone-childCounts,
#taskKanbanViewContainer li.kanban-card .kanban-card-details .milestone-childCounts:hover,
#milestoneKanbanViewContainer li.kanban-card .kanban-card-details .milestone-childCounts:hover {
  border: 1px solid #b5b5b5;
  background-color: #e9e9e9;
  cursor: pointer;
}
#taskKanbanViewContainer li.kanban-card .expandedTasksArea,
#milestoneKanbanViewContainer li.kanban-card .expandedTasksArea {
  display: none !important;
}
#taskKanbanViewContainer li.kanban-card.active .expandedTasksArea,
#milestoneKanbanViewContainer li.kanban-card.active .expandedTasksArea {
  display: block !important;
}
#taskKanbanViewContainer li.kanban-card .fa-spinner,
#milestoneKanbanViewContainer li.kanban-card .fa-spinner {
  display: none;
}
#taskKanbanViewContainer .kanbanAlert .alert,
#milestoneKanbanViewContainer .kanbanAlert .alert {
  margin: 0 5px 10px 5px;
}
#taskKanbanViewContainer .position-indicator,
#milestoneKanbanViewContainer .position-indicator {
  border-radius: 3px;
  height: 7px;
  background-color: rgba(135, 135, 135, 0.24);
  margin-top: 5px;
  font-size: 0;
}
#taskKanbanViewContainer .position-indicator .position-indicator-bar,
#milestoneKanbanViewContainer .position-indicator .position-indicator-bar {
  height: 7px;
  border-radius: 3px;
  position: relative;
}
#taskKanbanViewContainer .position-indicator .position-indicator-bar .position-indicator-bar-tooltip,
#milestoneKanbanViewContainer .position-indicator .position-indicator-bar .position-indicator-bar-tooltip {
  position: absolute;
  font-size: 10px;
  background: white;
  border: 1px solid #989898;
  box-shadow: 0 0 5px 1px rgba(50, 50, 50, 0.3);
  color: #323232;
  padding: 3px 4px;
  top: 12px;
  left: 50%;
  border-radius: 3px;
  display: none;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
#taskKanbanViewContainer .position-indicator .position-indicator-bar .position-indicator-bar-tooltip:before,
#milestoneKanbanViewContainer .position-indicator .position-indicator-bar .position-indicator-bar-tooltip:before {
  content: '';
  border: 5px solid transparent;
  border-bottom-color: #989898;
  height: 0;
  position: absolute;
  top: -11px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
#taskKanbanViewContainer .position-indicator:hover .position-indicator-bar .position-indicator-bar-tooltip,
#milestoneKanbanViewContainer .position-indicator:hover .position-indicator-bar .position-indicator-bar-tooltip {
  display: block;
}
div#taskKanbanPage .fa-paperclip,
#taskKanban-config .fa-paperclip,
#milestone-kanban-config-body .fa-paperclip {
  font-size: 1.8em;
  margin-left: 3px;
  margin-top: 2px;
}
div#kanbanPage #editableViewButtons {
  margin-left: 10px !important;
  padding-right: 20px;
  border-bottom: 1px solid darkgray;
}
div#kanbanPage .ui-menu-item {
  font-family: var(--font-family);
  font-size: 12px;
  margin: 3px 7px 4px;
}
div#kanban-config .wip-limit-row {
  height: 39px;
  margin-bottom: 5px;
}
div#kanban-config .wip-limit-row input {
  height: 39px;
  width: 100%;
  padding-left: 10px;
}
div#kanban-config .wip-limit-row .col-xs-3 {
  overflow: hidden;
}
div#kanban-config .additionalFields .row {
  margin-bottom: 4px;
}

@media print {
  body:before {
    background: none !important;
  }
}
div#gantt-grids {
  min-width: 375px;
}
.TSPopupGridMain {
  /* Make it so the treegrid modal doesnt appear underneath the left navigation bar */
  z-index: 1003 !important;
}
/*.TSPopupGridOuter {

    padding: 10px;

}*/

.TSSolidRow {
  cursor: default !important;
}
div[data-checkedin="True"] .TSBoolBase.TSClassReadOnly {
  opacity: 1 !important;
}
.TSCellBase {
  font-weight: 400;
  font-family: sans-serif;
}
.grid-row-summary {
  font-weight: bold !important;
}
.GPHeaderText {
  margin: 0 10px;
}
.plan-checkedin .TSClassReadOnly {
  color: #767676;
}
div.errorcontainer.gantt-errors > div.alert {
  margin-bottom: 5px;
}
div.errorcontainer.gantt-errors > div.alert:last-child {
  margin-bottom: 20px;
}
div.modal-toolbar,
div#predecessor-toolbar {
  padding: 5px;
  border-top: 0;
}
div#predecessor-toolbar ul#predecessors-add-list {
  background-color: white;
  color: #444444;
  border: solid 1px #cccccc;
  border-radius: 2px;
  margin: 0 0 5px 0;
  padding: 5px 5px 0 5px;
  height: 150px;
  overflow-y: scroll;
  position: relative;
}
div#predecessor-toolbar ul#predecessors-add-list > li {
  margin: 0 0 5px 0;
  padding: 6px 2px 6px 12px;
  list-style: none;
  background-color: whitesmoke;
  border-radius: 2px;
  cursor: pointer;
}
div#predecessor-toolbar ul#predecessors-add-list > li.selected {
  background-color: #7bb4de;
}
div#predecessor-toolbar ul#predecessors-add-list > li.hidden {
  display: none;
}
div#predecessor-toolbar ul#predecessors-add-list > li:hover {
  background-color: gainsboro;
}
div#predescessors-search {
  /*display: inline-block;*/
  background-color: white;
  padding: 5px;
  border: solid 1px #cccccc;
  border-radius: 3px;
  float: right;
}
div#predescessors-search > div#predecessors-search-icon {
  font-size: 14px;
  display: inline-block;
  margin: 0 8px 0 5px;
}
div#predescessors-search > input#predecessors-search {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  width: 200px;
}
.search-finder-asset {
  display: inline-block;
  float: right;
  background-color: #e3e3e3;
  margin: -2px 3px 0 3px;
  padding: 2px 5px;
  border-radius: 2px;
  display: none;
}
.search-finder-asset[type=label] {
  background-color: transparent;
  color: #bebebe;
}
div#nothing-found {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  line-height: 150px;
  background-color: rgba(250, 250, 250, 0.8);
  font-size: 16px;
  display: none;
}
.editableTableButtons.predecessors-custom {
  margin-left: 15px;
  height: 45px;
}
.editableTableButtons.predecessors-custom .btn-group.predecessors-custom {
  padding: 11px 0px 0px 0px;
  margin-left: -2px;
}
@keyframes spinner {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
.field-loading-backdrop {
  position: absolute;
  top: 4px;
  right: 1px;
  bottom: -4px;
  left: 11px;
  background-color: rgba(225, 225, 225, 0.87);
  border-radius: 2px;
  z-index: 2;
}
.field-loading-backdrop > div {
  width: 25px;
  height: 25px;
  border: solid 1px transparent;
  border-top-color: #323232;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -13px 0 0 -13px;
  border-radius: 25px;
  animation: spinner 0.6s linear infinite;
  -webkit-animation: spinner 0.6s linear infinite;
  -moz-animation: spinner 0.6s linear infinite;
  -o-animation: spinner 0.6s linear infinite;
}
#toolbar-tg-m-loader,
#modal-background-loader {
  display: inline;
  float: right;
  margin: 8px 7px 0 0;
}
.kipToolbar {
  position: relative;
}
#toolbar-tg-m-loader {
  margin: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#toolbar-tg-m-loader *,
#modal-background-loader * {
  display: inline-block;
  vertical-align: middle;
}
.loader-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  background-color: white;
}
.loader-wrapper#kip-initialisation-mask {
  position: absolute !important;
  width: auto !important;
  height: auto !important;
  z-index: 999;
}
div.editpage > .loader-wrapper {
  top: -15px;
  left: -15px;
  bottom: -15px;
  right: -15px;
}
#toolbar-tg-m-loader .tg-m-loader {
  overflow: hidden;
}
.loader-wrapper .tg-m-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 50;
}
#toolbar-tg-m-loader .tg-m-loader > .tg-m-indicator,
.loader-wrapper .tg-m-loader > .tg-m-indicator,
#modal-background-loader .tg-m-loader > .tg-m-indicator {
  width: 20px;
  height: 20px;
  border: 2px solid #e6e6e6;
  border-top-color: #0072c6;
  border-radius: 50%;
  margin: 0 5px 0 5px;
  -webkit-animation: spinner 1s cubic-bezier(0.53, -0.3, 0.36, 1.35) infinite;
  -moz-animation: spinner 1s cubic-bezier(0.53, -0.3, 0.36, 1.35) infinite;
  -o-animation: spinner 1s cubic-bezier(0.53, -0.3, 0.36, 1.35) infinite;
  animation: spinner 1s cubic-bezier(0.53, -0.3, 0.36, 1.35) infinite;
}
#toolbar-tg-m-loader .tg-m-loader > .tg-m-indicator {
  border: 2px solid white;
  border-top-color: #0072c6;
}
.loader-wrapper .tg-m-loader > .tg-m-indicator {
  width: 70px;
  height: 70px;
  margin: 0;
  border: 6px solid #c5c5c5;
  border-top-color: transparent;
  -webkit-animation: spinner 0.4s linear infinite;
  -moz-animation: spinner 0.4s linear infinite;
  -o-animation: spinner 0.4s linear infinite;
  animation: spinner 0.4s linear infinite;
}
.loader-wrapper .tg-m-loader > .tg-m-gif {
  background: url(data:image/gif;base64,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) no-repeat 5px 5px !important;
  width: 50px;
  height: 50px;
}
#toolbar-tg-m-loader .tg-m-loader > .tg-m-message,
#modal-background-loader .tg-m-loader > .tg-m-message {
  font-size: 12px;
  display: none;
}
.waitingLoader {
  width: 20px;
  height: 20px;
  border: 2px solid #e6e6e6;
  border-top-color: #0072c6;
  border-radius: 50%;
  margin: 0 5px 0 5px;
  -webkit-animation: spinner 1s cubic-bezier(0.53, -0.3, 0.36, 1.35) infinite;
  -moz-animation: spinner 1s cubic-bezier(0.53, -0.3, 0.36, 1.35) infinite;
  -o-animation: spinner 1s cubic-bezier(0.53, -0.3, 0.36, 1.35) infinite;
  animation: spinner 1s cubic-bezier(0.53, -0.3, 0.36, 1.35) infinite;
  display: none;
}
option[data-selector='custom-select2'] {
  padding: 8px 10px;
}
div#effort-usage-wrapper {
  margin-top: 10px;
}
div#effort-usage-wrapper > * {
  display: inline-block;
  vertical-align: top;
}
div#effort-usage-wrapper * {
  white-space: normal;
}
div#effort-usage-wrapper > div#effort-usage-commands,
div#effort-usage-wrapper > div#effort-usage-used-assignments {
  border: 1px solid #dddddd;
  background-color: rgba(245, 245, 245, 0.35);
  padding: 8px 12px;
  margin: 0 0 10px 0;
  position: relative;
  display: none;
}
div#effort-usage-wrapper > div#effort-usage-commands > * {
  display: inline-block;
  vertical-align: middle;
}
div#effort-usage-wrapper > div#effort-usage-commands > select {
  color: black;
  border: none;
  background: transparent;
  padding: 0 3px 0 0;
  margin: 0 1px 0 0;
}
div#effort-usage-wrapper > div#effort-usage-commands > div {
  padding: 0 3px;
  margin: 0 1px;
}
div#effort-usage-wrapper > div#effort-usage-commands > div[contenteditable='true'],
div#effort-usage-wrapper > div#effort-usage-commands > div.contenteditable {
  border-bottom: 1px solid #d9d9d9;
  outline: none;
  -webkit-transition: border-bottom-color 0.2s ease;
  -moz-transition: border-bottom-color 0.2s ease;
  -o-transition: border-bottom-color 0.2s ease;
  transition: border-bottom-color 0.2s ease;
}
div#effort-usage-wrapper > div#effort-usage-commands > div[contenteditable='true']:focus {
  border-bottom-color: #585858;
}
div#effort-usage-wrapper > div#effort-usage-commands > input.datepicker-input {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  width: 0;
}
div#effort-usage-wrapper > div#effort-usage-commands > input[type='checkbox'] {
  position: relative;
  width: 14px;
  height: 14px;
  opacity: 1;
  left: unset;
  right: unset;
}
div#effort-usage-wrapper > div#effort-usage-commands > label {
  padding: 0 !important;
  margin: 0 !important;
}
div#effort-usage-wrapper > div#effort-usage-commands > hr {
  display: block;
  margin: 6px -5px;
}
div#effort-usage-wrapper > div#effort-usage-commands > #set {
  position: absolute;
  right: 12px;
  bottom: 8px;
  width: 46px;
  text-align: center;
  cursor: pointer;
  padding: 6px 12px;
}
div#effort-usage-wrapper > .fa {
  font-size: 12px;
  float: left;
  margin: 0px 0 0 -27px;
  padding: 5px;
  background-color: whitesmoke;
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
div#effort-usage-used-assignments {
  display: block;
}
#GanttToolbar,
#GanttAssignmentToolbar {
  cursor: default;
  font-size: 12px;
}
#GanttAssignmentToolbar {
  padding: 5px 0 5px 0;
  border-top: 1px dashed var(--table-border-colour);
  margin: 5px 0 0 0;
}
#GanttToolbar .btn.active,
#GanttAssignmentToolbar .btn.active,
div#effort-usage-wrapper > .fa.active {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  background-color: #586980;
  border-color: #586980;
  color: white;
}
/*Select2 Arrow clipping fix*/

.editPageValue .select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice .select2-arrow {
  background: transparent;
}
div.modal-content div.editpage div.form-group .select2-choice {
  border-radius: 2px;
}
/*Export Manager*/

/*#GanttToolbar #download-toggle-popup {
    float: right;
}*/

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
div.popup-backer {
  z-index: 101;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  background-color: rgba(240, 240, 240, 0.33);
}
div.popup-template-provider {
  position: absolute;
  z-index: 101;
  left: 11px;
  top: 47px;
  right: unset;
  bottom: unset;
  min-width: 450px;
  border-radius: 3px;
  border: 1px solid #586980;
  background-color: #f8f8f8;
  box-shadow: 0 0 28px 2px rgba(0, 0, 0, 0.8);
  display: none;
  font-size: 0 !important;
  cursor: default;
  user-select: none;
  overflow: unset;
  height: auto !important;
  width: auto !important;
}
div.popup-template-provider.planConfiguration {
  width: 50vw !important;
}
div.popup-template-provider.moved {
  height: auto !important;
}
div.popup-template-provider > #arrow {
  position: absolute;
  top: -15px;
  left: calc(50% - 7px);
  border: 7px solid #586980;
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
}
div.popup-template-provider.moved > #arrow {
  display: none;
}
div.popup-template-provider > #header {
  padding: 20px;
  background-color: #586980;
  color: white;
}
div.popup-template-provider.isdraggable > #header {
  cursor: move;
}
div.popup-template-provider > #header > h1 {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
div.popup-template-provider > #header > h1 > .background-loading-process {
  position: absolute;
  top: 11px;
  left: 10px;
  width: 34px;
  height: 34px;
  border: 2px solid transparent;
  border-left-color: white;
  border-radius: 50%;
  animation: spinner 0.4s linear infinite;
}
div.popup-template-provider > #header > h1 > span.icon {
  color: white !important;
}
div.popup-template-provider > #header > h1 > #close,
div.popup-template-provider > #header > h1 > #settings {
  display: inline-block;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.05);
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  float: right;
  margin: -7px -5px 0px 0;
  color: rgba(255, 255, 255, 0.8);
  text-shadow: none;
  opacity: 1;
  font-size: 20px;
  position: relative;
}
div.popup-template-provider > #header > h1 > #close > i,
div.popup-template-provider > #header > h1 > #settings > i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  -moz-transform: translate(-50%, -50%) scale(0.8);
  -o-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
}
div.popup-template-provider > #header > a {
  display: inline-block;
  vertical-align: top;
  color: #464646;
}
div.popup-template-provider.planConfiguration > .content > div:last-child {
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: auto !important;
}
div.popup-template-provider > .content {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
div.popup-template-provider > .content .errorContainer {
  margin: -33px -43px 33px -43px;
}
div.popup-template-provider > .content .errorContainer .alert {
  border-radius: 0 !important;
  margin-bottom: 1px;
  padding: 6px 8px !important;
}
div.popup-template-provider > .content > div > h1 {
  font-size: 14px;
  font-weight: 400 !important;
  margin: 1px 0 0 0;
  padding: 10px;
  background-color: #48abaa;
  color: white;
  cursor: pointer;
}
div.popup-template-provider > .content > div {
  margin: 0 0 1px 0;
}
div.popup-template-provider > .content > div:last-child {
  margin: 0;
}
div.popup-template-provider > .content > div > h1:first-child {
  margin-top: 0;
}
div.popup-template-provider > .content > div > h1[data-for-type='Failed'] {
  background-color: #ff9800;
}
div.popup-template-provider > .content > div > h1 > span {
  float: right;
}
div.popup-template-provider > .content > div > h1 > span.download-amount {
  padding: 0 10px 0 0;
}
div.popup-template-provider > .content > div > h1 > span.fa-chevron-down {
  transition: transform 0.2s ease-in-out;
}
div.popup-template-provider > .content > div > h1 > span.fa-chevron-down.closed {
  transform: rotate(90deg);
}
div.popup-template-provider > .content .content-scrollable-object {
  overflow-y: scroll;
  max-height: 300px;
  padding: 0 10px 0 0;
  cursor: default;
  margin: 10px;
}
div.popup-template-provider > .content .content-scrollable-object.noscroll {
  overflow-y: hidden;
  padding: 0;
}
div.popup-template-provider > .content ul {
  padding: 0;
  list-style: none;
}
div.popup-template-provider > .content ul > li.seperator {
  border: none;
  border-bottom: 1px solid rgba(50, 50, 50, 0.25);
  margin: 5px 0;
}
div.popup-template-provider > .content ul > li:not(.seperator) {
  list-style: none;
  padding: 10px;
  border-radius: 3px;
}
div.popup-template-provider > .content ul > li:not(.seperator):hover {
  background-color: var(--background-field-list-hover);
}
div.popup-template-provider > .content ul > li:not(.seperator) > * {
  display: inline-block;
  vertical-align: middle;
}
div.popup-template-provider > .content ul > li:not(.seperator) > .name {
  font-size: 25px;
  width: 35px;
}
div.popup-template-provider > .content ul > li:not(.seperator) > .details {
  width: calc(100% - 145px);
}
div.popup-template-provider > .content ul > li:not(.seperator) > .details > h1 {
  font-size: 14px;
  margin: 0;
  padding: 0;
}
div.popup-template-provider > .content ul > li:not(.seperator) > .details > p {
  font-size: 12px;
  color: #b3b3b3;
  padding: 0;
  margin: 0;
}
div.popup-template-provider > .content ul > li:not(.seperator) > .options {
  width: 110px;
  text-align: right;
}
div.popup-template-provider > .content ul > li:not(.seperator) > .options > .mode {
  font-size: 0;
}
div.popup-template-provider > .content ul > li:not(.seperator) > .options > .mode > * {
  display: inline-block;
  vertical-align: middle;
}
div.popup-template-provider > .content ul > li:not(.seperator) > .options > .mode > canvas {
  width: 35px;
  height: 35px;
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
div.popup-template-provider > .content ul > li:not(.seperator) > .options > .mode > .btn {
  font-size: 12px;
}
div.popup-template-provider > .content ul > li:not(.seperator) > .options > .mode > .pending-animation {
  margin: 0 6px 0 0;
}
div.popup-template-provider > .content ul > li:not(.seperator) > .options > .mode > .pending-animation > *,
.manager-active-process > div > * {
  width: 8px;
  height: 8px;
  margin: 3px;
  display: inline-block;
  vertical-align: middle;
  background-color: #1f82cc;
  border-radius: 5px;
  -webkit-animation: bounce 0.6s cubic-bezier(1, 0.74, 0.49, 0.6) infinite;
  -moz-animation: bounce 0.6s cubic-bezier(1, 0.74, 0.49, 0.6) infinite;
  -o-animation: bounce 0.6s cubic-bezier(1, 0.74, 0.49, 0.6) infinite;
  animation: bounce 0.6s cubic-bezier(1, 0.74, 0.49, 0.6) infinite;
}
div.popup-template-provider > .content ul > li:not(.seperator) > .options > .mode > .pending-animation > :nth-child(2),
.manager-active-process > div > :nth-child(2) {
  animation-delay: 0.1s;
}
div.popup-template-provider > .content ul > li:not(.seperator) > .options > .mode > .pending-animation > :nth-child(3),
.manager-active-process > div > :nth-child(3) {
  animation-delay: 0.2s;
}
div.popup-template-provider > .content ul > li:not(.seperator) > .options > .mode .complete {
  width: 26px;
  height: 26px;
  background-color: #4caf50;
  border-radius: 50%;
  margin: 0px 4px 0 -32px;
  position: relative;
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: transform 0.2s ease-out;
  -moz-transition: transform 0.2s ease-out;
  -o-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  z-index: 1;
}
div.popup-template-provider > .content ul > li:not(.seperator) > .options > .mode .complete > div {
  color: white;
  font-size: 14px;
  position: absolute;
  top: 6px;
  left: 6px;
}
.btn.export-btn {
  border: none;
  background-color: #586980;
  color: white;
  border-radius: 50px;
  padding: 8px 18px;
}
.btn.export-btn > i {
  margin-right: 10px;
}
#drawerSnappingLocation {
  position: fixed;
  bottom: 0px;
  right: 10%;
  height: auto;
  width: auto;
}
.manager-active-process {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(50, 50, 50, 0.6);
  z-index: 20;
}
.manager-active-process > div {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -83%);
  -moz-transform: translate(-50%, -83%);
  -o-transform: translate(-50%, -83%);
  transform: translate(-50%, -83%);
}
.manager-active-process > div > * {
  background-color: white;
}
@-webkit-keyframes bounce {
  0%, 100% {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  33.33% {
    transform: scale(1.4, 1.4);
    -webkit-transform: scale(1.4, 1.4);
  }
  66.66% {
    transform: scale(0.6, 0.6);
    -webkit-transform: scale(0.6, 0.6);
  }
}
@-moz-keyframes bounce {
  0%, 100% {
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
  }
  33.33% {
    transform: scale(1.4, 1.4);
    -moz-transform: scale(1.4, 1.4);
  }
  66.66% {
    transform: scale(0.6, 0.6);
    -moz-transform: scale(1.4, 1.4);
  }
}
@-o-keyframes bounce {
  0%, 100% {
    transform: scale(1, 1);
    -o-transform: scale(1.4, 1.4);
  }
  33.33% {
    transform: scale(1.4, 1.4);
    -o-transform: scale(1.4, 1.4);
  }
  66.66% {
    transform: scale(0.6, 0.6);
    -o-transform: scale(1.4, 1.4);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: scale(1, 1);
  }
  33.33% {
    transform: scale(1.4, 1.4);
  }
  66.66% {
    transform: scale(0.6, 0.6);
  }
}
.kipToolbar,
#GanttMain,
#GanttDetail,
#GanttCopy {
  background-color: #f3f3f3;
}
.kipToolbar,
#GanttMain,
#GanttDetail {
  border-radius: 2px;
}
.kipToolbar {
  padding: 5px;
  border: 1px solid #eeeeee;
  /*overflow: hidden;*/
  white-space: nowrap;
  min-width: 100%;
  display: inline-block;
}
.kipToolbar span.separator {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 1px;
  height: 38px;
  background: #d8d8d8;
  margin: -10px 2px;
}
.kipToolbar i.htmlIconWithClick,
.kipToolbar .fa-spin {
  display: inline-block;
  vertical-align: middle;
  border: 0;
  box-shadow: none;
  border-radius: 2px;
  background-color: transparent;
  padding: 7px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 15px;
}
kipToolbar .fa-spin {
  background-color: transparent !important;
}
#GanttToolbar .btn:hover,
#GanttAssignmentToolbar .btn:hover,
.kipToolbar i.htmlIconWithClick:hover {
  background-color: #d8d8d8;
}
.popup-template-provider .modal-dialog {
  margin: 0;
}
.popup-template-provider .content .container-fluid {
  padding: 0 !important;
}
.popup-template-provider .errorContainer span {
  padding: 5px;
  display: block;
}
.popup-template-provider #importmsproject .dropzone,
.popup-template-provider #uploadTasksCustomFieldsFile .dropzone {
  border-radius: 3px;
  padding: 10px 20px 5px 20px;
}
.popup-template-provider #importmsproject .dropzone > .dz-message,
.popup-template-provider #uploadTasksCustomFieldsFile .dropzone > .dz-message {
  margin: 4em 0;
}
.popup-template-provider .modal-header {
  display: none;
}
.popup-template-provider .modal-body,
.popup-template-provider .modal-content {
  font-size: 12px;
}
.popup-template-provider .modal-body {
  padding: 33px 43px;
}
.popup-template-provider .modal-content {
  box-shadow: none;
}
#inprogress-export {
  background-color: #03a9f4;
  color: white;
  margin: 0 0 1px 0;
  font-size: 12px;
  text-align: center;
  padding: 10px;
}
#inprogress-export > h1 {
  text-align: left;
  background-color: transparent !important;
}
#inprogress-export > h1 > div {
  position: relative;
}
#inprogress-export > h1 > div > * {
  display: inline-block;
  vertical-align: middle;
}
#inprogress-export > p {
  max-width: 461px;
  text-align: left;
  padding: 0 10px 10px 10px;
  margin: 0;
  line-height: unset;
}
#inprogress-export .manager-active-process {
  position: relative;
  background-color: transparent;
}
#inprogress-export .manager-active-process > div {
  position: relative;
  transform: translate(-29px, 0px);
  margin: 0 9px 0 0;
}
.content ul li > div.new-indicator {
  position: absolute;
  left: 2px;
  top: 30px;
  height: 15px;
  width: 15px;
  border: 2px solid #f8f8f8;
  background-color: #82d0f4;
  border-radius: 16px;
}
.reloadcounter-wrapper {
  background-color: #9c27b0;
  padding: 20px 10px;
}
.reloadcounter-wrapper * {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.reloadcounter-wrapper canvas {
  width: 100px;
  height: 100px;
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
.reloadcounter-wrapper > .counter > div {
  font-size: 35px;
  color: white;
  margin: -50px;
  transform: translate(-50%, 0);
}
.reloadcounter-wrapper .message {
  color: white;
  width: calc(100% - 110px);
  max-width: 340px;
  margin: 0 0 0 10px;
}
.reloadcounter-wrapper .message > * {
  font-size: 12px;
}
.reloadcounter-wrapper .btn {
  margin: 10px 10px 0 0;
  border: none;
}
div#gantt-widget {
  font-size: 0px;
}
div#gantt-widget > * {
  font-size: 12px;
}
#TaskOperationContainer #TaskOperation {
  border-radius: 0px;
  padding: 3px;
}
.optionContainer input {
  min-height: 30px;
  padding: 3px;
}
#GanttMain,
#GanttDetail {
  background-color: #fafafa;
  border-radius: 3px;
}
div#gantt-copying {
  width: 256px;
}
div#gantt-copying > h1 {
  margin: 0;
  font-size: 16px;
}
div#gantt-copying > p {
  font-size: 12px;
  margin: 19px 0 8px 0;
}
div#gantt-copying > div#gantt-copying-bar {
  width: 90%;
  height: 14px;
  background-color: #e1e1e1;
  margin: 0 auto;
  border-radius: 3px;
  overflow: hidden;
}
div#gantt-copying > div#gantt-copying-bar > div#gantt-copying-progress {
  height: 100%;
  background-color: #48abaa;
  overflow: hidden;
}
div#gantt-copying > div#gantt-copying-bar > div#gantt-copying-progress > div#gantt-copy-animation {
  height: 100%;
  width: 10px;
  background-color: #3c908e;
  -webkit-animation: processing 1.4s ease-in-out infinite;
  -moz-animation: processing 1.4s ease-in-out infinite;
  -o-animation: processing 1.4s ease-in-out infinite;
  animation: processing 1.4s ease-in-out infinite;
}
@-webkit-keyframes processing {
  from {
    margin-left: -10px;
  }
  to {
    margin-left: 100%;
  }
}
@-moz-keyframes processing {
  from {
    margin-left: -10px;
  }
  to {
    margin-left: 100%;
  }
}
@-o-keyframes processing {
  from {
    margin-left: -10px;
  }
  to {
    margin-left: 100%;
  }
}
@keyframes processing {
  from {
    margin-left: -10px;
  }
  to {
    margin-left: 100%;
  }
}
.kipToolbar .btn-group > button {
  border: none;
  border-radius: 3px !important;
  background-color: transparent;
  color: #6f6f6f;
  outline: none;
  box-shadow: none;
  padding: 5px 10px;
}
.kipToolbar .btn-group > button > i.fa.fa-angle-down {
  margin: 0 0 0 5px;
  color: #6f6f6f;
}
div.popup-template-provider .col-sm-8.editPageValue > .col-sm-9.editPageValue {
  width: 100%;
}
#dropzoneSummary ul {
  list-style: disc;
  padding: 15px 0 0 15px;
}
#dropzoneSummary ul > li {
  list-style: disc;
  padding: 0;
  background-color: transparent !important;
}
div.popup-template-provider .errorContainer:empty {
  display: none;
}
.GWGanttIn0Crit {
  background-color: #ff3232 !important;
}
.GWGanttGrayIn0Crit,
.GWGanttOut0CritLeft,
.GWGanttOut0CritRight {
  background-color: #66b266 !important;
}
.GWGanttHtml {
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  font-weight: 600;
}
.kipToolbar {
  padding: 3px 4px !important;
}
.toolbar-container {
  display: inline-block;
}
.toolbarGroup {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  max-height: 57px;
}
.toolbarGroupInitial {
  margin-top: -7px;
}
.toolbarGroupName {
  display: block;
  font-size: 9px;
  text-align: center;
  border-top: 1px solid #d8d8d8;
  margin-top: 2px;
  padding-top: 2px;
}
.groupNameSeperator {
  height: 46px !important;
}
.toolbar-submenu {
  background-color: #f3f3f3;
  position: absolute;
  top: 36px;
  border: 1px solid #eeeeee;
  box-shadow: 1px 6px 6px 0px rgba(0, 0, 0, 0.5);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-width: 0px;
  padding: 2px;
  z-index: 200;
}
.toolbar-submenu-label {
  display: block;
  padding: 2px;
  text-align: center;
  margin-top: 2px;
  border-top: 1px solid #d8d8d8;
  font-size: 10px;
}
.toolbar-sub-active {
  border: 2px solid #eeeeee !important;
  background-color: #eeeeee !important;
}
.toolbar-collapse-caret {
  display: block;
  margin-top: -12px;
}
.toolbar-collapse-span {
  display: inline-block;
  position: relative;
  top: 6px;
}
.toolbar-collapse-span .toolbar-collapse-caret {
  margin-top: -15px;
}
/* CK: 33540 - Removes the pusher cell in the header */

div[data-checkedin="True"] td.TSCellHeaderPanel u.TSPanelEmpty {
  display: none;
}
#mapped-assignments-wrapper {
  max-height: 300px;
  overflow: auto;
}
@media print {
  /*.TSFillRow {background-color: #FFF}*/
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .toolbar-container {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
/* Search Strip */

div.search-strip {
  padding: 5px;
  border-radius: 3px;
  background-color: #e6e6e6;
  font-size: 0;
}
div.search-strip > *,
div.search-strip > * > *,
div.search-strip > div.search-input > div.search-icon > * {
  display: inline-block;
  vertical-align: middle;
}
div.search-strip > div.search-input {
  width: 100%;
  position: relative;
}
div.search-strip > div.search-input > div.search-amount-found {
  position: absolute;
  right: 40px;
  top: 8px;
  font-size: 12px;
  color: #828282;
}
div.search-strip > div.search-tools {
  width: auto;
}
div.search-strip > div.search-input > div.search-icon {
  font-size: 18px;
  color: white;
  padding: 8px 21px 10px 14px;
  background-color: #787878;
  margin: -5px 0 -5px -5px;
  border-radius: 3px 0 0 3px;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
div.search-strip > div.search-input > div.search-icon > * {
  position: relative;
  margin: -2px 0 0 0;
}
div.search-strip > div.search-input > div.search-icon > #settings > i {
  font-size: 10px;
  position: absolute;
  top: -5px;
  cursor: pointer;
}
div.search-strip > div.search-input > input[type='text'] {
  padding: 8px 12px;
  background: transparent;
  box-shadow: none !important;
  border: none;
  width: calc(100% - 27px);
  max-width: unset;
  min-width: unset;
  font-size: 12px;
}
div.search-strip div[data-type='button'] > * {
  padding: 3px;
  margin: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}
div.search-strip div[data-type='button'] > * > * {
  font-size: 23px;
  padding: 0 4px;
  margin: 0;
  color: #94958c;
}
div.search-strip div[data-type='option'] > .dropdown > button {
  background: transparent;
  box-shadow: none;
  border: none;
  padding: 5px 10px 7px 10px;
}
div.search-strip div[data-type='option'] > .dropdown > button > * {
  display: inline-block;
  vertical-align: middle;
}
div.search-strip div[data-type='option'] > .dropdown > button > span.fa {
  font-size: 23px;
  margin: -7px 0 -7px -4px;
  color: #777777;
}
div.search-strip div[data-type='option'] > .dropdown > button > span.displayvalue {
  line-height: initial;
}
div.search-strip div[data-type='option'] > .dropdown > button:hover,
div.search-strip div[data-type='button'] > *:hover,
div.search-strip div[data-type='option'] > .dropdown.open > button {
  background-color: #dbdbdb;
}
div.search-strip > div.search-tools > * {
  margin: 0 0 0 2px;
}
div.search-strip > div.search-tools > *:first-child {
  margin: 0;
}
div.search-strip div[data-type='option'] .dropdown ul {
  /*-webkit-transform: translate(-25%);
            -moz-transform: translate(-25%);
            -o-transform: translate(-25%);
            transform: translate(-25%);*/
  z-index: 1;
  margin: 0;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
}
div.search-strip div[data-type='option'] .dropdown .dropdown-menu {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none !important;
  min-width: 260px;
}
div.search-strip div[data-type='option'] .dropdown hr {
  margin: 10px 5px;
}
div.search-strip div[data-type='option'] .dropdown ul li > * {
  cursor: pointer;
}
div.search-strip div[data-type='option'] .dropdown ul > li {
  padding: 6px 12px;
  margin-bottom: 1px;
  list-style: none;
}
div.search-strip div[data-type='option'] .dropdown ul > li:last-child {
  margin-bottom: 0;
}
/*div.search-strip div[data-type='option'] .dropdown ul > li:hover {
            background-color: rgb(237,237,237);
        }*/

div.search-strip div[data-type='option'] .dropdown ul > li > input[type=checkbox] {
  display: none;
}
div.search-strip div[data-type='option'] .dropdown ul > li > input[type=checkbox] + label,
div.search-strip div[data-type='option'] .dropdown-menu > .tools > .selectall > input[type=checkbox] + label {
  height: 16px;
  width: 16px;
  border: 1px solid #c1c1c1;
  border-radius: 3px;
  overflow: hidden;
}
div.search-strip div[data-type='option'] .dropdown ul > li > input[type=checkbox]:checked + label,
div.search-strip div[data-type='option'] .dropdown-menu > .tools > .selectall > input[type=checkbox]:checked + label {
  height: 16px;
  width: 16px;
  background-color: #48abaa;
  border-color: #48abaa;
}
div.search-strip div[data-type='option'] .dropdown ul > li > input[type=checkbox]:checked + label:before,
div.search-strip div[data-type='option'] .dropdown-menu > .tools > .selectall > input[type=checkbox]:checked + label:before {
  content: "\f00c";
  color: white;
  font-size: 10px;
  margin: 2px 0px 0px 2px;
  display: block;
}
div.search-strip div[data-type='option'] .dropdown ul > li > * {
  margin: 0;
}
div.search-strip div[data-type='option'] .dropdown ul > li > label {
  font-size: 16px;
}
div.search-strip div[data-type='option'] .dropdown ul > li > div {
  padding-left: 10px;
  width: calc(100% - 31px);
}
div.search-strip div[data-type='option'] .dropdown ul > li span.option-icon {
  margin: 0 7px 0 5px;
  color: #b5b5b5;
}
div.search-strip div[data-type='option'] .dropdown-menu > .tools > *,
div.search-strip div[data-type='option'] .dropdown-menu > .tools > .search > *,
div.search-strip div[data-type='option'] .dropdown ul > li > * {
  display: inline-block;
  vertical-align: middle;
}
div.search-strip div[data-type='option'] .dropdown-menu > .tools > .selectall {
  width: 20px;
  height: 20px;
  font-size: 16px;
  margin: 0px -5px 0px 5px;
}
div.search-strip div[data-type='option'] .dropdown-menu > .tools > .search {
  width: calc(100% - 29px);
  margin: 0 0 0 5px;
  border: 1px solid #cccccc;
}
div.search-strip div[data-type='option'] .dropdown-menu > .tools {
  margin: 5px 9px;
  min-width: 204px;
}
div.search-strip div[data-type='option'] .dropdown-menu > .tools > .search > .search-icon {
  font-size: 12px;
  color: #6b6b6b;
  margin: 0 0 2px 4px;
}
div.search-strip div[data-type='option'] .dropdown-menu > .tools > .search {
  padding: 5px;
  min-width: 175px;
  border-radius: 3px;
}
div.search-strip div[data-type='option'] .dropdown-menu > .tools > .search > input[type="text"] {
  background: transparent;
  width: calc(100% - 24px);
  margin: 0 0 0 5px;
  min-width: unset;
  max-width: unset;
  border: none;
  color: #6b6b6b;
  box-shadow: none;
  font-size: 12px;
  padding: 3px 0;
}
div.search-strip div.clear {
  clear: both;
  display: block !important;
}
div.search-strip div.clear:after {
  content: '';
  clear: both;
  display: table;
}
div.search-strip.TGridSearchTool {
  background-color: #48abaa;
  border-radius: 0px !important;
}
div.search-strip.TGridSearchTool .search-icon {
  color: rgba(255, 255, 255, 0.75) !important;
}
div.search-strip.TGridSearchTool > div.search-input > div.search-icon {
  background: transparent !important;
  padding-right: 2px !important;
}
div.search-strip.TGridSearchTool div.search-input > input[type="text"]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.47);
}
div.search-strip.TGridSearchTool div.search-input > input[type="text"]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.47);
}
div.search-strip.TGridSearchTool div.search-input > input[type="text"]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.47);
}
div.search-strip.TGridSearchTool div.search-input > input[type="text"]:-moz-placeholder {
  color: rgba(255, 255, 255, 0.47);
}
div.search-strip.TGridSearchTool div.search-input > input[type="text"],
body[data-theme=""] div.search-strip.TGridSearchTool > div.search-input > div.search-amount-found {
  color: black !important;
}
body[data-theme="dark"] div.search-strip.TGridSearchTool div.search-input > input[type="text"],
body[data-theme="dark"] div.search-strip.TGridSearchTool > div.search-input > div.search-amount-found {
  color: white !important;
}
div.search-strip.TGridSearchTool .dropdown button > *,
div.search-strip.TGridSearchTool div[data-type='button'] > * > * {
  color: white !important;
}
div.search-strip.TGridSearchTool .search-blocks > .search-block-item {
  background-color: rgba(255, 255, 255, 0.9) !important;
  color: #444444 !important;
}
div.search-strip.TGridSearchTool div[data-type='option'] > .dropdown > button:hover,
div.search-strip.TGridSearchTool div[data-type='button'] > *:hover {
  background-color: rgba(255, 255, 255, 0.28) !important;
}
div.search-strip .search-blocks > * {
  display: inline-block;
  vertical-align: middle;
}
div.search-strip .search-blocks > .search-block-item {
  font-size: 12px;
  background-color: #2155a1;
  padding: 6px 12px;
  border-radius: 3px;
  color: white;
  margin-left: 10px;
}
div.search-strip .search-blocks > .search-block-item span.fa.fa-times {
  cursor: pointer;
  margin: 0 0 0 7px;
}
div.search-strip > div.search-tools > div[data-type='devider'] {
  width: 1px;
  height: 43px;
  background-color: lightgray;
  margin: -5px 7px;
}
div.search-strip.TGridSearchTool > div.search-tools > div[data-type='devider'] {
  display: none;
}
div.search-mode-options.TGridSearchTool .tooltip *,
div.search-mode-options.TGridSearchTool .tooltip-inner *,
div.search-strip.TGridSearchTool .dropdown button > *,
div.search-strip.TGridSearchTool div[data-type='button'] .tooltip-inner {
  color: #323232 !important;
}
div.search-mode-colour--filter {
  background-color: #586980 !important;
}
div.search-mode-colour--goto {
  background-color: #48abaa !important;
}
li.search-mode-selection-item {
  cursor: pointer;
}
li.search-mode-selection-item > a {
  padding: 7px 10px;
}
li.search-mode-selection-item.active > a {
  background-color: #dedede !important;
}
li.search-mode-selection-item > a > * {
  display: inline-block;
  vertical-align: middle;
}
li.search-mode-selection-item > a > div:first-child {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  margin: 0 10px 0 0;
}
p.search-selection-header {
  font-size: 10px;
  color: gray;
  border-bottom: 1px solid #cacaca;
  padding: 5px 5px 5px;
  margin: -4px 0 5px 0;
  text-align: center;
}
div.search-strip .search-tools > div[data-type='text'] .string-output {
  font-size: 12px;
  color: #828282;
  margin: 0 5px;
}
div.search-strip > div.search-tools > div[data-enabled='False'] {
  display: none !important;
}
div.search-strip .tooltip-inner {
  font-size: 12px !important;
  padding: 10px !important;
  min-width: 100px;
}
div.search-mode-options .tooltip-inner {
  min-width: 200px !important;
}
.search-strip.loader {
  margin: 0 0 10px 0;
}
.search-strip.loader > div {
  text-align: center;
  margin: 6.5px 0;
  display: block;
}
.search-strip.loader > div > div {
  display: inline-block;
  vertical-align: middle;
}
.search-strip.loader > div > div:first-child {
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
  border-left: solid 1px #676767;
  animation: spinner 0.6s linear infinite;
  border-radius: 50%;
}
.search-strip.loader > div > div:last-child {
  font-size: 13px;
  margin: 0 0 0 10px;
  color: #676767;
}
#gantt-main-outer-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 0;
}
.stages {
  text-align: center;
  margin: -33px -43px 33px -43px;
  background-color: rgba(88, 105, 128, 0.8);
  padding: 10px;
}
.stages > * {
  display: inline-block;
  vertical-align: middle;
  margin: 0 11px;
  color: rgba(255, 255, 255, 0.54);
  padding: 5px 10px;
  position: relative;
  z-index: 1;
  border-radius: 3px;
}
.stages > .stage.done {
  color: white;
  cursor: pointer;
}
.stages > .stage.done :hover {
  background-color: rgba(223, 223, 223, 0.13);
}
.stages > .stage.active {
  background: white;
  color: #586980;
}
.no-italics {
  font-style: normal;
}
.auto-width {
  width: auto !important;
}
.red-label {
  color: red !important;
}
.planConfigurationSetting {
  display: flex;
  flex-direction: row;
  line-height: 20px;
}
.planConfigurationSettingInfo {
  align-content: center;
  margin-left: 5px;
  margin-top: 5px;
}
.greyed-out {
  background-color: lightgray !important;
}

/* 
	Theme settings 
	---------------------------
	To see what themeId's are see: KeyedIn.Projects.Web.Common.WebConstants.Themes (~\10.Source\Projects\KeyedIn.Projects.Web\Common\WebConstants\Themes.cs)
	Currently supported themes:
		- Standard ("") - produced from :root
		- Dark ("dark) - produced from :root & body[data-theme="dark"]
		- High Contrast ("hconstr") - produced from :root & body[data-them="hconstr"]

	CK 14/04/2022
	!!: This file to only exist temporary until IE support has ended.
	!!: This file to be removed and all styles to be pushed to their corresponding sheets after 7.5
*/

/* 
	Variable initialisers 
	!!: Don't forgot to update ~\10.Source\Projects\KeyedIn.Projects.Web\KIPWebPortal\common\modern.cs
*/

:root {
  --font-family: 'Open Sans', 'sans-serif', 'Segoe UI', 'Lucida Grande';
}
html,
:root,
html:root,
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon[data-theme=""],
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon[data-theme="sciforma"] {
  color-scheme: light;
  --primary: #0072c6;
  --anchor: #337ab7;
  --system: var(--primary);
  --color-border-selected: var(--primary);
  --background-natural: white;
  --background-natural-transparent: rgba(255, 255, 255, 0.66);
  --background-content: #eeeeee;
  --background-sidebar: #f9f9f9;
  --background-capacity-sidebar: #fbfbfb;
  --background-e-highlight: #e7e7e7;
  --background-navigation: #35414a;
  --background-modal-backdrop: white;
  --background-modal-backdrop-blur: #a1a1a13b;
  --background-modal-content: white;
  --background-modal-headerfooter: #f9f9f9;
  --background-flyout: #fbfbfb;
  --background-configButton: #e9e9e9;
  --background-context: white;
  --background-nav-tabs: #eeeeee;
  --background-field-list: #dfdfdf;
  --background-field-list-hover: whitesmoke;
  --background-dd-handle: whitesmoke;
  --background-login-context-header: #ededed;
  --background-natural-stripped: #f9f9f9;
  --background-kanban-disabled: lightgray;
  --background-fusion-chart: #f3f3f3;
  --background-row-highlight: #fff176;
  --background-row-highlight-foreground: black;
  --background-row-alternative: #e1e1e1;
  --background-portfolio-wip: #fff1a8;
  --sidebar-colour: #262626;
  --font-colour: #444444;
  --font-colour-invert: white;
  --modern-boxshadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.16);
  --modern-boxshadow-darker: 0 1px 4px 0 rgba(0, 0, 0, 0.32), 0 0 1px 0 rgba(0, 0, 0, 0.32);
  --modern-boxshadow-modal: 0 1px 4px 0 #00000052, 0 0 10px 0 #00000052;
  --default-border-rad: 3px;
  --default-border-rad-extem: 5px;
  --master-nav-border-rad: 5px;
  --impersonating-colour: #4caf50;
  --page-header-font-colour: #737373;
  --page-header-font-hover-colour: black;
  --nav-font-colour: #676767;
  --table-border-colour: #c9c9c9;
  --btn-font-colour: #444444;
  --btn-background-hover: rgba(50, 50, 50, 0.1);
  --input-disabled-color: black 6;
  --sidebar-header-colour: #6a6a6a;
  --sidebar-header-border-color: #e5e5e5;
  --font-colour-ftitle: #262626;
  --input-colour: #484848;
  --background-kanban: #eff0f0;
  --timeEntry-popup-border: #c7c7c7;
  --font-size: 12px;
  --font-size-heading: 18px;
  --treegrid-primary: #333f48;
  --reporting-tile-background: #fbfbfb;
  --reporting-tile-border: #cccccc;
  --invert-rate: 0;
  --text-shadow: white;
  --reporting-faded-text: #323232b3;
  --danger: #d73d32;
  --warning: #f4b400;
  --filter-group-header-foreground: #262626;
  --nav-hover-highlight: #1b262e;
  --nav-border--hover-colour: #707070;
  --notification-icon-color: #0072c6;
  --l-background: #f9f9f9;
  --l-ball: #444444;
  --color-border: var(--primary);
  --color-surface: var(--background-natural);
  --color-text: var(--font-colour);
  --table-footer-surface: var(--background-e-highlight);
  --color-surface-disabled: var(--background-natural);
  --sub-font-color: #1b262e;
  --chat-message-container-surface: #97d6f24a;
  --fue-chat-message-container-surface: #f0f0f0;
  --chat-header-timestamp-font-color: #979593;
  --chat-header-author-font-color: #484644;
  --chat-body-font-color: #212529;
  --chat-at-mention-color: #076fca;
  --chat-input-surface: white;
  --chat-input-font-color: var(--font-colour);
  --color-surface-form-disable: lightgray;
  --color-border-form-disabled: #c9c9c9;
  --color-text-form-disabled: #484848;
}
/* Theme overrides */

body[data-theme="dark"],
body[data-theme="sciformadark"],
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon[data-theme="dark"],
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon[data-theme="sciformadark"] {
  color-scheme: dark;
  --background-natural: #202020;
  --background-natural-transparent: #242424d6;
  --background-content: #2e2e2e;
  --background-sidebar: #282828;
  --background-capacity-sidebar: #282828;
  --background-e-highlight: #424242;
  --background-navigation: #262f36;
  --background-modal-backdrop: #343434;
  --background-modal-backdrop-blur: #34343457;
  --background-modal-content: #1e1e1e;
  --background-modal-headerfooter: #1a1a1a;
  --background-flyout: #303030;
  --background-configButton: #121212;
  --background-context: #202020;
  --background-nav-tabs: #303030;
  --background-field-list: #262626;
  --background-field-list-hover: #3c3c3c;
  --background-dd-handle: #2e2e2e;
  --background-login-context-header: #161616;
  --background-natural-stripped: #202020;
  --background-kanban-disabled: #3e3e3e;
  --background-fusion-chart: #282828;
  --background-row-highlight: #fbc02d;
  --background-row-highlight-foreground: black;
  --background-row-alternative: #383838;
  --background-portfolio-wip: #2a281a;
  --sidebar-colour: #dbdbdb;
  --font-colour: #cbcbcb;
  --font-colour-invert: black;
  --modern-boxshadow: 0 1px 4px 0 #00000091, 0 0 4px 0 #5e5e5e85;
  --modern-boxshadow-darker: 0 1px 4px 0 #1e1e1eab, 0 0 4px 0 #56565696;
  --modern-boxshadow-modal: 0 2px 8px 0 #00000052, 0 1px 14px 0 #00000052;
  --page-header-font-colour: #dfdfdf;
  --page-header-font-hover-colour: white;
  --nav-font-colour: #b3b3b3;
  --table-border-colour: #606060;
  --btn-font-colour: #999999;
  --btn-background-hover: #f7f7f71a;
  --input-disabled-color: #c3c3c399;
  --sidebar-header-colour: #cbcbcb;
  --sidebar-header-border-color: #545454;
  --font-colour-ftitle: #a7a7a7;
  --input-colour: #bbbbbb;
  --background-kanban: #2f3131;
  --timeEntry-popup-border: #5a5a5a;
  --treegrid-primary: #333f48;
  --reporting-tile-background: #202020;
  --reporting-tile-border: black;
  --invert-rate: 1;
  --text-shadow: black;
  --reporting-faded-text: #efefef61;
  --filter-group-header-foreground: #b9b9b9;
  --l-background: #282828;
  --l-ball: #cbcbcb;
  --nav-border--hover-colour: #cfcfcf;
  --color-border: var(--primary);
  --color-surface: var(--background-natural);
  --color-text: var(--font-colour);
  --table-footer-surface: var(--background-e-highlight);
  --color-surface-disabled: var(--background-modal-content);
  --sub-font-color: #dbdbdb;
  --chat-message-container-surface: #2b2b40;
  --fue-chat-message-container-surface: #292929;
  --chat-header-timestamp-font-color: #adadad;
  --chat-header-author-font-color: #f9f9f9;
  --chat-body-font-color: white;
  --chat-at-mention-color: #7f85f5;
  --chat-input-surface: #292929;
  --chat-input-font-color: white;
  --color-surface-form-disable: #212529;
  --color-border-form-disabled: #343a40;
  --color-text-form-disabled: #8b96a2;
}
body[data-theme="sciforma"] {
  --color-border-selected: #3a9eee;
  --color-border: #e9ecef;
  --color-surface: white;
  --color-text: #212529;
  --table-footer-surface: var(--color-surface);
  --background-theme-primary: #f3f5f7;
  --background-dark-gray: #e9ecef;
  --background-gray: #dce1e5;
  --background-databox-deep-blue: #c7cfd6;
  --background-databox-medium-blue: #d1e4ff;
  --background-azure: #c3fafd;
  --background-databox-green: #d6f2cf;
  --background-databox-light-green: #eeffcc;
  --background-databox-orange: #ffe5d6;
  --background-databox-red: #ffe8e5;
  --background-maroon: #fbcdcd;
  --background-pink: #ffd1e4;
  --background-purple: #f6d9fc;
  --background-databox-violet: #d2d8ff;
  --background-platinum: #f3f5f7;
  --background-blue: #e2f1fc;
  --background-databox-light-blue: #dcf9ff;
  --background-databox-pale-green: #e5f0ec;
  --background-yellow: #fffbec;
  --background-gold: #ffeed5;
  --background-databox-dark-red: #fbcdcd;
  --background-databox-pale-pink: #feebf4;
  --background-databox-pale-violet: #f6d9fc;
  --background-databox-mauve: #e7e5ff;
}
body[data-theme="sciformadark"] {
  --color-border-selected: #8cc5f4;
  --color-border: #343a40;
  --color-surface: #181a1d;
  --color-text: #e9ecef;
  --table-footer-surface: var(--color-surface);
  --background-theme-primary: #343a40;
  --background-dark-gray: #5d6873;
  --background-gray: #8b96a2;
  --background-databox-deep-blue: #343a40;
  --background-databox-medium-blue: #0d3477;
  --background-azure: #007980;
  --background-databox-green: #085e0a;
  --background-databox-light-green: #3f8905;
  --background-databox-orange: #7c350e;
  --background-databox-red: #9b2e1f;
  --background-maroon: #770d20;
  --background-pink: #7d0f46;
  --background-purple: #5f0d77;
  --background-databox-violet: #2c40c1;
  --background-platinum: #8b96a2;
  --background-blue: #035eb8;
  --background-databox-light-blue: #009acc;
  --background-databox-pale-green: #084932;
  --background-yellow: #957401;
  --background-gold: #a35f00;
  --background-databox-dark-red: #770d20;
  --background-databox-pale-pink: #94144b;
  --background-databox-pale-violet: #5f0d77;
  --background-databox-mauve: #7e4af7;
}
body[data-theme="sciforma"],
body[data-theme="sciformadark"] {
  --font-family: 'Inter';
}
/*
	Updating/Overriding local stylesheets
*/

body {
  color: var(--font-colour);
}
body:before {
  background-color: var(--background-content) !important;
}
body .loading-container {
  overflow: hidden;
  z-index: 3000;
}
body .loading-container .curtain > div > div {
  background-color: white;
}
.panel-content.masked-relative.masked .loadmask {
  display: none;
}
.panel-content.masked-relative.masked .loadmask-msg .curtain {
  margin: 10px;
  background-color: var(--background-natural);
}
.dropdown-menu > li > a {
  color: var(--font-colour);
}
div.formContainer,
.main-container {
  background-color: var(--background-content);
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu li a:active,
.dropdown-menu li.active a,
.dropdown-menu li.active a:hover,
.dropdown-menu .dropdown-submenu:hover > a,
.nav-tabs .dropdown-menu li > a:focus {
  background-color: var(--background-e-highlight) !important;
  color: var(--font-colour);
}
.dropdown-menu li[class*='bg-'] a {
  border: 5px solid transparent !important;
  background-color: transparent !important;
  padding: 2px !important;
}
.dropdown-menu li[class*='bg-'] a:hover {
  border-color: var(--background-e-highlight) !important;
}
.loadmask {
  background-color: var(--background-content);
}
.panel-content .loadmask-msg,
.widget .curtain {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.panel-content .loadmask,
.panel-content .loadmask-msg {
  z-index: 20;
}
.loadmask-msg .curtain {
  background-color: var(--l-background);
  z-index: 99999;
}
.loadmask-msg .curtain > div > div {
  background-color: var(--l-ball);
}
.widget .loadmask,
.widgetPageTabs .loadmask {
  background-color: var(--background-natural) !important;
}
div.kip-loader-outer,
div.kip-loader-wrapper,
.loader-wrapper {
  background-color: var(--background-content) !important;
}
.widget div.kip-loader-outer,
.widget div.kip-loader-wrapper,
.widget .loader-wrapper {
  background-color: var(--background-natural) !important;
}
.page-content:before {
  content: '';
  clear: both;
  display: table;
}
.modal-backdrop,
.ui-widget-overlay {
  background-image: none;
  background-color: var(--background-modal-backdrop);
  opacity: 0.8 !important;
}
.modal-backdrop {
  opacity: 0.4 !important;
  z-index: 1004;
}
.link-dialog .modal-dialog {
  height: 273px !important;
}
.modal.in:not(.kip_ModalSidePopup) {
  background-color: var(--background-modal-backdrop-blur);
}
[dir='ltr'] .dashboard-container {
  padding: 0 6px 0 10px;
}
[dir='rtl'] .dashboard-container {
  padding: 0 10px 0 6px;
}
.form-title {
  color: var(--font-colour-ftitle);
  border-block-color: var(--table-border-colour);
}
.page-sidebar:before,
.page-sidebar.menu-compact .sidebar-menu li.active,
.page-sidebar.menu-compact .sidebar-menu li.active > a {
  background-color: var(--background-navigation);
}
.page-sidebar:before {
  -webkit-box-shadow: var(--modern-boxshadow-darker) !important;
  -moz-box-shadow: var(--modern-boxshadow-darker) !important;
  box-shadow: var(--modern-boxshadow-darker) !important;
}
.page-sidebar .sidebar-menu a .menu-icon {
  border-radius: var(--master-nav-border-rad);
}
[dir='ltr'] .page-sidebar.menu-compact .sidebar-menu > li > a {
  border-top-left-radius: var(--master-nav-border-rad);
  border-bottom-left-radius: var(--master-nav-border-rad);
}
[dir='rtl'] .page-sidebar.menu-compact .sidebar-menu > li > a {
  border-top-right-radius: var(--master-nav-border-rad);
  border-bottom-right-radius: var(--master-nav-border-rad);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir='ltr'] .page-sidebar.menu-compact .sidebar-menu > li > a.menu-dropdown > .menu-text {
  border-top-right-radius: var(--master-nav-border-rad);
}
[dir='rtl'] .page-sidebar.menu-compact .sidebar-menu > li > a.menu-dropdown > .menu-text {
  border-top-left-radius: var(--master-nav-border-rad);
  border-top-right-radius: 0 !important;
}
.page-sidebar.menu-compact .sidebar-menu .noChildren .menu-text {
  border-bottom-right-radius: var(--master-nav-border-rad);
}
.page-sidebar.menu-compact .sidebar-menu > li .submenu {
  border-bottom-left-radius: var(--master-nav-border-rad);
  border-bottom-right-radius: var(--master-nav-border-rad);
}
[dir='ltr'] .page-sidebar.menu-compact .sidebar-menu > li .submenu {
  border-top-right-radius: var(--master-nav-border-rad);
}
[dir='rtl'] .page-sidebar.menu-compact .sidebar-menu > li .submenu {
  border-top-left-radius: var(--master-nav-border-rad);
}
.page-sidebar:not(.menu-compact) .sidebar-menu li.active a.main-menu-link {
  color: var(--primary, inherit) !important;
  background-color: var(--primary-foreground, inherit) !important;
  border-radius: var(--master-nav-border-rad) !important;
}
.page-sidebar:not(.menu-compact) .sidebar-menu li.active > a:not(hover) {
  background-color: var(--background-navigation);
}
.page-sidebar:not(.menu-compact) .sidebar-menu li.active .menu-icon,
.page-sidebar:not(.menu-compact) .sidebar-menu li.active .menu-expand {
  color: var(--primary, inherit) !important;
}
.page-sidebar:not(.menu-compact) .sidebar-menu li:not(.open) > a:hover {
  border-radius: var(--master-nav-border-rad) !important;
}
.page-sidebar:not(.menu-compact) .sidebar-menu li.open > a {
  background-color: var(--nav-hover-highlight) !important;
}
.page-sidebar:not(.menu-compact) .sidebar-menu > li > a {
  background-color: var(--background-navigation) !important;
}
.page-sidebar:not(.menu-compact) .sidebar-menu > li > a:hover {
  background-color: var(--nav-hover-highlight) !important;
}
.page-sidebar:not(.menu-compact) .sidebar-menu > li .submenu {
  border-bottom-left-radius: var(--master-nav-border-rad) !important;
  border-bottom-right-radius: var(--master-nav-border-rad) !important;
}
.page-sidebar:not(.menu-compact) .sidebar-menu li.hasChilden > a {
  border-radius: var(--master-nav-border-rad) !important;
}
.page-sidebar:not(.menu-compact) .sidebar-menu li.active.hasChildren > a.main-menu-link {
  color: var(--primary, inherit) !important;
  background-color: var(--primary-foreground, inherit) !important;
  border-radius: var(--master-nav-border-rad) !important;
}
.page-sidebar:not(.menu-compact) .sidebar-menu li.active.hasChildren > a:not(hover) {
  background-color: var(--background-navigation);
}
.page-sidebar:not(.menu-compact) .sidebar-menu li.hasChilden.open > a {
  border-top-left-radius: var(--master-nav-border-rad) !important;
  border-top-right-radius: var(--master-nav-border-rad) !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
div#breadcrumb-wrapper {
  margin-left: -5px;
}
.breadcrumb-header {
  border: none;
  background-color: transparent;
  padding: 0;
}
.breadcrumb > li,
.breadcrumb > li.active {
  color: black;
  opacity: 0.6;
}
.breadcrumb > li:before {
  padding: 0 5px 0 5px;
  content: "\f054" !important;
  font-family: 'FontAwesome';
  color: var(--font-colour) !important;
  padding: 0 9px !important;
  font-size: var(--font-size) !important;
}
.navbar .navbar-brand {
  float: none;
  margin-left: 0;
}
.navbar-header > * {
  display: inline-block;
  vertical-align: middle;
}
.navbar-header {
  width: 45% !important;
}
.breadcrumb > li {
  color: var(--font-colour) !important;
}
.breadcrumb > li:last-child {
  opacity: 1;
}
.breadcrumb > li:last-child:before {
  opacity: 0.6;
}
.breadcrumb > li > a {
  color: var(--font-colour-invert) !important;
}
.breadcrumb > li:first-child > a {
  padding-left: 0;
}
.form-group.has-error input,
.input-group.has-error input,
.form-group.has-error .select,
.input-group.has-error .select,
.form-group.has-error textarea,
.input-group.has-error textarea,
.row.has-error .select2-container > a,
.row.has-error .btn.btn-default,
.form-group.has-error .select2-container > a {
  background-color: var(--background-content-modal);
  border-color: var(--danger);
}
ng-select.ng-select-searchable input[type="text"] {
  background-color: transparent !important;
  border: 1px solid white !important;
}
.select2-search::before {
  top: 10px !important;
}
.select2-search.select2-input {
  border: none !important;
  box-shadow: var(--modern-boxshadow) !important;
  margin: 5px 0 !important;
  padding-left: 30px !important;
}
.angular-modal {
  font-size: var(--font-size);
}
.angular-modal .empty-row.ng-star-inserted {
  padding: 10px;
  text-align: center;
  color: var(--font-colour);
}
.angular-modal p {
  color: var(--font-color);
  font-size: calc(var(--font-size) * 1.2);
  padding: 5px 0;
}
.angular-modal hr {
  margin: 5px 0 !important;
  border: none !important;
  border-bottom: 1px dashed var(--table-border-colour) !important;
}
.angular-modal .modal-footer.angular-footer .angular-hr {
  display: none;
}
.angular-modal .modal-footer.angular-footer.save-footer {
  padding-top: 20px;
  bottom: 30px;
}
.angular-modal .modal-footer.angular-footer.save-footer .lastEdit {
  font-size: 12px;
  bottom: 30px;
  padding: 0;
}
.angular-modal .angular-modal-header > :nth-child(2) {
  display: none;
}
.angular-modal .angular-modal-header > :nth-child(4) {
  margin: 0 -30px !important;
}
.angular-modal .angular-modal-header .modal-header.angular-header {
  background-color: var(--background-modal-headerfooter) !important;
  height: unset !important;
  padding: 15px 40px;
  margin: 0 -30px;
  font-size: var(--font-size-heading);
  color: var(--font-colour) !important;
}
.angular-modal .angular-modal-header .modal-header.angular-header span#modal-title {
  font-weight: 400;
  color: var(--font-colour);
}
.angular-modal .angular-modal-header .modal-header.angular-header span.modal-title {
  font-weight: 400;
  color: var(--font-colour);
}
.angular-modal .angular-modal-header .modal-header.angular-header a.modal-title {
  font-weight: 400;
}
.angular-modal #angularForm .angular-modal-header > :nth-child(4) {
  margin: 0 -20px !important;
}
.angular-modal #angularForm .angular-modal-header .modal-header.angular-header {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
.angular-modal .header-description {
  height: auto;
  padding: 15px 10px;
  font-size: 14px;
  color: var(--font-colour);
}
.angular-modal .editscreen .content,
.angular-modal .editscreen .tab-content {
  max-height: calc(100vh - 306px);
  padding: 5px 0;
}
.angular-modal .checkbox {
  margin: 5px 0;
}
.angular-modal .form-group.row {
  margin: 0 5px !important;
}
.angular-modal .form-group.row.no-margin {
  margin: 0 !important;
}
.angular-modal .ng-select .ng-select-container,
.angular-modal .angular-modal .ng-select.ng-select-single .ng-select-container {
  min-height: 36px !important;
  height: auto !important;
}
.angular-modal .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: unset !important;
}
.angular-modal #skillstable .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 5px !important;
}
.angular-modal .ng-select.ng-select-disabled .ng-value {
  padding-inline-end: 12px;
}
.angular-modal .ng-select .dot,
.angular-modal .ng-option .dot {
  margin-inline-end: 5px;
}
.angular-modal .form-group-row.input-group.input-addon button {
  border: 1px solid var(--anchor) !important;
  border-radius: var(--default-border-rad) !important;
}
.angular-modal .form-group-row.input-group.input-addon button .addon {
  margin: 0;
  padding: 0;
  position: relative;
  font-size: var(--font-size, 14px);
  top: 0;
  color: var(--anchor);
}
.angular-modal .form-group-row.input-group.input-addon .btn.btn-secondary {
  display: flex;
  align-content: center;
  align-items: center;
  position: relative;
}
.angular-modal .content,
.angular-modal .mat-tab-body-content,
.angular-modal .tab-content {
  max-height: calc(100vh - 294px) !important;
}
.angular-modal .mat-tab-disabled {
  cursor: not-allowed !important;
}
.angular-modal .accordion.panel-group .panel-heading .accordion-toggle:after {
  top: -4px !important;
}
.angular-modal .drag-list {
  width: 70%;
  max-width: 100%;
  border: solid 1px #b4bdc4;
  display: block;
  background-color: var(--background-natural);
  border-radius: 4px;
  overflow: hidden;
}
.angular-modal .drag-box {
  padding: 8px 12px;
  border-bottom: solid 1px #b4bdc4;
  color: var(--input-colour);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  cursor: move;
  background-color: var(--background-natural);
}
.angular-modal .mat-mdc-tab-label-container {
  display: flex;
  flex-grow: 0;
  overflow: hidden;
  z-index: 1;
  border-bottom-style: none !important;
  border-bottom-color: none !important;
}
.angular-modal .mdc-tab-indicator__content--underline {
  border-top-style: none !important;
}
.angular-modal .mdc-tab--active {
  border-bottom: 3px solid !important;
  border-bottom-color: var(--primary, #0070c0) !important;
  font-weight: 400;
}
.angular-modal .mat-mdc-tab-list {
  position: relative;
  margin: 3px 0 0 0;
  background-color: transparent;
}
.angular-modal .mat-mdc-tab-list:after {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--table-border-colour) !important;
}
.angular-modal .mat-mdc-tab-list .mdc-tab__text-label {
  border-bottom: 3px solid transparent !important;
  height: auto;
  min-width: unset !important;
  font-size: calc(var(--font-size) * 1.1);
  padding: 10px 12px !important;
  position: relative;
}
.angular-modal .mat-mdc-tab-list .mdc-tab__text-label.mdc-tab--active {
  z-index: 1;
  border-bottom-color: var(--primary, #0070c0) !important;
  font-weight: 400;
}
.angular-modal .btn {
  width: auto !important;
}
.angular-modal table.table tr:first-child td,
.angular-modal table.table tr:first-child td:first-child,
.angular-modal div.editableView div.editableTable.tableDiv > table > tbody > tr:first-child td {
  border-top: none !important;
}
.angular-modal #searchquerytable.table thead tr th,
.angular-modal #planningratestable.table thead tr th,
.angular-modal #projectLevelsTable.table thead tr th,
.angular-modal .displayTable.table thead tr th {
  color: var(--font-colour);
  background-color: var(--background-modal-content);
  font-size: var(--font-size) !important;
  border-bottom-color: var(--table-border-colour) !important;
}
.angular-modal #searchquerytable.table tbody td,
.angular-modal #planningratestable.table tbody td,
.angular-modal #projectLevelsTable.table tbody td,
.angular-modal .displayTable.table tbody td {
  color: var(--font-colour);
  font-size: var(--font-size);
}
.angular-modal #searchquerytable.table tbody tr:hover,
.angular-modal #planningratestable.table tbody tr:hover,
.angular-modal #projectLevelsTable.table tbody tr:hover,
.angular-modal .displayTable.table tbody tr:hover {
  background-color: var(--background-sidebar);
}
.angular-modal #searchquerytable.table tbody tr:hover td,
.angular-modal #planningratestable.table tbody tr:hover td,
.angular-modal #projectLevelsTable.table tbody tr:hover td,
.angular-modal .displayTable.table tbody tr:hover td {
  background-color: var(--background-sidebar);
}
.angular-modal #searchquerytable.table .btn,
.angular-modal #planningratestable.table .btn,
.angular-modal #projectLevelsTable.table .btn,
.angular-modal .displayTable.table .btn,
.angular-modal #searchquerytable.table .btn.btn-secondary,
.angular-modal #planningratestable.table .btn.btn-secondary,
.angular-modal #projectLevelsTable.table .btn.btn-secondary,
.angular-modal .displayTable.table .btn.btn-secondary {
  background-color: transparent;
}
.angular-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  font-size: var(--font-size) !important;
  padding: 2px 4px;
  color: var(--font-color);
  background-color: var(--background-content) !important;
}
.angular-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-right-color: var(--table-border-colour) !important;
  margin-right: 5px;
}
.angular-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left-color: var(--table-border-colour) !important;
  margin-inline-start: 5px;
}
.angular-modal .ng-select .ng-select-container,
.angular-modal .ng-select.ng-select-disabled > .ng-select-container,
.angular-modal .ng-select.ng-select-opened > .ng-select-container {
  background-color: var(--background-natural) !important;
  border-color: var(--table-border-colour) !important;
  color: var(--font-colour);
}
.angular-modal .ng-select.ng-select-disabled > .ng-select-container {
  background-color: transparent !important;
  border: none;
}
.angular-modal .curtain {
  height: calc(100vh - 190px);
}
.angular-modal .curtain > div > div {
  background-color: var(--font-colour);
}
.angular-modal div#main-container {
  overflow-y: auto;
  overflow-x: hidden;
}
.angular-modal div#main-container.large {
  min-height: calc(100vh - 400px);
}
.angular-modal .editpage.popup {
  padding: 20px 0 !important;
}
.angular-modal #departmentplanningratestable.ngx-datatable datatable-body-row.active,
.angular-modal #departmentplanningratestable.ngx-datatable .datatable-body-row:hover {
  background-color: var(--background-e-highlight) !important;
}
.angular-modal input[type="radio"][disabled] ~ .text,
.angular-modal input[type="checkbox"][disabled] ~ .text,
.angular-modal input[type="radio"].disabled ~ .text,
.angular-modal input[type="checkbox"].disabled ~ .text,
.angular-modal fieldset[disabled] input[type="radio"] ~ .text,
.angular-modal fieldset[disabled] input[type="checkbox"] ~ .text {
  opacity: 0.66 !important;
}
.angular-modal .margin-top-minus-5 {
  margin-top: -5px !important;
}
.angular-modal #rolestable.ngx-datatable label[for="roleRowLabel"],
.angular-modal #skillstable.ngx-datatable label[for="roleRowLabel"],
.angular-modal #rolestable.ngx-datatable label[for="skillRowLabel"],
.angular-modal #skillstable.ngx-datatable label[for="skillRowLabel"] {
  color: var(--font-colour);
  font-size: var(--font-size);
  padding-top: 15px;
  padding-left: 5px;
}
.angular-modal #rolestable.ngx-datatable datatable-body-row.active,
.angular-modal #skillstable.ngx-datatable datatable-body-row.active {
  background-color: var(--background-row-highlight) !important;
}
.angular-modal #rolestable.ngx-datatable datatable-body-row.active .datatable-body-cell-label label,
.angular-modal #skillstable.ngx-datatable datatable-body-row.active .datatable-body-cell-label label {
  color: var(--background-row-highlight-foreground) !important;
}
.angular-modal #rolestable.ngx-datatable datatable-body-row:hover,
.angular-modal #skillstable.ngx-datatable datatable-body-row:hover {
  background-color: var(--background-e-highlight) !important;
}
.angular-modal #rolestable.ngx-datatable datatable-body-row:hover .datatable-body-cell-label label,
.angular-modal #skillstable.ngx-datatable datatable-body-row:hover .datatable-body-cell-label label {
  color: var(--font-colour) !important;
}
.angular-modal #departmentplanningratestable datatable-body-cell .ng-select {
  padding-top: 12px !important;
}
.angular-modal #departmentplanningratestable datatable-body-cell input.angular-input {
  margin-top: 12px !important;
}
.angular-modal #departmentplanningratestable datatable-body-cell input[type='checkbox'] {
  margin-top: 16px !important;
}
.kip_ModalSidePopup .angular-modal label.datatable-checkbox > input[type=radio]:before,
.kip_ModalSidePopup .angular-modal label.datatable-checkbox > input[type=checkbox]:before {
  background-color: var(--background-modal-content);
}
.kip_ModalSidePopup .angular-modal ng-select .selected-item,
#kip_ModalPopup .angular-modal ng-select .selected-item {
  background-color: var(--background-content) !important;
}
.kip_ModalSidePopup .savebuttongroup .btn.btn-secondary.saveclosebutton {
  margin-right: 15px !important;
}
.kip_ModalSidePopup .angular-modal span.text,
#kip_ModalPopup .angular-modal span.text {
  font-size: var(--font-size);
  color: var(--font-colour);
}
.kip_ModalSidePopup .angular-modal .control-label.angular-label,
#kip_ModalPopup .angular-modal .control-label.angular-label {
  margin: 10px 5px 5px 5px !important;
  /*font-weight: 400;*/
  font-size: var(--font-size);
  color: var(--font-colour);
}
.angularPopup .angular-modal {
  padding: 0 20px;
  overflow: hidden;
}
.angularPopup .angular-modal .angular-modal-header .angular-modal hr.angular-hr {
  margin: 0 -20px 5px !important;
}
.angularPopup .angular-modal .modal-footer.angular-footer {
  min-height: auto !important;
  margin: 0 -20px;
  padding: 10px 20px;
}
.angularPopup .angular-modal .curtain {
  position: relative;
  height: 100%;
  min-height: 100px;
}
.angularPopup .nav-link,
.kip_ModalSidePopup .nav-link {
  font-size: var(--font-size);
  padding: 11px 12px !important;
  border-bottom-width: 1px !important;
}
.angularPopup .nav-link.active,
.kip_ModalSidePopup .nav-link.active {
  padding-bottom: 7px !important;
  font-weight: 400;
}
.angularPopup .nav-tabs,
.kip_ModalSidePopup .nav-tabs {
  position: relative;
  height: 37px;
  z-index: 1;
  border-radius: 0;
  background-color: transparent;
  border: none !important;
}
.angularPopup .nav-tabs:before,
.kip_ModalSidePopup .nav-tabs:before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  bottom: 1px;
  height: 1px;
  background-color: var(--table-border-colour);
  display: block;
}
.angularPopup .nav-link.active,
.kip_ModalSidePopup .nav-link.active {
  border-bottom: 3px solid var(--primary, inherit) !important;
  padding-bottom: 7px !important;
}
.angularPopup li.nav-item,
.kip_ModalSidePopup li.nav-item {
  position: relative;
  z-index: 5;
}
.angularPopup .btn,
.kip_ModalSidePopup .btn {
  padding: 6px 12px !important;
  height: auto !important;
  font-size: var(--font-size);
  border-radius: var(--default-border-rad);
  border: none !important;
  background-color: transparent;
}
.angularPopup div#auditHistory,
.kip_ModalSidePopup div#auditHistory {
  border-color: var(--table-border-colour) !important;
}
.angularPopup div#auditHistory:first-child,
.kip_ModalSidePopup div#auditHistory:first-child {
  margin-top: 10px;
}
.angularPopup div#auditHistory:last-child,
.kip_ModalSidePopup div#auditHistory:last-child {
  margin-bottom: 10px;
}
.angularPopup div#auditHistory small.text-muted,
.kip_ModalSidePopup div#auditHistory small.text-muted {
  font-size: calc(var(--font-size) * .9) !important;
  margin-bottom: 2px !important;
}
.angularPopup div#auditHistory span.label.label-danger,
.kip_ModalSidePopup div#auditHistory span.label.label-danger,
.angularPopup div#auditHistory span.label.label-success,
.kip_ModalSidePopup div#auditHistory span.label.label-success {
  border-radius: var(--default-border-rad);
  color: white !important;
}
.angularPopup .accordion.panel-group a.accordion-toggle,
.kip_ModalSidePopup .accordion.panel-group a.accordion-toggle,
.angularPopup .accordion.panel-group .audit-message,
.kip_ModalSidePopup .accordion.panel-group .audit-message,
.angularPopup .accordion.panel-group span.label,
.kip_ModalSidePopup .accordion.panel-group span.label {
  font-size: var(--font-size) !important;
  color: var(--font-colour) !important;
}
.angularPopup .accordion.panel-group a.accordion-toggle,
.kip_ModalSidePopup .accordion.panel-group a.accordion-toggle,
.angularPopup .accordion.panel-group .panel-heading .accordion-toggle.collapsed,
.kip_ModalSidePopup .accordion.panel-group .panel-heading .accordion-toggle.collapsed {
  padding: 10px !important;
  background-color: var(--background-sidebar);
  border: none;
}
.angularPopup .accordion.panel-group .panel-heading,
.kip_ModalSidePopup .accordion.panel-group .panel-heading {
  background-color: var(--background-sidebar);
  border-color: var(--table-border-colour);
}
.angularPopup .accordion.panel-group .panel .collapse,
.kip_ModalSidePopup .accordion.panel-group .panel .collapse {
  background-color: var(--background-content) !important;
}
.angularPopup .accordion.panel-group .panel-body,
.kip_ModalSidePopup .accordion.panel-group .panel-body,
.angularPopup .accordion.panel-group .panel-heading + .panel-collapse .panel-body,
.kip_ModalSidePopup .accordion.panel-group .panel-heading + .panel-collapse .panel-body {
  background-color: var(--background-content);
  border-color: transparent !important;
  border-top-color: var(--table-border-colour) !important;
}
.angular-bootbox .modal-title .title {
  color: var(--font-colour) !important;
}
.angular-bootbox .modal-header {
  padding: 15px 20px;
  border-bottom: 1px dashed var(--table-border-colour) !important;
  height: auto !important;
  background-color: var(--background-modal-headerfooter) !important;
}
.angular-bootbox .modal-header hr {
  display: none;
}
.angular-bootbox .modal-content {
  padding: 0;
}
.angular-bootbox .modal-body .angular-hr.blue {
  display: none;
}
.angular-bootbox .modal-body .message {
  padding: 30px;
  color: var(--font-colour) !important;
  opacity: 0.9;
}
.angular-bootbox .modal-footer {
  padding: 15px 20px;
}
.angular-bootbox .modal-footer .btn {
  border: none !important;
  border-radius: var(--default-border-rad);
  height: auto !important;
  padding: 8px 12px !important;
  background-color: transparent;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container,
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
  /*padding: 4px 5px;*/
  font-size: var(--font-size, 14px) !important;
  color: var(--input-colour);
}
.ng-dropdown-panel {
  background-color: var(--background-natural);
  border-color: var(--table-border-colour) !important;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: var(--background-natural);
  color: var(--font-colour);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-option-selected.ng-option-marked {
  color: var(--font-colour);
}
.kip_ModalSidePopup .angular-modal formly-field .margin-offset-20px,
#kip_ModalPopup .angular-modal formly-field .margin-offset-20px {
  margin-inline-start: 20px;
}
.editPageValue .control-label,
.form-control,
.select2-input,
select,
:not(#kanban select) textarea:not(#kanban textarea),
input[type="text"]:not(#kanban input),
input[type="password"]:not(#kanban input),
input[type="datetime"]:not(#kanban input),
input[type="datetime-local"]:not(#kanban input),
input[type="date"]:not(#kanban input),
input[type="month"]:not(#kanban input),
input[type="time"]:not(#kanban input),
input[type="week"]:not(#kanban input),
input[type="number"]:not(#kanban input),
input[type="email"]:not(#kanban input),
input[type="url"]:not(#kanban input),
input[type="search"]:not(#kanban input),
input[type="tel"]:not(#kanban input),
input[type="color"]:not(#kanban input),
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content select.form-control,
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content input.form-control,
.select2-container .select2-choice,
.kip_ModalSidePopup .angular-modal input.form-control,
#kip_ModalPopup .angular-modal input.form-control,
.kip_ModalSidePopup .angular-modal .angular-input:disabled,
#kip_ModalPopup .angular-modal .angular-input:disabled,
.kip_ModalSidePopup .angular-modal .angular-input[readonly="readonly"],
#kip_ModalPopup .angular-modal .angular-input[readonly="readonly"],
.kip_ModalSidePopup .angular-modal .angular-input[readonly="readonly"]:focus,
#kip_ModalPopup .angular-modal .angular-input[readonly="readonly"]:focus {
  padding: 6px 8px;
  line-height: 1.47844 !important;
  background-image: none !important;
  background-color: var(--color-surface-disabled);
  font-size: var(--font-size) !important;
  border-radius: var(--default-border-rad) !important;
  background-clip: padding-box !important;
  color: var(--input-colour);
  font-family: inherit;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -o-transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
  margin: 0;
  border: 1px solid var(--table-border-colour);
  border-width: 1px !important;
  box-shadow: none !important;
  height: unset !important;
}
.modal-content .editPageValue .control-label,
.modal-content .form-control,
.modal-content .select2-input,
.modal-content select,
.modal-content textarea,
.modal-content input[type="text"],
.modal-content input[type="password"],
.modal-content input[type="datetime"],
.modal-content input[type="datetime-local"],
.modal-content input[type="date"],
.modal-content input[type="month"],
.modal-content input[type="time"],
.modal-content input[type="week"],
.modal-content input[type="number"],
.modal-content input[type="email"],
.modal-content input[type="url"],
.modal-content input[type="search"],
.modal-content input[type="tel"],
.modal-content input[type="color"] {
  background-color: var(--background-modal-content);
}
.control-label {
  border: none !important;
}
input[type=checkbox]:disabled ~ .text,
input[type=radio]:disabled ~ .text,
input[type=checkbox][disabled] ~ .text,
input[type=radio][disabled] ~ .text,
input[type=checkbox].disabled ~ .text,
input[type=radio].disabled ~ .text {
  color: var(--input-disabled-color);
}
.angular-input:disabled,
#kip_ModalPopup .angular-modal .angular-input:disabled,
.kip_ModalSidePopup .angular-modal .angular-input[readonly="readonly"],
#kip_ModalPopup .angular-modal .angular-input[readonly="readonly"],
.kip_ModalSidePopup .angular-modal .angular-input[readonly="readonly"]:focus,
#kip_ModalPopup .angular-modal .angular-input[readonly="readonly"]:focus,
.kip_ModalSidePopup .angular-modal .angular-input:disabled {
  color: var(--input-disabled-color);
  border: none !important;
  background-color: transparent;
}
.kip_ModalSidePopup .angular-modal input.form-control,
#kip_ModalPopup .angular-modal input.form-control,
.kip_ModalSidePopup .angular-modal .angular-input:disabled,
#kip_ModalPopup .angular-modal .angular-input:disabled,
.kip_ModalSidePopup .angular-modal .angular-input[readonly="readonly"],
#kip_ModalPopup .angular-modal .angular-input[readonly="readonly"],
.kip_ModalSidePopup .angular-modal .angular-input[readonly="readonly"]:focus,
#kip_ModalPopup .angular-modal .angular-input[readonly="readonly"]:focus {
  padding: 8px 12px !important;
}
.kip_ModalSidePopup .angular-modal input.form-control:focus,
#kip_ModalPopup .angular-modal input.form-control:focus {
  border: 1px solid #0070c0 !important;
}
.angularPopup #ExpressionBuilder.angular-modal {
  padding: 0 !important;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: var(--background-content);
  border-color: var(--background-content);
}
.angularPopup .btn-secondary.select,
.kip_ModalSidePopup .btn-secondary.select {
  background-color: transparent !important;
  color: var(--font-colour) !important;
}
.editPageValue .control-label {
  border: none;
}
.editPageValue .control-label:empty:after {
  content: '\00a0 ';
}
.alert {
  border-radius: var(--default-border-rad);
}
.alert ul {
  list-style: none;
  padding-left: 0px !important;
}
.alert span > ul {
  list-style: disc;
  padding-left: 20px !important;
  margin-bottom: 0;
}
input.minicolors,
input.minicolors-input {
  padding-inline-start: 42px !important;
}
ul.select2-choices,
a.select2-choice,
div.modal-content div.editpage div.form-group .select2-choice {
  border-radius: var(--default-border-rad) !important;
}
.select2-chosen:empty:after {
  content: '\a0';
}
.select2-container .select2-choice .select2-arrow b:before {
  height: 100%;
  padding-top: 22%;
}
.modal-header .modal-header-button,
.modal-header .modal-header-button:hover,
.modal-header button,
.modal-header button:hover {
  color: var(--font-colour);
  text-shadow: none;
  filter: none;
  opacity: 0.7;
  padding-inline-start: 10px;
}
.modal-header .modal-header-button:hover,
.modal-header button:hover {
  opacity: 1 !important;
}
.modal-title {
  font-weight: 400 !important;
}
.shiny {
  background-image: none !important;
  box-shadow: none !important;
}
.ui-dialog.popUpDialog .ui-dialog-content,
.ui-dialog .ui-dialog-content,
.ui-widget-content {
  background-color: var(--background-modal-content) !important;
  background-image: none;
  color: var(--font-colour) !important;
}
.btn,
.input-group-addon {
  background-color: transparent;
  border: none;
  box-shadow: none !important;
  background-image: none !important;
  cursor: pointer;
  color: var(--btn-font-colour);
}
.btn[class*='btn-']:not(.btn-default, .btn-secondary, .btn-xs, .btn-sm, .btn-lg, .btn-shiny, .btn-active, .btn-selected),
.input-group-addon[class*='btn-']:not(.btn-default, .btn-secondary, .btn-xs, .btn-sm, .btn-lg, .btn-shiny, .btn-active, .btn-selected) {
  color: white;
}
.input-group > a.fa-search {
  width: 45px;
}
.input-group > a.fa-search {
  width: 45px;
}
.btn-success,
.btn-success:focus,
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus,
.btn-primary,
.btn-primary:focus,
.btn-danger,
.btn-danger:focus,
.btn-warning,
.btn-warning:focus {
  color: white !important;
}
button.btn.editableView_DropdownToggle {
  border: 1px solid var(--table-border-colour) !important;
}
.btn:hover,
.btn:focus,
.btn:active {
  background-color: var(--btn-background-hover);
  color: var(--font-colour);
}
.input-group-addon,
.editableTableButtons .btn {
  background-color: transparent !important;
}
.page-sidebar .sidebar-menu a .menu-icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-sidebar .sidebar-menu a .menu-icon {
  position: relative;
}
.navbar-container div.collapseMenuItem {
  box-shadow: none !important;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area {
  right: 0;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li.open > a {
  box-shadow: none !important;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a:hover i,
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li.open > a .icon,
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a.open .icon,
#btn-settings:hover > i,
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li:last-child > a[data-impersonating]:hover .avatar > span {
  color: var(--company-banner) !important;
}
.page-body > .kip-page-subTabs,
.page-body-single-widget > .kip-page-subTabs {
  border-bottom: none;
  border: none;
  padding: 8px 3px;
  background-color: var(--background-natural-transparent);
}
.page-body-single-widget > .kip-page-subTabs {
  padding-left: 15px;
  padding-right: 15px;
}
.page-body,
.page-body-single-widget {
  background-color: var(--background-content) !important;
}
.viewToolbar {
  border-bottom: none;
}
.page-header {
  background-color: var(--background-natural);
  position: sticky;
  z-index: 1001;
  margin-right: -1px;
}
.toolbar-header {
  padding-top: 8px;
  background-color: var(--background-natural);
  position: sticky;
  z-index: 1000;
  top: 49px;
  right: 0;
  box-shadow: var(--modern-boxshadow-darker);
  margin-right: -1px;
}
.FullPage {
  background: #f9f9f9;
}
[dir='ltr'] .page-header .header-title {
  padding: 12px 5px 5px 10px;
}
[dir='rtl'] .page-header .header-title {
  padding: 12px 10px 5px 5px;
}
.page-header .header-buttons {
  top: 10px;
}
div.widget:not(div.widget div.widget),
div.databoxwidget {
  margin: 5px;
  background-color: var(--background-natural);
  box-shadow: var(--modern-boxshadow) !important;
  border-radius: var(--default-border-rad-extem) !important;
  padding: 5px;
  border: none !important;
}
div.widget:not(div.widget div.widget) table.table td:first-child,
div.databoxwidget table.table td:first-child {
  border-top: none;
}
div.widget:not(div.widget div.widget) table.table:not(.r) .headingrow td:first-child,
div.databoxwidget table.table:not(.r) .headingrow td:first-child {
  border-top: none !important;
}
.widget .widget-header {
  border: none;
  min-height: unset !important;
  background-color: var(--color-surface);
}
.widget .widget-body,
div#basePage div.widget-body,
div#basePage div.basePageBody {
  background-color: var(--color-surface);
}
.widget .widget-content,
.widget .single-widget-page .widget-content {
  padding: 0 6px 6px 6px;
}
.widget .widget-buttons {
  visibility: hidden;
  background-color: #a9a9a94f;
  box-shadow: var(--modern-boxshadow) !important;
  z-index: 10;
  border-radius: var(--default-border-rad);
}
.widget:hover .widget-buttons {
  visibility: visible;
}
.widget-buttons > [data-toggle] > .btn-sm {
  padding: 4px !important;
}
.dashboard-container .col-xs-1,
.dashboard-container .col-sm-1,
.dashboard-container .col-md-1,
.dashboard-container .col-lg-1,
.dashboard-container .col-xs-2,
.dashboard-container .col-sm-2,
.dashboard-container .col-md-2,
.dashboard-container .col-lg-2,
.dashboard-container .col-xs-3,
.dashboard-container .col-sm-3,
.dashboard-container .col-md-3,
.dashboard-container .col-lg-3,
.dashboard-container .col-xs-4,
.dashboard-container .col-sm-4,
.dashboard-container .col-md-4,
.dashboard-container .col-lg-4,
.dashboard-container .col-xs-5,
.dashboard-container .col-sm-5,
.dashboard-container .col-md-5,
.dashboard-container .col-lg-5,
.dashboard-container .col-xs-6,
.dashboard-container .col-sm-6,
.dashboard-container .col-md-6,
.dashboard-container .col-lg-6,
.dashboard-container .col-xs-7,
.dashboard-container .col-sm-7,
.dashboard-container .col-md-7,
.dashboard-container .col-lg-7,
.dashboard-container .col-xs-8,
.dashboard-container .col-sm-8,
.dashboard-container .col-md-8,
.dashboard-container .col-lg-8,
.dashboard-container .col-xs-9,
.dashboard-container .col-sm-9,
.dashboard-container .col-md-9,
.dashboard-container .col-lg-9,
.dashboard-container .col-xs-10,
.dashboard-container .col-sm-10,
.dashboard-container .col-md-10,
.dashboard-container .col-lg-10,
.dashboard-container .col-xs-11,
.dashboard-container .col-sm-11,
.dashboard-container .col-md-11,
.dashboard-container .col-lg-11,
.dashboard-container .col-xs-12,
.dashboard-container .col-sm-12,
.dashboard-container .col-md-12,
.dashboard-container .col-lg-12 {
  padding: 0;
}
.widget .col-xs-1,
.widget .col-sm-1,
.widget .col-md-1,
.widget .col-lg-1,
.widget .col-xs-2,
.widget .col-sm-2,
.widget .col-md-2,
.widget .col-lg-2,
.widget .col-xs-3,
.widget .col-sm-3,
.widget .col-md-3,
.widget .col-lg-3,
.widget .col-xs-4,
.widget .col-sm-4,
.widget .col-md-4,
.widget .col-lg-4,
.widget .col-xs-5,
.widget .col-sm-5,
.widget .col-md-5,
.widget .col-lg-5,
.widget .col-xs-6,
.widget .col-sm-6,
.widget .col-md-6,
.widget .col-lg-6,
.widget .col-xs-7,
.widget .col-sm-7,
.widget .col-md-7,
.widget .col-lg-7,
.widget .col-xs-8,
.widget .col-sm-8,
.widget .col-md-8,
.widget .col-lg-8,
.widget .col-xs-9,
.widget .col-sm-9,
.widget .col-md-9,
.widget .col-lg-9,
.widget .col-xs-10,
.widget .col-sm-10,
.widget .col-md-10,
.widget .col-lg-10,
.widget .col-xs-11,
.widget .col-sm-11,
.widget .col-md-11,
.widget .col-lg-11,
.widget .col-xs-12,
.widget .col-sm-12,
.widget .col-md-12,
.widget .col-lg-12 {
  padding-right: 15px;
  padding-left: 15px;
}
div#kipTabStrip,
.kipTabStrip {
  height: auto !important;
}
div#kipTabStrip:after,
.kipTabStrip:after {
  content: '';
  clear: both;
  display: table;
}
.nav-tabs {
  border-bottom: 1px solid var(--table-border-colour);
  min-height: 33px;
  box-shadow: none;
  border-radius: var(--default-border-rad);
  background-color: var(--background-nav-tabs);
  padding-bottom: 1px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-radius: 0 !important;
}
.nav-tabs.nav-justified {
  display: block;
}
.nav-tabs.nav-justified li > a:hover {
  border: none !important;
}
.nav-tabs .kipContextMenusContainer,
.nav-tabs .pull-right {
  margin-inline-start: auto !important;
}
div#kipTabStrip .nav-tabs {
  border: none !important;
}
.nav-tabs > li > a,
.nav-tabs > li > a:focus,
.kipTabStrip .nav-tabs > li > a,
.kipTabStrip .nav-tabs > li > a:hover,
.kipTabStrip .nav-tabs > li > a:focus {
  box-shadow: none !important;
  background-color: transparent;
  border: none !important;
  padding: 8px 12px;
  margin: 0 !important;
  line-height: 16px;
}
.nav-tabs > li > a,
.nav-tabs > li > a:focus,
.kipTabStrip .nav-tabs > li > a,
.kipTabStrip .nav-tabs > li > a:focus,
.kipTabStrip .nav-tabs > li > a > i {
  color: var(--nav-font-colour) !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.kipTabStrip .nav-tabs > li.active > a,
.kipTabStrip .nav-tabs > li.active > a:hover,
.kipTabStrip .nav-tabs > li.active > a:focus {
  border-bottom: 3px solid var(--color-border-selected) !important;
  color: var(--page-header-font-hover-colour) !important;
  background-color: transparent;
  margin: 0 !important;
  padding-bottom: 7px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.kipTabStrip .nav-tabs > li.active > a,
.kipTabStrip .nav-tabs > li.active > a:hover,
.kipTabStrip .nav-tabs > li.active > a:focus,
.kipTabStrip .nav-tabs > li.active > a > i {
  color: var(--page-header-font-hover-colour) !important;
}
.nav-tabs > li > a:hover,
.kipTabStrip .nav-tabs > li > a:hover {
  border-bottom: 1px solid var(--nav-border--hover-colour) !important;
  padding-bottom: 8px;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:hover > i,
.kipTabStrip .nav-tabs > li > a:hover {
  color: var(--page-header-font-hover-colour) !important;
}
.kipTabStrip .nav-tabs > li > a > i,
.kipTabStrip .dropdown-menu > li > a > i,
.viewToolbar .editableProjectMenu .themeprimary {
  color: var(--anchor) !important;
}
.kipTabStrip .nav-tabs > li > a:hover > i,
.kipTabStrip .nav-tabs > li.active > a > i,
.kipTabStrip .dropdown-menu > li > a:hover > i,
.viewToolbar .editableProjectMenu .themeprimary:hover {
  color: var(--anchor-p30) !important;
}
.nav-tabs > li {
  margin-bottom: -3px;
}
.editableTableButtonsHeader {
  border: none !important;
}
table.table,
.table .table,
table.table td,
table.table th,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td,
.table > tbody > tr.active > td,
.table-scrollable > .table {
  border: none;
  background-color: var(--color-surface);
  color: var(--color-text);
}
.table-bordered {
  border-color: var(--table-border-colour) !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: var(--background-natural-stripped);
}
.modal-content table.table,
.modal-content table.table td,
.modal-content table.table th,
.modal-content .table-bordered > thead > tr > th,
.modal-content .table-bordered > tbody > tr > th,
.modal-content .table-bordered > tfoot > tr > th,
.modal-content .table-bordered > thead > tr > td,
.modal-content .table-bordered > tbody > tr > td,
.modal-content .table-bordered > tfoot > tr > td {
  background-color: var(--background-modal-content);
}
.table > tbody + tbody {
  border-top-color: var(--table-border-colour);
}
textarea:not(#kanban textarea):focus,
input[type="text"]:not(#kanban input):focus,
input[type="password"]:not(#kanban input):focus,
input[type="datetime"]:not(#kanban input):focus,
input[type="datetime-local"]:not(#kanban input):focus,
input[type="date"]:not(#kanban input):focus,
input[type="month"]:not(#kanban input):focus,
input[type="time"]:not(#kanban input):focus,
input[type="week"]:not(#kanban input):focus,
input[type="number"]:not(#kanban input):focus,
input[type="email"]:not(#kanban input):focus,
input[type="url"]:not(#kanban input):focus,
input[type="search"]:not(#kanban input):focus,
input[type="tel"]:not(#kanban input):focus,
input[type="color"]:not(#kanban input):focus,
.form-control:focus,
select:focus :not(#kanban select) {
  color: var(--font-colour);
  border-color: var(--table-border-colour);
  background-color: var(--background-context);
}
.dd-handle,
.dd2-content {
  background-color: var(--background-dd-handle);
  color: var(--font-colour);
}
.dd-handle:hover,
.dd2-content:hover {
  background-color: var(--background-e-highlight);
  color: var(--font-colour);
}
table.table td.editableTableButtons_scrollingPage,
table.table td.editableTableButtons {
  padding: 4px 0px !important;
  border: none !important;
}
div.editableView div.editableTable.tableDiv > table > tbody > tr:last-child td {
  border: none !important;
}
div.editableView div.editableTable.tableDiv > table > tfoot > tr > td:first-child {
  border-top: none !important;
}
table.table tr:not(:first-child) td,
div.editableView div.editableTable.tableDiv > table > tbody > tr:last-child td {
  border-top: 1px dashed var(--table-border-colour) !important;
}
div.editableView div.editableTable.tableDiv > table > tbody > tr:first-child td:first-child {
  border-top: none !important;
}
table.table td,
table.table th {
  /*padding: 8px 10px !important;*/
  padding: 4px 6px !important;
}
div.editableView div.editableTable.tableDiv > table > tbody > tr:hover > td,
table.table tr:hover > td,
table.tableWithRowspan tr:hover td:not([rowspan]) {
  background-color: var(--background-sidebar);
}
.fc-border-separate thead tr,
.table thead tr {
  background: none !important;
}
.table thead {
  border-bottom: 1px solid var(--table-border-colour);
}
.table thead tr:not(:last-child) th[colspan] {
  border-bottom: 1px dashed var(--table-border-colour);
}
.table thead {
  border-bottom-color: var(--primary);
}
.table-hover > tbody > tr[class]:hover,
.table-hover > tbody > tr[class]:hover td {
  background-color: var(--background-e-highlight);
}
tr.warning,
tr.warning td {
  color: var(--warning) !important;
}
tr.danger,
tr.danger td {
  color: var(--danger) !important;
}
.table tr.warning td:first-child {
  border-left: 2px solid var(--warning) !important;
  box-shadow: none !important;
}
.table tr.danger td:first-child {
  border-left: 2px solid var(--danger) !important;
  box-shadow: none !important;
}
.editableTableButtonsHeader,
.editableTableButtonsFooter {
  background: none !important;
  border-left: none !important;
}
#filterBody .input-group-addon {
  border: none;
  background: var(--background-natural);
  padding-inline-end: 0;
}
#filterBody a.btn-info {
  background: transparent !important;
  border: 1px solid var(--anchor);
  color: var(--anchor);
}
.bg-themeprimary {
  background-color: var(--background-theme-primary, transparent) !important;
  color: var(--font-colour);
}
div.databoxwidget .bg-themeprimary .white {
  color: var(--font-colour) !important;
  /*todo*/

}
div.databoxwidget {
  border: none;
}
div.databoxwidget > div.widget-header {
  padding: 6px 6px calc(100% + 12px) 6px !important;
  margin: -5px;
  border-radius: var(--default-border-rad) !important;
}
div.databoxwidget > div.widget-header.bg-white {
  background-color: var(--background-natural) !important;
}
.ui-dialog.popUpDialog .ui-dialog-content iframe {
  height: 100%;
}
.modal-header,
div.modal-header.colour-identifier,
.ui-dialog .ui-widget-header,
.ui-dialog.popUpDialog .ui-dialog-titlebar,
.angular-modal .modal-header.angular-header {
  background-color: var(--background-modal-headerfooter) !important;
  border: none !important;
  border-top-right-radius: var(--default-border-rad) !important;
  border-top-left-radius: var(--default-border-rad) !important;
  color: var(--font-colour) !important;
}
.modal-body {
  color: var(--font-colour);
}
.modal-body.masked {
  min-height: 150px !important;
}
.modal-content,
.ui-dialog.popUpDialog,
.ui-dialog {
  border-radius: var(--default-border-rad) !important;
  -webkit-box-shadow: var(--modern-boxshadow-modal) !important;
  -moz-box-shadow: var(--modern-boxshadow-modal) !important;
  box-shadow: var(--modern-boxshadow-modal) !important;
  background-color: var(--background-modal-content) !important;
}
.modal-footer,
.ui-dialog .ui-dialog-buttonpane {
  background-color: var(--background-modal-headerfooter) !important;
  border-bottom-right-radius: var(--default-border-rad) !important;
  border-bottom-left-radius: var(--default-border-rad) !important;
  color: var(--font-colour) !important;
}
.ui-dialog .ui-dialog-titlebar-close {
  background-image: none !important;
  position: relative;
  margin: 0 !important;
}
.ui-dialog .ui-dialog-titlebar-close:after {
  content: "\f00d";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  font-size: 23px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ui-dialog .ui-dialog-title {
  width: calc(100% - 25px);
}
.modal-footer:empty {
  display: none;
}
.loadmask-msg div {
  background: none;
  padding: 0;
}
.dashboard-container #widgetActions {
  padding: 0 5px;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area .avatar {
  border: none;
  border-radius: 50%;
  overflow: hidden;
  margin: 0;
  height: 30px;
  width: 30px;
}
.navbar .navbar-inner .navbar-header .navbar-account .setting {
  position: relative;
}
.loadmask {
  z-index: 1004;
}
.loadmask-msg .kip-loader-outer.loader-wrapper {
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
}
ul.dropdown-menu {
  box-shadow: 0 2px 60px rgba(50, 50, 50, 0.3);
  -webkit-box-shadow: 0 2px 60px rgba(50, 50, 50, 0.3);
  border: none !important;
  padding: 5px 0;
  min-width: 145px !important;
}
.dropdown-menu > li > a {
  margin: 0;
  font-size: 12px;
}
[dir='ltr'] .dropdown-menu > li > a {
  padding: 7px 12px 7px 37px;
}
[dir='rtl'] .dropdown-menu > li > a {
  padding: 7px 37px 7px 12px;
}
.dropdown-menu > li:last-child {
  border-bottom: none;
}
.btn-group,
.btn-group-vertical {
  display: inline-flex;
}
.btn-group.open > .btn {
  background-color: rgba(50, 50, 50, 0.2);
}
.dropdown-menu .divider {
  border: none !important;
  background-color: var(--table-border-colour);
  margin: 5px 0;
  height: 1px;
}
[dir='ltr'] .dropdown-menu.reverse-dropdown-align {
  left: auto !important;
  right: 0 !important;
}
[dir='rtl'] .dropdown-menu.reverse-dropdown-align {
  left: 0 !important;
  right: auto !important;
}
[dir='ltr'] .dropdown-menu > li > a > i,
[dir='ltr'] .dropdown-menu > li > a .Ball {
  float: left;
  margin: 3px 0 0 -23px;
}
[dir='rtl'] .dropdown-menu > li > a > i,
[dir='rtl'] .dropdown-menu > li > a .Ball {
  float: right;
  margin: 3px -23px 0 0;
}
.widget .widget-body {
  padding: 0;
}
.widget .widget-content > .padding-10 {
  padding: 0 6px 0 0 !important;
}
.widget .widget-header > span.widget-caption {
  font-weight: 600 !important;
  color: var(--font-colour);
}
.dropdown-menu,
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu,
#taskKanban-config #columnViewOptions .more-options-menu,
.highcharts-menu,
#milestone-kanban-config #columnViewOptions .more-options-menu {
  box-shadow: var(--modern-boxshadow-darker) !important;
  border-radius: var(--default-border-rad) !important;
  border: none !important;
  overflow: hidden;
  padding: 10px;
  background-color: var(--background-context) !important;
}
.dropdown-toggle {
  border: none;
}
#taskKanban-config #TaskHeirarchy .dropdown-toggle {
  border: 1px solid;
}
.modal .editableTableButtons .dropdown-toggle {
  border: none;
}
.open > .dropdown-toggle,
#chat-link.open,
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a:hover,
#btn-settings:hover {
  background-color: var(--company-banner-foreground) !important;
  border-radius: var(--default-border-rad) !important;
  border: none !important;
  box-shadow: none;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area .avatar img {
  width: 30px;
  height: 30px;
}
div.modal-toolbar,
div#predecessor-toolbar {
  background-color: var(--background-sidebar);
  border: none;
}
#chat-link.open:before {
  display: none;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li.open .dropdown-menu {
  margin-top: 5px;
}
.navbar {
  height: 50px;
}
.navbar .navbar-inner {
  min-height: 50px;
  padding-top: 7px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  box-shadow: var(--modern-boxshadow-darker);
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area {
  top: 7px;
  right: 7px;
}
.page-content,
.page-content .page-partial {
  min-height: calc(100vh - 50px) !important;
  /*width: calc(~"100vw - 84px");*/
  background-color: var(--background-content);
}
#configButton {
  border-color: transparent !important;
}
#configButton:hover {
  background-color: var(--background-configButton) !important;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area {
  min-width: 100%;
  font-size: 0;
  text-align: end;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li {
  border: none;
  margin: 2px 0;
  padding: 0 !important;
  display: inline-block;
  width: 100%;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li body[dir='ltr'] {
  text-align: left;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li body[dir='rtl'] {
  text-align: right;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.half {
  width: 50%;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.devider {
  border-top: 1px solid #c9c9c9;
  margin: 8px -10px;
  width: calc(100% + 20px);
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area .account-wrapper {
  min-width: 300px;
  font-size: 0;
  background-color: var(--background-login-context-header);
  margin: -13px -10px 6px -10px;
  padding: 19px 10px 20px 10px;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area .account-wrapper > * {
  float: none !important;
  display: inline-block;
  vertical-align: middle;
}
[dir='ltr'] .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area .account-wrapper > .pull-left {
  margin: 0 15px 0 10px;
}
[dir='rtl'] .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area .account-wrapper > .pull-left {
  margin: 0 10px 0 15px;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area .account-wrapper > .pull-left > img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area .account-wrapper > .pull-right {
  width: calc(100% - 85px);
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area .account-wrapper > .pull-right > .impersonating {
  font-size: 10px;
  -webkit-animation: impersonating 2s ease-in-out alternate infinite;
  -moz-animation: impersonating 2s ease-in-out alternate infinite;
  -o-animation: impersonating 2s ease-in-out alternate infinite;
  animation: impersonating 2s ease-in-out alternate infinite;
  display: inline-block;
  padding: 4px 8px;
  border-radius: var(--default-border-rad);
  margin-bottom: 5px;
  border: 1px solid var(--impersonating-colour);
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area .account-wrapper > .pull-right > .name {
  font-size: 16px;
  text-align: start;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area .account-wrapper > .pull-right > .email {
  font-size: 12px;
  text-align: start;
  color: #adadad;
  /*todo*/

}
form#notifications-form li#notification-header,
form#notifications-form li#notification-footer {
  background-color: transparent;
  border: none;
  padding: 5px 10px;
}
form#notifications-form {
  padding: 10px 0;
}
form#notifications-form li#notification-header {
  background-color: transparent;
  border: none;
  padding: 5px 10px;
}
form#notifications-form li#notification-header .notification-title {
  margin-top: 3px;
}
form#notifications-form li#notification-header li#notification-header .notification-reload-btn,
form#notifications-form li#notification-header li#notification-header .notification-markAll-btn {
  margin-top: 0;
}
form#notifications-form li#notification-footer {
  background-color: transparent;
  border: none;
  padding: 5px 10px;
}
form#notifications-form .notification-rows .notification-row #markNotificationRead {
  color: var(--font-colour) !important;
}
form#notifications-form .notification-rows .notification-row .notification-link {
  margin: 5px 10px;
  width: calc(100% - 20px);
  box-shadow: var(--modern-boxshadow) !important;
  font-size: 0;
  padding: 18px !important;
}
form#notifications-form .notification-rows .notification-row .notification-link > * {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
form#notifications-form .notification-rows .notification-row .notification-link div#notification-icon {
  width: 40px;
  font-size: 12px;
}
form#notifications-form .notification-rows .notification-row .notification-link div#notification-message {
  width: calc(100% - 55px);
  min-width: unset;
}
#notificationsContainer .notification-icon i {
  color: var(--notification-icon-color);
}
#notificationsContainer .notification-icon i {
  color: var(--notification-icon-color);
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li.admin-menugroup > * {
  display: inline-block;
  vertical-align: middle;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li.admin-menugroup:hover,
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li.admin-menugroup a,
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li:empty {
  background-color: inherit !important;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li {
  border: none;
  background-color: var(--background-natural) !important;
  padding: 0;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li a,
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.email,
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.email a {
  border-radius: var(--default-border-rad) !important;
  padding: 7px 8px !important;
  display: block;
  margin: 1px 0;
  background-color: var(--background-natural);
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li.admin-menugroup i {
  margin: 0 -8px 0 8px;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li.admin-menugroup a {
  margin: 0 -8px 0 8px;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.email,
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.email a {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li a span {
  max-width: calc(100% - 16px) !important;
  font-size: 12px;
  color: var(--font-colour);
}
div#flyOutContainer {
  position: fixed;
  top: 53px;
  bottom: -47px;
  z-index: 1006;
}
[dir='ltr'] div#flyOutContainer {
  right: 0;
}
[dir='rtl'] div#flyOutContainer {
  left: 0;
}
.page-chatbar {
  left: 0;
  right: unset;
}
div#ProjectNavigatorView > div#chatbar {
  width: 400px;
  max-width: 450px;
  min-width: 287px;
  box-shadow: var(--modern-boxshadow-darker) !important;
  display: block !important;
}
[dir='ltr'] div#ProjectNavigatorView > div#chatbar {
  right: -500px;
  transition: right 0.3s cubic-bezier(0.37, 0.59, 0.27, 1);
}
[dir='rtl'] div#ProjectNavigatorView > div#chatbar {
  left: -500px;
  transition: left 0.3s cubic-bezier(0.37, 0.59, 0.27, 1);
}
div#ProjectNavigatorView > div#chatbar .nav-tabs > li > a {
  background-color: var(--background-sidebar);
}
div#ProjectNavigatorView > div#chatbar .nav-tabs > li.active > a {
  background-color: var(--primary);
  color: var(--primary-foreground);
}
div#ProjectNavigatorView > div#chatbar #HierarchyProjectActiveFilter {
  width: 27%;
}
div#ProjectNavigatorView > div#chatbar #ProjectSearchLinkWrapper {
  background-color: var(--background-natural);
}
div#ProjectNavigatorView > div#chatbar #ProjectSearchLinkWrapper #ProjectSearchLink .select2-container {
  margin: 0 5px;
  padding: 5px 0;
  width: calc(100% - 10px) !important;
}
div#ProjectNavigatorView > div#chatbar #ProjectSearchLinkWrapper #ProjectSearchLink .select2-container .select2-choice {
  border: none !important;
}
[dir='ltr'] div#ProjectNavigatorView > div#chatbar.open {
  right: 0;
  left: unset;
}
[dir='rtl'] div#ProjectNavigatorView > div#chatbar.open {
  left: 0;
}
div#ProjectNavigatorView > div#chatbar.open .charbar-backer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
div#ProjectNavigatorView > div#chatbar .nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
div#ProjectNavigatorView > div#chatbar .nav-tabs.nav-justified > .active > a:focus {
  border: none !important;
  box-shadow: none !important;
  margin: 0;
}
div#ProjectNavigatorView > div#chatbar ul.nav.nav-tabs.nav-justified {
  box-shadow: none !important;
}
div#ProjectNavigatorView > div#chatbar .widget {
  box-shadow: none !important;
  background-color: transparent;
}
div#ProjectNavigatorView > div#chatbar .mail-container {
  margin: 5px 0;
  padding: 5px 4px 7px 0;
  background-color: var(--background-natural);
  border-radius: var(--default-border-rad) !important;
  overflow: hidden;
  box-shadow: var(--modern-boxshadow) !important;
}
div#ProjectNavigatorView > div#chatbar .mail-container * {
  border: none !important;
}
div#ProjectNavigatorView > div#chatbar .mail-container .databox {
  padding: 0;
  margin: 0;
  height: auto !important;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.mail-container > div.AllProjectsDiv {
  height: auto;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane div.widget div.mail-container div.AllProjectsTitle {
  padding-left: 8px;
}
div#ProjectNavigatorView > div#chatbar .mail-container .databox span.AllProjectTitle {
  padding-left: 8px;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.ProjectScrollDiv > ul#flyoutProjects {
  font-size: 0;
  margin: 0 -5px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.ProjectScrollDiv > ul#flyoutProjects > li.contact {
  width: calc(50% - 10px);
  margin: 5px;
  padding: 5px;
  background-color: var(--background-natural);
  border: none;
  border-radius: var(--default-border-rad);
  box-shadow: var(--modern-boxshadow) !important;
  font-size: 12px;
  position: relative;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.ProjectScrollDiv > ul#flyoutProjects > li.contact.noresults {
  width: 100%;
  text-align: center;
  padding: 20px !important;
  font-weight: 600;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.ProjectScrollDiv > ul#flyoutProjects > li.contact.noresults:hover {
  background-color: var(--background-natural) !important;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.ProjectScrollDiv > ul#flyoutProjects > li.contact > div.ProjectRow {
  padding: 10px;
  margin: 0;
  width: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.ProjectScrollDiv > ul#flyoutProjects > li.contact > div.ProjectRow .ProjectNameDiv {
  margin: 0;
  width: calc(100% - 21px);
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.ProjectScrollDiv > ul#flyoutProjects > li.contact > div.ProjectRow > div.ProjectButtonsDiv > div.btn-group {
  margin: 0;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.ProjectScrollDiv > ul#flyoutProjects > li.contact > div.ProjectRow > div.ProjectButtonsDiv {
  text-align: center;
  width: 100%;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts {
  padding: 0;
  background-color: var(--background-flyout);
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts .tab-content {
  background-color: var(--background-flyout);
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts > a#ProjectSearchLink > div.select2 {
  background-color: var(--background-natural);
  padding: 5px 0;
}
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.mail-container > div.AllProjectsDiv,
div#ProjectNavigatorView > div#chatbar > div.chatbar-contacts div.tab-content > div.tab-pane > div.widget > div.mail-container > div.AllProjectsDiv .bg-white {
  background-color: var(--background-natural) !important;
}
.page-chatbar.open:before {
  display: none;
}
div#flyOutContainer div.navigatorHeirarchy div#MyTree.CodeEntityTreeView_Container,
.tree {
  background-color: var(--background-natural) !important;
}
div.navigatorHeirarchy {
  padding-right: 0 !important;
}
div.navigatorHeirarchy .nav-tree-selected {
  background-color: var(--background-content);
  border-radius: var(--default-border-rad);
}
.tree .tree-folder .tree-folder-content:before,
.tree .tree-folder:before,
.tree .tree-item:before {
  border-color: var(--table-border-colour);
}
.tree .tree-item:hover,
.tree .tree-folder .tree-folder-header:hover {
  background-color: var(--background-sidebar);
  border-radius: var(--default-border-rad);
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li {
  margin: 0 2px;
}
td.admin-menugroup {
  padding: 6px 7px !important;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-messages li {
  border: none !important;
}
div.editableView div.editableTable.tableDiv > table > thead > tr > th,
div.editableView div.fixedDivHeader > table.FixedTable > thead > tr > th {
  border-bottom-width: 1px !important;
  background-color: var(--color-surface) !important;
}
div.editableView div.editableTable.tableDiv > table > thead > tr > th:first-child,
div.editableView div.fixedDivHeader > table.FixedTable > thead > tr > th:first-child {
  background-image: none !important;
}
.ui-dialog {
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.5) !important;
  color: var(--font-colour);
  background-color: var(--background-natural);
  border: none !important;
}
.ui-dialog .ui-widget-header {
  border: none !important;
  background-color: #f9f9f9 !important;
  overflow-wrap: break-word;
}
.ui-dialog .ui-dialog-title {
  font-size: var(--font-size-heading);
  line-height: 1.42857143;
  font-weight: 400 !important;
  font-family: var(--font-family);
  padding-inline-start: 5px;
}
.ui-dialog .ui-dialog-buttonpane {
  background-color: #f9f9f9;
}
.ui-dialog .ui-dialog-buttonpane {
  border: none;
  margin: 0;
}
[dir='ltr'] .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right !important;
}
[dir='rtl'] .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: left !important;
}
.btn-sm {
  padding: 6px 12px !important;
}
.popUpToolbar {
  float: left !important;
  margin: 14px 0 0 10px !important;
}
.checkbox {
  padding-inline-start: 0 !important;
}
.select2-drop {
  box-shadow: var(--modern-boxshadow-darker) !important;
  border-radius: var(--default-border-rad) !important;
  border: none !important;
  overflow: hidden;
  padding: 2px;
  margin-top: 5px;
  background-color: var(--background-natural);
}
.select2-drop ul.select2-results {
  padding-right: 5px;
}
.select2-drop ul.select2-results li {
  border-radius: 2px !important;
  padding: 2px 5px;
  margin: 1px;
  color: var(--font-colour);
}
.select2-drop ul.select2-results .select2-result-label {
  color: var(--font-colour);
}
.select2-drop ul.select2-results .select2-no-results,
.select2-drop ul.select2-results .select2-searching,
.select2-drop ul.select2-results .select2-selection-limit {
  background-color: var(--background-content);
}
.select2-drop ul.select2-results .select2-highlighted .select2-result-label {
  color: var(--primary-foreground) !important;
}
.select2-drop ul.select2-results .select2-disabled {
  background-color: var(--background-sidebar);
  opacity: 0.5;
  cursor: not-allowed;
}
.select2-drop ul.select2-results .select2-disabled * {
  cursor: not-allowed;
}
.select2-drop .select2-search:before {
  top: 14px;
}
[dir='ltr'] .select2-drop .select2-search:before {
  left: 14px;
  right: unset;
}
[dir='rtl'] .select2-drop .select2-search:before {
  right: 14px;
  left: unset;
}
.select2-drop .select2-search .select2-input,
.select2-drop .select2-search input {
  border: none !important;
  box-shadow: var(--modern-boxshadow) !important;
  margin: 5px 0;
  padding-left: 30px !important;
}
.select2-container.select2-container-disabled .select2-choice {
  background-color: var(--background-kanban-disabled) !important;
  border-color: var(--background-kanban-disabled) !important;
  cursor: not-allowed !important;
}
.select2-container-multi .select2-choices {
  background-color: var(--background-natural);
  border-color: var(--table-border-colour);
}
.modal .select2-container-multi .select2-choices,
.modal ul.select2-choices,
.modal a.select2-choice,
.modal div.modal-content div.editpage div.form-group .select2-choice {
  background-color: var(--background-modal-content);
  border-color: var(--table-border-colour);
}
.modal .select2-container.select2-container-multi.select2-container-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.modal .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  background-color: var(--primary);
  border-color: var(--primary);
  filter: saturate(0.5);
}
.modal .select2-container.select2-container-multi.select2-container-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.modal .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  background-color: var(--primary);
  border-color: var(--primary);
  filter: saturate(0.5);
}
.select2-container-multi .select2-container-active .select2-choices,
.select2-container-active ul.select2-choices,
.select2-container-active a.select2-choice {
  background-color: var(--background-content) !important;
}
.forecastDropdownCssClass {
  min-width: 300px;
}
.forecastContent .TSType {
  padding-left: 10px !important;
}
.popover {
  background-color: var(--background-modal-content);
  border-color: var(--table-border-colour);
  color: var(--font-colour);
}
.popover * {
  color: var(--font-colour);
}
.popover.left > .arrow::after {
  border-left-color: var(--table-border-colour);
}
.popover.bottom > .arrow::after {
  border-bottom-color: var(--table-border-colour);
}
.popover.right > .arrow::after {
  border-right-color: var(--table-border-colour);
}
.popover.top > .arrow::after {
  border-top-color: var(--table-border-colour);
}
.popover-title {
  background-color: var(--background-modal-headerfooter);
  color: var(--font-colour);
}
div.modal-content div.editpage .editPageValue .backgroundColor {
  padding: 6px 8px;
  margin: 5px 0 -5px 0;
  border-radius: 3px !important;
  display: inline-block !important;
}
.datepicker.datepicker-dropdown {
  margin-top: 5px;
}
.datepicker td.day.disabled {
  opacity: 0.33;
  cursor: not-allowed;
  color: var(--font-colour);
}
.form-group.disabled {
  opacity: 0.5;
  pointer-events: none;
}
div.editableView div.editableTable.tableDiv > table > thead > tr > th:first-child {
  z-index: 1;
}
.tab-content {
  border: none !important;
}
.dashboard-container.edit .dashboard-row {
  border-radius: var(--default-border-rad-extem);
}
.dashboard-container .dashboard-panel {
  padding: 0 !important;
}
.dashboard-container .dashboard-panel.can-configure > div.panel-content a.widget-config {
  visibility: inherit;
}
.dashboard-container .dashboard-panel > div.panel-edit > div.edit {
  background-color: var(--primary);
  border-radius: var(--default-border-rad);
  box-shadow: var(--modern-boxshadow);
  display: flex;
  align-items: stretch;
  flex-direction: row;
}
.dashboard-container .dashboard-panel > div.panel-edit > div.edit .btn {
  padding: 6px 14px !important;
  position: relative;
}
.dashboard-container .dashboard-panel > div.panel-edit > div.edit > *,
.dashboard-container .dashboard-panel > div.panel-edit > div.edit > button.btn.btn-primary {
  width: auto !important;
  height: auto !important;
}
.dashboard-container .dashboard-panel > div.panel-edit > div.edit > * > i,
.dashboard-container .dashboard-panel > div.panel-edit > div.edit > button.btn.btn-primary > i,
.dashboard-container .dashboard-panel > div.panel-edit > div.edit > * > .glyphicon,
.dashboard-container .dashboard-panel > div.panel-edit > div.edit > button.btn.btn-primary > .glyphicon {
  margin-right: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dashboard-container .dashboard-col button.btn.btn-default.btn-panel-add.icon-only {
  margin-left: 10px;
}
.dashboard-container #widgets .modal-body .panel-body {
  font-size: 0;
}
.dashboard-container #widgets .modal-body .panel-body:before {
  display: none;
}
.dashboard-container #widgets .modal-body .panel-body .databox {
  border-radius: var(--default-border-rad);
  overflow: hidden;
}
.dashboard-container #widgets .modal-body .panel-body .databox .databox-number {
  word-break: break-word;
  font-family: var(--font-family)/*rtl:prepend:"Droid Arabic Kufi", "WYekan"*/;
}
.dashboard-container #widgets .modal-body .panel-body .databox .databox-left {
  display: flex;
}
.dashboard-container #widgets .modal-body .panel-body .databox .databox-left .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--font-colour-invert);
  width: 100%;
}
.dashboard-container #widgets .modal-body .panel-body .databox .databox-left .btn i {
  font-size: 18px;
  margin: 0;
}
.dashboard-container #widgets .modal-body .panel-body .databox .databox-right.bordered {
  border-left: none;
  margin-left: 1px;
}
.dashboard-container #widgets .modal-body .panel-body .databox .databox-left[class*="bg-"],
.dashboard-container #widgets .modal-body .panel-body .databox .databox-right[class*="bg-"] {
  background-color: var(--background-sidebar) !important;
}
.select2-container .select2-choice {
  height: auto !important;
}
.select2-dropdown-open .select2-choice {
  border-bottom: 1px solid var(--table-border-colour) !important;
}
input[type=checkbox] ~ .text:before {
  border-radius: var(--default-border-rad);
  border: 1px solid #c8c8c8;
}
input[type=checkbox]:disabled ~ .text:before,
input[type=checkbox][disabled] ~ .text:before,
input[type=checkbox].disabled ~ .text:before,
input[type=radio]:disabled ~ .text:before,
input[type=radio][disabled] ~ .text:before,
input[type=radio].disabled ~ .text:before {
  opacity: 0.5;
}
input[type=checkbox]:focus ~ .text:before,
input[type=radio]:focus ~ .text:before {
  background-color: var(--background-content) !important;
}
input[type=checkbox] ~ .text:before,
input[type=radio] ~ .text:before,
.angular-modal input[type=checkbox] ~ .text:before,
#kip_ModalPopup .angular-modal input[type=checkbox] ~ .text:before,
.kip_ModalSidePopup .angular-modal input[type=checkbox] ~ .text:before {
  background-color: transparent !important;
  font-size: 10px !important;
  box-shadow: none !important;
  height: 20px;
  min-width: 20px;
  line-height: 16px;
  border-color: var(--table-border-colour) !important;
  border-width: 1px !important;
}
input[type=checkbox]:checked ~ .text:before,
input[type=radio]:checked ~ .text:before,
.angular-modal input[type=checkbox]:checked ~ .text:before,
#kip_ModalPopup .angular-modal input[type=checkbox]:checked ~ .text:before {
  content: '\f00c';
}
input[type=checkbox] ~ .text,
input[type=radio] ~ .text {
  height: 20px;
  min-width: 20px;
  line-height: 18px;
}
input[type=checkbox]:checked ~ .text:before,
input[type=radio]:checked ~ .text:before,
.angular-modal input[type=checkbox]:checked ~ .text:before,
#kip_ModalPopup .angular-modal input[type=checkbox]:checked ~ .text:before,
kip_ModalSidePopup .angular-modal input[type=checkbox]:checked:disabled ~ .text:before,
#kip_ModalPopup .angular-modal input[type=checkbox]:checked:disabled ~ .text:before {
  border-color: var(--primary) !important;
  color: var(--font-colour-invert) !important;
  background-color: var(--primary) !important;
}
.kip_ModalSidePopup .angular-modal input[type=checkbox]:checked:disabled ~ .text:before,
#kip_ModalPopup .angular-modal input[type=checkbox]:checked:disabled ~ .text:before,
.kip_ModalSidePopup .angular-modal input[type=checkbox]:disabled ~ .text:before,
#kip_ModalPopup .angular-modal input[type=checkbox]:disabled ~ .text:before {
  border-color: #0070c0 !important;
  color: var(--font-colour-invert) !important;
}
.editableTablePaging {
  margin: 0 !important;
  border: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
ul.pagination {
  border-radius: var(--default-border-rad) !important;
  overflow: hidden;
}
ul.pagination > li > * {
  border: none;
  margin: 0 !important;
  margin-left: 1px !important;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li:last-child > a {
  min-width: auto !important;
  padding: 2.5px 9px !important;
  width: 50px !important;
}
.navbar .navbar-inner .navbar-header .navbar-account .setting a {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
div#sidebar-collapse {
  position: fixed;
  bottom: 0;
  left: 6px;
  font-size: 21px;
  z-index: 1006;
  color: var(--font-colour);
  cursor: pointer;
  background-color: var(--background-navigation);
  padding: 5px 20px 20px 20px;
}
div#sidebar-collapse .collapse-icon {
  color: white;
}
.editableTableButtons .btn > i.fa.fa-external-link:before,
.editableTableButtons_scrollingPage .btn > i.fa.fa-external-link:before {
  content: "\e234";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
div.editableView div.editableTable.tableDiv.hasOperations.edit > table > thead > tr > th {
  border-bottom-width: 1px !important;
}
a.menuChooser {
  margin-left: -2px;
}
.note-editor.note-frame {
  background-color: var(--background-content);
  border-color: var(--table-border-colour) !important;
}
.note-editor.note-frame .note-statusbar,
.note-editor.note-frame .note-toolbar {
  background-color: var(--background-natural);
}
.note-editor.note-frame .note-toolbar .dropdown-toggle {
  border: none;
}
#reportEditContainer .panel-heading.note-toolbar .note-color .dropdown-menu {
  left: 0;
  transform: translateX(-43%);
}
.note-popover .popover-content .note-color .dropdown-menu .btn-group:first-child,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group:first-child {
  margin: 0;
}
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group {
  display: inline-block;
}
.note-editor .note-toolbar .note-color .dropdown-menu li {
  display: inline-flex;
}
.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title {
  color: var(--font-colour);
}
.note-popover .popover-content .note-color .dropdown-menu .btn-group:first-child:after,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group:first-child:after {
  content: '';
  display: table;
  clear: both;
}
.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row {
  display: flex;
}
#columnChooser .fc-field-list,
#publishedtabChooser .fc-field-list,
#tabChooser .fc-field-list,
#fieldChooser .fc-field-list,
#kipFieldChooser .fc-field-list {
  background-color: var(--background-content);
  padding: 6px !important;
}
#columnChooser div#fieldChooser,
#publishedtabChooser div#fieldChooser,
#tabChooser div#fieldChooser,
#fieldChooser div#fieldChooser,
#kipFieldChooser div#fieldChooser {
  background-color: var(--background-content);
}
#columnChooser .fc-field,
#publishedtabChooser .fc-field,
#tabChooser .fc-field,
#fieldChooser .fc-field,
#kipFieldChooser .fc-field {
  background-color: var(--background-natural);
  box-shadow: var(--modern-boxshadow);
  margin: 7px 4px;
  width: calc(100% - 8px);
  padding: 4px 6px;
  border-radius: var(--default-border-rad);
}
#columnChooser .fc-field.fc-selected,
#publishedtabChooser .fc-field.fc-selected,
#tabChooser .fc-field.fc-selected,
#fieldChooser .fc-field.fc-selected,
#kipFieldChooser .fc-field.fc-selected {
  background-color: var(--background-row-highlight);
  color: var(--background-row-highlight-foreground);
}
#publishedtabChooser .fc-field-list,
#tabChooser .fc-field-list {
  border: none;
  border-radius: var(--default-border-rad);
}
.ThemeNavigator {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 350px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -lh-property: 0;
  height: -webkit-calc(100vh - 45px);
  height: -moz-calc(100vh - 45px);
  height: calc(100vh - 45px);
  z-index: 1050;
  background-color: var(--background-flyout);
  transition: right 0.3s cubic-bezier(0.37, 0.59, 0.27, 1);
}
[dir='ltr'] .ThemeNavigator {
  right: -350px;
}
[dir='rtl'] .ThemeNavigator {
  left: -350px;
}
[dir='ltr'] .ThemeNavigator.open {
  right: 0;
}
[dir='rtl'] .ThemeNavigator.open {
  left: 0;
}
.ThemeNavigator > .ThemeNavigatorContent {
  padding: 20px;
}
.ThemeNavigator > .ThemeNavigatorContent > h1 {
  margin: 10px 0;
  padding: 0;
  font-size: 24px;
}
[dir='ltr'] .ThemeNavigator > .ThemeNavigatorContent > h1 > .btn {
  float: right;
}
[dir='rtl'] .ThemeNavigator > .ThemeNavigatorContent > h1 > .btn {
  float: left;
}
.ThemeNavigator > .ThemeNavigatorContent > h1 > .btn > i {
  margin: 0;
}
.ThemeNavigator > .ThemeNavigatorContent > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li {
  -webkit-box-shadow: var(--modern-boxshadow);
  -moz-box-shadow: var(--modern-boxshadow);
  box-shadow: var(--modern-boxshadow);
  width: calc(50% - 20px);
  margin: 10px;
  padding: 10px;
  border-radius: var(--default-border-rad);
  cursor: pointer;
  background-color: var(--background-natural);
  border: 4px solid transparent;
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li.active {
  border-color: var(--primary);
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon {
  height: 100px;
  width: 100%;
  overflow: hidden;
  font-size: 0;
  border-radius: var(--default-border-rad);
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon[data-theme=""] {
  --background-content: #eeeeee;
  --background-natural: white;
  --background-navigation: #35414a;
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon[data-theme="dark"] {
  --background-content: #2e2e2e;
  --background-natural: #202020;
  --background-navigation: #262f36;
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body {
  background-color: var(--background-content);
  width: 100%;
  height: 100%;
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body > .ti-header {
  height: 15px;
  background-color: var(--company-banner);
  box-shadow: var(--modern-boxshadow-darker);
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body > .ti-header > * {
  width: 50%;
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body > .ti-header h1 {
  width: 70%;
  height: 5px;
  background-color: var(--company-banner-foreground, --background-natural);
  display: block;
  margin: 5px;
  border-radius: var(--default-border-rad);
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body > .ti-header span {
  width: 5px;
  height: 5px;
  display: inline-block;
  margin: 5px 2px;
  background-color: var(--company-banner-foreground, --background-natural);
  border-radius: 50%;
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body > .ti-header .pull-right {
  text-align: right;
  padding-right: 3px;
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body > .ti-content {
  height: calc(100% - 15px);
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body > .ti-content > .ti-nav {
  width: 15px;
  height: 100%;
  display: inline-block;
  background-color: var(--background-navigation);
  box-shadow: var(--modern-boxshadow-darker);
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body > .ti-content > .ti-nav > span {
  background-color: white;
  margin: 5px;
  width: 5px;
  height: 5px;
  display: block;
  border-radius: 50%;
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body > .ti-content > .ti-dash {
  width: calc(100% - 15px);
  height: 100%;
  display: inline-block;
  overflow: hidden;
  padding: 2px;
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body > .ti-content > .ti-dash > h1 {
  width: 50%;
  height: 7px;
  background-color: var(--font-colour);
  display: block;
  margin: 2px;
  border-radius: calc(var(--default-border-rad) * .66);
  margin-left: 11px;
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body > .ti-content > .ti-dash > h1:before {
  content: '';
  width: 7px;
  height: 7px;
  display: inline-block;
  background-color: var(--system);
  float: left;
  margin-left: -9px;
  border-radius: calc(var(--default-border-rad) * .66);
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body > .ti-content > .ti-dash > h1:after {
  content: '';
  width: 7px;
  height: 7px;
  display: inline-block;
  background-color: var(--anchor);
  float: right;
  margin-right: -9px;
  border-radius: calc(var(--default-border-rad) * .66);
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body > .ti-content > .ti-dash > .ti-column {
  width: 50%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body > .ti-content > .ti-dash > .ti-column > .ti-widget {
  width: calc(100% - 4px);
  padding-top: 36%;
  display: inline-block;
  margin: 2px;
  background-color: var(--background-natural);
  border-radius: calc(var(--default-border-rad) * .66);
  box-shadow: var(--modern-boxshadow);
  position: relative;
  --padding: 3px;
  --d-size: 3px;
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body > .ti-content > .ti-dash > .ti-column > .ti-widget:not(.s):before {
  content: '';
  position: absolute;
  top: var(--padding);
  left: calc(var(--padding) + var(--d-size) + 1px);
  width: 45%;
  height: var(--d-size);
  background-color: var(--font-colour);
  border-radius: calc(var(--default-border-rad) *.25);
  opacity: 0.5;
  z-index: 1;
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body > .ti-content > .ti-dash > .ti-column > .ti-widget:not(.s):after {
  content: '';
  position: absolute;
  top: var(--padding);
  left: var(--padding);
  width: var(--d-size);
  height: var(--d-size);
  background-color: var(--system);
  border-radius: calc(var(--default-border-rad) *.25);
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body > .ti-content > .ti-dash > .ti-column > .ti-widget.s {
  width: calc(50% - 4px);
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > .theme-icon .ti-body > .ti-content > .ti-dash > .ti-column > .ti-widget.h {
  padding-top: calc(87% - 4px);
}
.ThemeNavigator > .ThemeNavigatorContent > ul > li > h2 {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 16px;
  text-align: center;
}
.editableTableFilter > div > span {
  font-size: 0;
}
.editableTableFilter > div > div.btn-group > a:before {
  display: inline-block;
  font: normal normal normal 0 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0b0";
  font-size: 14px;
  margin-inline-end: 5px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}
.editableTableButtonsFooter_scrolling {
  border-left: none !important;
  background-image: none !important;
}
.sidePanel-body-content {
  background-color: var(--background-natural);
  box-shadow: var(--modern-boxshadow) !important;
  border-radius: var(--default-border-rad) !important;
  border: none !important;
  padding: 20px;
  margin-top: 2px;
  margin-inline-end: 2px;
  margin-bottom: 2px;
}
.table thead.bordered-primary > tr > th {
  border-bottom-width: 1px !important;
}
div#pageWithSideBarContainer div#sidePanelBorder {
  background-color: var(--background-sidebar);
  box-shadow: none !important;
  min-height: calc(100vh - 140px);
  margin-inline-start: -14px;
  margin-top: -14px;
}
div#pageWithSideBarContainer div#financeSideBar > div.sidePanel > div.well > div.content {
  padding: 40px 15px 5px 25px !important;
}
div#schedulingContainer div#sidePanelBorder,
div#requestsContainer div#sidePanelBorder,
div#searchContainer div#searchSidePanelBorder {
  box-shadow: none !important;
  background-color: var(--background-capacity-sidebar);
}
[dir='ltr'] .sidePanel {
  margin: 0 0 0 8px;
}
[dir='rtl'] .sidePanel {
  margin: 0 8px 0 0;
}
#schedulingContainer .sidePanel {
  margin-inline-start: -4px;
}
.sidePanel .well .header,
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.header,
div#searchContainer div > div.searchSidePanel > div.well > div.header,
div#schedulingContainer div > div.sidePanel > div.well > div.header,
div#requestsContainer div > div.sidePanel > div.well > div.header {
  border-bottom: 1px solid var(--sidebar-header-border-color) !important;
  border-radius: 0;
  padding: 10px !important;
}
.sidePanel .well .header > *,
div#searchContainer div > div.searchSidePanel > div.well > div.header > *,
div#schedulingContainer div > div.sidePanel > div.well > div.header > *,
div#requestsContainer div > div.sidePanel > div.well > div.header > * {
  display: inline-block;
  vertical-align: middle;
}
.sidePanel .well .header > .themeprimary,
.sidePanel .well .header .well-buttons > a,
div#searchContainer div > div.searchSidePanel > div.well > div.header .well-buttons > a,
div#searchContainer div > div.searchSidePanel > div.well > div.header > .themeprimary,
div#schedulingContainer div > div.sidePanel > div.well > div.header .well-buttons > a,
div#schedulingContainer div > div.sidePanel > div.well > div.header > .themeprimary,
div#requestsContainer div > div.sidePanel > div.well > div.header .well-buttons > a,
div#requestsContainer div > div.sidePanel > div.well > div.header > .themeprimary {
  color: var(--sidebar-header-colour) !important;
}
.sidePanel .well .header.minimised,
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.header.minimised,
div#searchContainer div > div.searchSidePanel > div.well > div.header.minimised,
div#schedulingContainer div > div.sidePanel > div.well > div.header.minimised,
div#requestsContainer div > div.sidePanel > div.well > div.header.minimised {
  border: none !important;
  margin-inline-start: -14px;
  margin-top: 4px;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well {
  padding: 10px !important;
}
div#searchContainer div > div.searchSidePanel > div.well > div.content,
div#schedulingContainer div > div.sidePanel > div.well > div.content,
div#requestsContainer div > div.sidePanel > div.well > div.content {
  padding-top: 10px !important;
}
div#requestsContainer div > div.sidePanel > div.well > div.content > .row {
  margin-right: 0;
  margin-left: 0;
}
div#schedulingContainer div > div.sidePanel > div.well,
div#requestsContainer div > div.sidePanel > div.well {
  padding-top: 30px !important;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well,
div#searchContainer div > div.searchSidePanel > div.well,
div#schedulingContainer div > div.sidePanel > div.well,
div#requestsContainer div > div.sidePanel > div.well {
  background-color: var(--background-natural);
  box-shadow: var(--modern-boxshadow) !important;
  color: var(--sidebar-colour);
  margin-bottom: 10px;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well.minimised,
div#searchContainer div > div.searchSidePanel > div.well.minimised,
div#schedulingContainer div > div.sidePanel > div.well.minimised,
div#requestsContainer div > div.sidePanel > div.well.minimised {
  box-shadow: none !important;
  background-color: transparent;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content {
  padding: 40px 15px 5px 15px !important;
}
div#schedulingContainer div > div.sidePanel > div.well > div.content .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
div#schedulingContainer div > div.resourceLoad > div.editableView thead > tr > th:not(.description) {
  text-align: right;
}
div#schedulingContainer div > div.resourceLoad > div.editableView div div.tableHeaders {
  height: 35px;
}
div#schedulingContainer div > div.resourceLoad > div.editableView div.scrollingCollapsed > table {
  margin-top: -35px !important;
}
div#schedulingContainer div > div.resourceLoad > div.editableView tbody > tr.inlineedit > td > div.inlineedit {
  min-height: 185px;
}
div#schedulingContainer table.table th,
div#schedulingContainer table.table td {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
div#requestsContainer div.splitterArea {
  vertical-align: top;
}
div#requestsContainer .table,
div#requestsContainer div.table-scrollable {
  border: none !important;
}
div#requestsContainer tr.headerRow {
  height: auto !important;
}
div#requestsContainer th,
div#requestsContainer td {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  font-size: var(--font-size) !important;
  height: 38px;
}
div#requestsContainer div#requestsBackground {
  background-color: var(--background-content);
}
div#requestsContainer .sidePanel {
  width: 225px;
}
[dir='ltr'] div#requestsContainer .sidePanel {
  margin: 5px 0 0 3px;
}
[dir='rtl'] div#requestsContainer .sidePanel {
  margin: 5px 3px 0 0;
}
div#requestsContainer .editableView {
  background-color: var(--background-natural);
  box-shadow: var(--modern-boxshadow) !important;
  border-radius: var(--default-border-rad-extem) !important;
  padding: 10px;
}
[dir='ltr'] div#requestsContainer .editableView {
  margin: 0 -10px 0 2px;
}
[dir='rtl'] div#requestsContainer .editableView {
  margin: 0 2px 0 -10px;
}
.page-sidebar .sidebar-menu {
  /*position: fixed;*/
  z-index: 10;
  padding-bottom: 60px;
}
.page-sidebar {
  z-index: 1005;
}
div#pageWithSideBarContainer div#pageWithSidebarActionButtons {
  margin: 20px 20px 0 0;
  padding: 0;
}
.nav-tabs > li.active > a > .badge,
.nav-tabs > li.active > a > [class*="fa-"] {
  opacity: 1;
}
.nav-tabs > li > a > .badge,
.nav-tabs > li > a > [class*="fa-"] {
  margin: -3px 0;
}
.nav-tabs > li > a .fa,
.nav-tabs > li > a .glyphicon,
.nav-tabs > li > a .typcn,
.nav-tabs > li > a .wi {
  opacity: 1;
}
.modal .nav .dropdown-toggle {
  border: none;
}
.accordion.panel-group {
  border-color: var(--table-border-colour) !important;
}
.accordion.panel-group .panel-heading .accordion-toggle {
  background-color: var(--background-sidebar);
  color: var(--font-colour) !important;
}
.accordion.panel-group .panel-heading .accordion-toggle.collapsed {
  background-color: var(--background-content);
  border-bottom: none;
}
.accordion.panel-group .panel {
  background-color: var(--background-content);
}
.accordion.panel-group .panel-body {
  border-left: none;
  border-color: var(--table-border-colour) !important;
  background-color: var(--background-content);
  color: var(--font-colour) !important;
}
.accordion.panel-group:last-child {
  margin-bottom: 0 !important;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group,
.accordion.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top-color: var(--table-border-colour) !important;
}
.totalbuttonGroup > .btn {
  box-shadow: var(--modern-boxshadow) !important;
  margin-left: 10px !important;
  border-radius: var(--default-border-rad) !important;
  background-color: var(--background-sidebar) !important;
  opacity: 1;
}
div#schedulingContainer div > div.sidePanel > div.well > div.content .form-control {
  height: 100% !important;
}
div#schedulingContainer div > div.sidePanel > div.well > div.content .row .row {
  display: flex;
  align-items: stretch;
}
#TimeEntryContainer .timetoolbar > .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
  display: flex;
  align-items: center;
  float: none;
  padding-right: 25px;
}
#TimeEntryContainer .timetoolbar > .col-lg-12.col-md-12.col-sm-12.col-xs-12 > .pull-left {
  width: 60%;
  padding-right: 20px;
  float: none !important;
}
#TimeEntryContainer .timetoolbar > .col-lg-12.col-md-12.col-sm-12.col-xs-12 > .pull-left > .btn-toolbar {
  display: flex;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
}
#TimeEntryContainer .timetoolbar > .col-lg-12.col-md-12.col-sm-12.col-xs-12 > .pull-left > .btn-toolbar > * {
  padding: 0;
}
[dir='ltr'] #TimeEntryContainer .timetoolbar > .col-lg-12.col-md-12.col-sm-12.col-xs-12 > .pull-left > .btn-toolbar > * {
  margin: 5px 20px 5px 0;
}
[dir='rtl'] #TimeEntryContainer .timetoolbar > .col-lg-12.col-md-12.col-sm-12.col-xs-12 > .pull-left > .btn-toolbar > * {
  margin: 5px 0 5px 20px;
}
#TimeEntryContainer .timetoolbar > .col-lg-12.col-md-12.col-sm-12.col-xs-12 > .pull-left > .btn-toolbar .btn-group > .btn {
  border-radius: var(--default-border-rad) !important;
  padding: 7px 12px !important;
}
#TimeEntryContainer .timetoolbar > .col-lg-12.col-md-12.col-sm-12.col-xs-12 > .pull-right {
  width: 40%;
  float: none !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
[dir='ltr'] #TimeEntryContainer .timetoolbar > .col-lg-12.col-md-12.col-sm-12.col-xs-12 > .pull-right > * {
  margin: 5px 0 5px 10px;
}
[dir='rtl'] #TimeEntryContainer .timetoolbar > .col-lg-12.col-md-12.col-sm-12.col-xs-12 > .pull-right > * {
  margin: 5px 10px 5px 0;
}
#TimeEntryContainer .timetoolbar > .col-lg-12.col-md-12.col-sm-12.col-xs-12 > .pull-right > .totalbuttonGroup {
  padding: 0 !important;
}
#TimeEntryContainer .timetoolbar > .col-lg-12.col-md-12.col-sm-12.col-xs-12 > .pull-right > .right-tools > a {
  margin: 0 !important;
}
#TimeEntryContainer .input-group-xs > .form-control,
#TimeEntryContainer .input-group-xs > .input-group-addon,
#TimeEntryContainer .input-group-xs > .input-group-btn > .btn {
  height: auto;
}
#TimeEntryContainer .timetoolbar.row {
  border: none;
  background-color: var(--background-natural-transparent);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 27px;
}
#TimeEntryContainer div#TimeEntryWell {
  background-color: var(--background-content);
}
#TimeEntryContainer div#TimeEntryWell form {
  margin: 5px 0 0 0;
  background-color: var(--background-natural);
  box-shadow: var(--modern-boxshadow);
  border-radius: var(--default-border-rad-extem);
  padding: 10px;
}
#TimeEntryContainer .textPop .textPopTab {
  border-color: var(--timeEntry-popup-border);
  border-bottom: none !important;
  background-color: var(--background-natural);
  border-top-left-radius: var(--default-border-rad-extem);
  border-top-right-radius: var(--default-border-rad-extem);
}
#TimeEntryContainer .textPop .textPopContent {
  box-shadow: var(--modern-boxshadow-darker);
  border-color: var(--timeEntry-popup-border);
  margin-top: 1px;
  background-color: var(--background-natural);
  border-radius: var(--default-border-rad-extem);
}
#TimeEntryContainer .textPop .textPopContent .nav-tabs {
  background-color: transparent;
  border-radius: 0;
}
#TimeEntryContainer a#toggleWeekends {
  padding-right: 12px;
  margin-top: 2px;
}
#TimeEntryContainer #timeentry .timeOffRow {
  background-color: var(--background-content);
}
#TimeEntryContainer #timeentry .trTotalRow,
#TimeEntryContainer #timeentry .trTotalRow td {
  background-color: var(--background-content);
}
#TimeEntryContainer #timeentry .tview {
  color: var(--font-colour);
}
#TimeEntryContainer #timeentry .dataRow {
  background-color: var(--background-natural);
}
#TimeEntryContainer #timeentry .NonWorkingDay,
#TimeEntryContainer #timeentry .trTotalRow .NonWorkingDay {
  background-color: var(--background-sidebar);
}
#TimeEntryContainer #timeentry .readonlyDay,
#TimeEntryContainer #textPopInput[readonly] {
  background-color: var(--background-kanban-disabled) !important;
}
#TimeEntryContainer .tview .select2-container .select2-choice,
#TimeEntryContainer .tview .select2-container .select2-choice > .select2-chosen {
  background-color: transparent !important;
  border: none !important;
}
#TimeEntryContainer #timeentry textarea,
#TimeEntryContainer #timeentry input[type="text"],
#TimeEntryContainer #timeentry input[type="number"] {
  border-color: var(--table-border-colour);
}
#TimeEntryContainer .totalbuttonGroup > .btn {
  box-shadow: none !important;
  margin-left: 10px !important;
  border-radius: var(--default-border-rad) !important;
  background-color: var(--background-content) !important;
  opacity: 1;
}
#TimeEntryContainer .totalbuttonGroup > .btn .totalGroupVal {
  color: var(--font-colour) !important;
  opacity: 0.9;
}
#TimeEntryContainer .totalbuttonGroup > .btn .totalGroupText {
  color: var(--input-colour) !important;
  font-weight: bold;
  opacity: 0.75;
}
#TimeEntryContainer .dayEntry.readonlyDay {
  background-color: var(--table-border-colour) !important;
}
.tab-content {
  background-color: var(--background-content);
}
.daterangepicker .calendar-table {
  background-color: var(--background-natural);
}
.daterangepicker td.off {
  background-color: var(--background-sidebar);
}
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content #sidebarButtons {
  text-align: center;
}
div#pageWithSideBarContainer div > div.sidePanel > div.well > div.content div.sidebarBody {
  padding-left: 10px;
  padding-right: 10px;
}
.page-content > .masked > .loadmask {
  left: 6px;
}
form#filterForm {
  margin: 0 15px;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li:last-child > a[data-impersonating] {
  width: auto !important;
  border-radius: 3px;
  background-color: var(--impersonating-colour);
  -webkit-animation: impersonating 2s ease-in-out alternate infinite;
  -moz-animation: impersonating 2s ease-in-out alternate infinite;
  -o-animation: impersonating 2s ease-in-out alternate infinite;
  animation: impersonating 2s ease-in-out alternate infinite;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li:last-child > a[data-impersonating] .avatar {
  width: auto !important;
  border-radius: 0;
  padding: 1px 5px;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li:last-child > a[data-impersonating] .avatar > * {
  display: inline-block;
  vertical-align: middle;
  margin-top: 3px;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li:last-child > a[data-impersonating] .avatar > span {
  font-size: 12px;
  color: white;
  /*todo*/
  margin-left: 5px;
}
@-webkit-keyframes impersonating {
  from {
    background-color: var(--impersonating-colour);
  }
  to {
    background-color: transparent;
  }
}
@-moz-keyframes impersonating {
  from {
    background-color: var(--impersonating-colour);
  }
  to {
    background-color: transparent;
  }
}
@-o-keyframes impersonating {
  from {
    background-color: var(--impersonating-colour);
  }
  to {
    background-color: transparent;
  }
}
@keyframes impersonating {
  from {
    background-color: var(--impersonating-colour);
  }
  to {
    background-color: transparent;
  }
}
span.projectEntityIdentifier {
  background-color: var(--background-e-highlight);
  border-radius: var(--default-border-rad);
  display: inline-block;
  padding: 2px 4px;
}
div#basePage div.basePageBody div.editableView th.editableTableButtonsHeader,
div#basePage div.basePageBody div.editableView td.editableTableButtons {
  margin-left: 15px;
  background-color: var(--color-surface);
}
div#basePage div.basePageBody div.editableView table.table {
  padding-top: 30px;
  margin-left: 30px;
  width: calc(100% - 30px);
}
div#basePage div.basePageEditableView div#editableViewButtons {
  margin-top: 5px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  border: none;
  border-top: none !important;
  border-bottom: 1px dashed var(--table-border-colour) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 10px !important;
  height: auto !important;
  background-color: transparent !important;
}
div#basePage div.basePageEditableView div#editableViewButtons #widgetActions {
  padding: 0;
}
div#basePage div.basePageEditableView div.editableView table.table {
  margin-left: 31px;
  width: calc(100% - 31px);
}
div#basePage div.basePageEditableView div.editableView table.table td.editableTableButtons {
  margin-top: 0 !important;
}
div#basePage div.basePageEditableView div.editableView th.editableTableButtonsHeader,
div#basePage div.basePageEditableView div.editableView td.editableTableButtons {
  margin-left: 5px;
}
div#workflowStatuses {
  border-radius: var(--default-border-rad);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 10px;
  background-color: var(--background-natural);
}
div#workflowStatuses #workflowsPage table #workflowRow #workflowStatusMovementItem .dd-handle {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 12px;
}
div#workflowStatuses #workflowsPage table #workflowRow #workflowStatusMovementItem .statusMovementOptions {
  margin-left: auto;
}
.tab-content.radius-bordered {
  -webkit-border-radius: var(--default-border-rad);
  -moz-border-radius: var(--default-border-rad);
  border-radius: var(--default-border-rad);
  box-shadow: none;
}
#ProjectTypeFields .list-group-item {
  border: none;
}
#ProjectTypeFields ul.fieldsList li.fieldItem {
  text-align: left !important;
  border: none !important;
  background-color: var(--background-field-list) !important;
  border-radius: var(--default-border-rad);
}
#ProjectTypeFields ul.fieldsList li.fieldItem:hover,
#ProjectTypeFields ul.fieldsList li.fieldItem:hover .options {
  background-color: var(--background-field-list-hover) !important;
}
#ProjectTypeFields div.form-title {
  background-color: var(--primary);
  color: var(--primary-foreground);
  /*todo*/
  padding: 4px 6px !important;
  border-radius: var(--default-border-rad);
  width: 100%;
  margin-bottom: 5px !important;
  border: 0;
}
#ProjectTypeFields div.form-title a.options > i {
  color: white;
  /*todo*/

}
#ProjectTypeFields .ui-state-highlight {
  border-radius: var(--default-border-rad) !important;
  padding: 10px 15px !important;
  margin: 10px 0;
  opacity: 1 !important;
}
#ProjectTypeFields .ui-state-highlight:first-child {
  margin-top: 0;
}
#ProjectTypeFields .fieldsColumn.list-group-item {
  padding: 10px 0 0 0;
  background-color: var(--background-modal-content);
}
#ProjectTypeFields .fieldsColumn.list-group-item:nth-child(1) {
  padding-right: 10px;
}
#ProjectTypeFields .fieldsColumn.list-group-item:nth-child(2) {
  padding-left: 10px;
}
#ProjectTypeFields div.fieldsColumn ul.fieldsList {
  padding: 5px 0;
}
#ProjectTypeFields div.fieldsColumn ul.fieldsList li:last-child {
  background-color: transparent;
}
#ProjectTypeFields .tab-content {
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px;
}
div#notificationsContainer div#notificationsBackground {
  background-color: var(--background-natural);
}
div#notificationsContainer form#notification-index-form #notification-table tr#groupHeader {
  position: sticky;
  top: 52px;
  z-index: 1001;
}
div#notificationsContainer form#notification-index-form #notification-table tr#groupHeader > th {
  border: none;
  background-color: var(--background-sidebar);
}
div#notificationsContainer form#notification-index-form #notification-table tr.row td#notification-message .notification-text {
  color: var(--font-colour);
}
div#customFieldsPage div.basePageFilterPanel {
  margin: -5px;
  border: none;
  padding: 20px 10px !important;
  border-radius: var(--default-border-rad-extem);
}
div#customFieldsPage div#customFieldEditableViewContainer {
  background-color: var(--background-content);
}
.page-header .header-title h1 {
  color: var(--page-header-font-colour);
}
.modal-content,
div.modal-content div.editpage div.tab-content {
  background-color: var(--background-modal-content) !important;
  color: var(--font-colour);
}
.single-page {
  background-color: var(--background-modal-content) !important;
}
.fieldTabs li .btn-group {
  top: 7px;
}
.editableProjectMenu li {
  border: none;
}
div#schedulingContainer div#resourceLoadBackground,
div#schedulingContainer div > div.resourceLoad {
  background-color: var(--background-natural);
}
#capacityTable {
  border: none !important;
}
.widget .curtain {
  background-color: var(--background-natural);
}
.widget .curtain > div > div {
  background-color: var(--font-colour) !important;
}
.single-widget-page .curtain {
  position: absolute;
  min-height: 100px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
div#basePage div.basePageFilterPanel {
  border-top: none !important;
  margin: 0 !important;
  background-color: var(--background-context) !important;
  border-bottom: 1px dashed var(--table-border-colour) !important;
  padding-bottom: 15px !important;
  margin-bottom: 15px !important;
}
div#basePage div.basePageEditableView div.editableTable.hasOperations {
  margin-left: 0;
}
div#kanbanPage {
  background-color: var(--background-context) !important;
}
div.kanbanWidget {
  background-color: var(--background-kanban) !important;
  left: 10px !important;
  right: 10px !important;
  width: 100% !important;
  border-radius: var(--default-border-rad) !important;
}
div.kanbanWidget .kanbanRow {
  background-color: transparent !important;
  padding: 10px 30px 0 !important;
}
div.kanbanWidget .kanbanRow .kanbanCol {
  padding: 5px !important;
  max-width: 300px !important;
  /*min-width: unset !important;*/
  min-height: calc(100vh - 250px);
  background-color: var(--background-natural);
  margin-bottom: 0 !important;
}
div.kanbanWidget .kanbanRow .kanbanCol.disabled {
  background-color: var(--background-kanban-disabled);
}
div.kanbanWidget .kanbanRow .kanbanCol .kanban-section-header {
  border: none !important;
  font-size: 110% !important;
  padding: 10px !important;
}
div.kanbanWidget .kanbanRow .kanbanCol .kanban-section-header strong {
  text-transform: uppercase !important;
}
div.kanbanWidget li.kanban-card {
  min-height: 80px !important;
  border: 2px solid var(--table-border-colour) !important;
  background-color: var(--background-kanban) !important;
  padding: 10px 14px;
}
div.kanbanWidget li.kanban-card .kanban-card-icons {
  right: 14px;
  top: 10px;
}
div.kanbanWidget li.kanban-card .expandedTasksArea {
  width: 107%;
}
div.kanbanWidget li.kanban-card .expandedTasksArea hr {
  border: none;
  border-bottom: 1px dashed var(--table-border-colour);
}
li.kanban-card {
  border: 2px solid var(--table-border-colour) !important;
  background-color: var(--background-kanban) !important;
}
li.kanban-card:hover .kanbanCardOptions {
  background-color: transparent !important;
}
#taskKanban-config .dropdown-menu a,
#milestone-kanban-config .dropdown-menu a {
  color: var(--font-colour) !important;
}
.widget-content div#taskKanbanPage #editableViewButtons {
  padding: 0 10px !important;
}
.widget-content div#taskKanbanPage .kanbanRow {
  padding: 10px 25px !important;
}
.widget-content div#taskKanbanPage div.kanbanWidget {
  margin: 0px 0px 0px -10px !important;
}
.widget-content div#taskKanbanPage #changeKanbanView option {
  color: var(--font-colour);
  background-color: var(--background-content);
}
div#taskKanbanPage .fa-paperclip,
#taskKanban-config .fa-paperclip,
#milestone-kanban-config .fa-paperclip {
  color: var(--font-colour) !important;
}
#taskKanbanViewContainer li.kanban-card .kanban-card-details .contentArea > *,
#milestoneKanbanViewContainer li.kanban-card .kanban-card-details .contentArea > * {
  color: var(--font-colour) !important;
}
div.widgetPageTabs:not(div.widgetPageTabs div.widgetPageTabs) {
  margin: 10px 10px 10px 15px;
}
div.widgetPageTabs .toolbar-header {
  position: relative;
  top: 0;
  box-shadow: none;
  margin-bottom: 10px;
  padding: 5px;
}
div.widgetPageTabs .toolbar-header .viewToolbar {
  padding-left: 0;
}
[dir='rtl'] div.widgetPageTabs .toolbar-header .viewToolbar {
  padding-right: 0 !important;
}
div.widgetPageTabs .tabbable {
  width: 100%;
  border-bottom: 1px solid var(--table-border-colour);
}
div.widgetPageTabs .tabbable .nav-tabs {
  margin-bottom: -1px;
}
.panel-content > .widgetPage {
  margin: 10px 10px 10px 15px !important;
}
.loadMore {
  text-align: center;
}
.loadMore > a {
  float: none !important;
  padding: 6px 12px;
  display: block;
}
.loadMore > a > i {
  margin-right: 5px;
}
.loadMore > i {
  float: none !important;
  margin: 9px 0;
}
div#editableScenarioContainer div.editableView div.fixedDivHeader table {
  margin-bottom: 3px;
}
div#scenarioSearchPage #portfolioSelectionContainer .row {
  display: flex;
  align-items: center;
  flex-direction: row;
}
div#scenarioSearchPage #portfolioSelectionContainer .row div#portfolioSelectionLabel {
  float: none;
  padding: 0 10px 0 10px !important;
}
div#scenarioSearchPage div#scenarioSearchViewContainer {
  margin: 0 !important;
}
div#scenarioSearchPage div#scenarioSearchViewContainer div#editableViewButtons {
  margin: 10px 0 !important;
}
#portfolioHeader .row > div .row > div {
  display: flex;
  flex-direction: row;
}
#portfolioHeader .row > div .row > div > div > .btn {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#portfolioHeader .row > div .row > div > div > .btn > i {
  margin-right: 8px;
}
#portfolioHeader .portfolio-wip-background-color {
  background-color: var(--background-portfolio-wip);
}
div#pageWithSideBarContainer div#portfolioCapacitySideBar div#differenceType,
div#pageWithSideBarContainer div#portfolioCapacitySideBar div#roles {
  padding-left: 10px !important;
}
body div#PortfolioCapacityTableContainer table#PortfolioCapacityTable td.rowGroupHeader,
body div#PortfolioCapacityTableContainer table#PortfolioCapacityTable td.rowHeader {
  background-color: var(--background-sidebar) !important;
}
div#portfolioCapacityWidgetBodyContainer div#pageWithSidebarActionButtons {
  margin: 0;
}
div#SavePicker {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
div#SavePicker #s2id_SaveFilter {
  width: 100% !important;
}
div#SavePicker #refreshIconDiv {
  float: none !important;
  margin-top: 0;
  margin-inline-start: 5px;
  height: 30px;
  width: 30px;
}
div#SavePicker #refreshIconDiv .refreshIcon {
  float: none;
  font-size: 110%;
}
[dir='ltr'] div#SavePicker #refreshIconDiv .refreshIcon {
  margin: 0 0 0 -4px;
}
[dir='rtl'] div#SavePicker #refreshIconDiv .refreshIcon {
  margin: 0 -4px 0 0;
}
.fusionchart .fusion-toolbar {
  background-color: var(--background-fusion-chart);
}
.fusionchart .fusion-toolbar .left,
.fusionchart .fusion-toolbar .right {
  border-color: var(--table-border-colour);
}
.fusionchart .fusion-toolbar button {
  background-color: transparent !important;
  color: var(--font-colour);
}
.highcharts-drilldown-axis-label {
  color: #0ea3c4 !important;
  fill: #0ea3c4 !important;
  text-decoration-color: #003399;
}
.highcharts-drilldown-axis-label tspan,
.highcharts-drilldown-axis-label span {
  color: var(--anchor, inherit) !important;
  fill: var(--anchor, inherit) !important;
  text-decoration-color: var(--anchor, inherit) !important;
}
.highcharts-drilldown-data-label {
  text-decoration: underline !important;
  fill: #003399;
}
.highcharts-data-label text {
  fill: #0ea3c4 !important;
  text-decoration: none !important;
}
body[data-theme="dark"] .highcharts-drilldown-axis-label,
body[data-theme="sciformadark"] .highcharts-drilldown-axis-label {
  color: #0993e3 !important;
  fill: #0993e3 !important;
  text-decoration-color: #003399;
}
body[data-theme="dark"] .highcharts-data-label text,
body[data-theme="sciformadark"] .highcharts-data-label text {
  fill: #0993e3 !important;
  text-decoration: none !important;
}
body[data-theme="dark"] .highcharts-text-outline {
  stroke: none !important;
  fill: none !important;
}
body[data-theme="sciformadark"] .highcharts-text-outline {
  stroke: black !important;
  fill: black !important;
}
body[data-theme="sciformadark"] .highcharts-drilldown-data-label {
  text-decoration: underline !important;
  fill: #003399;
}
/* Stacked bar/column labels */

.highcharts-data-label.stacked-total-label text {
  fill: black !important;
}
.heatmap-value-label-small text {
  font-size: 15px !important;
}
.heatmap-summary-label-small text {
  font-size: 10px !important;
  text-indent: 2px !important;
}
.heatmap-value-label-medium text {
  font-size: 21px !important;
}
.heatmap-summary-label-medium text {
  font-size: 14px !important;
  text-indent: 4px !important;
}
.heatmap-value-label-large text {
  font-size: 24px !important;
}
.heatmap-summary-label-large text {
  font-size: 16px !important;
  text-indent: 6px !important;
}
.heatmap-chart .highcharts-label {
  cursor: pointer;
}
.heatmap-chart .highcharts-series-group rect {
  cursor: pointer;
}
.chartTable-back-button {
  float: right;
  margin-top: 5px;
  width: 37px;
  height: 37px;
  color: var(--table-border-colour) !important;
  border: 1px solid #cccccc;
  border-radius: 2px;
}
.chartTable-back-button tspan {
  font-size: 16px;
}
/*.modal-body {
	.col-xs-1,
	.col-sm-1,
	.col-md-1,
	.col-lg-1,
	.col-xs-2,
	.col-sm-2,
	.col-md-2,
	.col-lg-2,
	.col-xs-3,
	.col-sm-3,
	.col-md-3,
	.col-lg-3,
	.col-xs-4,
	.col-sm-4,
	.col-md-4,
	.col-lg-4,
	.col-xs-5,
	.col-sm-5,
	.col-md-5,
	.col-lg-5,
	.col-xs-6,
	.col-sm-6,
	.col-md-6,
	.col-lg-6,
	.col-xs-7,
	.col-sm-7,
	.col-md-7,
	.col-lg-7,
	.col-xs-8,
	.col-sm-8,
	.col-md-8,
	.col-lg-8,
	.col-xs-9,
	.col-sm-9,
	.col-md-9,
	.col-lg-9,
	.col-xs-10,
	.col-sm-10,
	.col-md-10,
	.col-lg-10,
	.col-xs-11,
	.col-sm-11,
	.col-md-11,
	.col-lg-11,
	.col-xs-12,
	.col-sm-12,
	.col-md-12,
	.col-lg-12 {
		padding-right: 10px;
		padding-left: 10px;
	}
}*/

.kipToolbar,
#GanttMain,
#GanttDetail,
#GanttCopy {
  background-color: var(--background-sidebar);
  border-color: var(--background-sidebar);
  color: var(--font-colour);
}
.toolbarGroupName {
  border-color: var(--table-border-colour);
  color: var(--font-colour);
}
.kipToolbar i.htmlIconWithClick,
.kipToolbar .fa-spin,
.kipToolbar .btn-group > button {
  color: var(--font-colour);
}
.kipToolbar span.separator {
  background-color: var(--table-border-colour);
}
#GanttToolbar .btn:hover,
#GanttAssignmentToolbar .btn:hover,
.kipToolbar i.htmlIconWithClick:hover {
  background-color: var(--background-e-highlight);
}
#GanttToolbar .btn.active,
#GanttAssignmentToolbar .btn.active,
div#effort-usage-wrapper > .fa.active {
  border-color: var(--treegrid-primary);
  background-color: var(--treegrid-primary);
}
div.popup-template-provider {
  border-color: var(--treegrid-primary);
  box-shadow: var(--modern-boxshadow-modal);
}
div.popup-template-provider > #header {
  background-color: var(--treegrid-primary);
}
div.popup-template-provider > #arrow {
  border-bottom-color: var(--treegrid-primary);
}
div.popup-template-provider > .content {
  background-color: var(--background-modal-content) !important;
}
div#searchContainer div#queriesBackground {
  background-color: var(--background-content) !important;
}
div#searchContainer div#searchSidePanelBorder {
  background-color: var(--background-sidebar) !important;
}
div#searchContainer .filterGroupHeader {
  color: var(--filter-group-header-foreground) !important;
}
div#searchContainer div > div.searchPane {
  background-color: var(--background-natural) !important;
}
div#searchContainer div#filterContainer {
  position: relative;
  background-color: var(--background-natural);
  box-shadow: var(--modern-boxshadow) !important;
  border-radius: var(--default-border-rad) !important;
  padding: 15px;
}
div#searchContainer div#filterContainer div#filterInfo {
  color: var(--font-colour);
}
div#searchContainer div#filterContainer div.kip-l-inner {
  -webkit-transform: translate(-50%, -50%) scale(0.75) !important;
  -moz-transform: translate(-50%, -50%) scale(0.75) !important;
  -o-transform: translate(-50%, -50%) scale(0.75) !important;
  transform: translate(-50%, -50%) scale(0.75) !important;
}
div#searchContainer div#filterContainer div.kip-loader-outer,
div#searchContainer div#filterContainer div.kip-loader-wrapper,
div#searchContainer div#filterContainer .loader-wrapper {
  position: relative;
  min-height: 150px;
  background-color: var(--background-natural) !important;
}
.modal div#searchContainer div#filterContainer {
  background-color: transparent;
  box-shadow: none !important;
  padding: 0 !important;
}
#reportEditContainer {
  background-color: var(--background-modal-headerfooter) !important;
}
#reportEditContainer .errorcontainer .alert::after {
  background-color: var(--background-modal-content) !important;
}
#reportEditContainer div#kip-initialisation-mask {
  top: 0 !important;
}
#reportEditContainer .report-content {
  background-color: var(--background-modal-content) !important;
}
#reportEditContainer .report-content > #report-tutorial > .rt-container[data-for='message'] > div > p {
  text-shadow: -1px 0 var(--text-shadow), 0 1px var(--text-shadow), 1px 0 var(--text-shadow), 0 -1px var(--text-shadow) !important;
}
#reportEditContainer .report-content > #report-tutorial > .rt-container[data-for='message'] > div > p::before {
  width: 20px !important;
  height: 20px !important;
}
#reportEditContainer .report-content > #report-tutorial > .rt-container[data-for='message'] > div > p.complete > span.fa {
  margin-left: 5px !important;
}
#reportEditContainer .report-content > #report-tutorial > .rt-container[data-for='message'] > div > p.complete {
  color: var(--reporting-faded-text) !important;
}
#reportEditContainer .report-content div#report-data span.widget-caption {
  background-color: var(--background-e-highlight) !important;
  color: var(--background-e-highlight) !important;
}
#reportEditContainer .report-content div#report-data .report-data-type > .toolbar {
  border-color: var(--background-modal-headerfooter) !important;
}
#reportEditContainer .report-content div#report-data .report-data-type > .toolbar > h1.report-widget-title {
  width: calc(100% - 241px);
  border-color: var(--background-modal-headerfooter) !important;
}
#reportEditContainer .report-content div#report-data .report-data-type > .toolbar > .right-item {
  border-color: var(--background-modal-headerfooter) !important;
}
#reportEditContainer .report-content div#report-data .report-data-type > .toolbar > .right-item > .btn-group > button {
  border: none !important;
  color: var(--font-colour) !important;
}
#reportEditContainer .nav-tabs {
  position: relative;
  z-index: 999;
}
#reportEditContainer .nav-tabs > li.active > a,
#reportEditContainer .nav-tabs > li.active > a:hover,
#reportEditContainer .nav-tabs > li.active > a:focus {
  background-color: var(--background-modal-content) !important;
}
#reportEditContainer .tab-content,
#reportEditContainer ul#ReportTabs {
  background-color: var(--background-modal-content) !important;
}
#reportEditContainer .accordion.panel-group .panel-body {
  background-color: var(--background-modal-content) !important;
  color: var(--font-colour);
}
#reportEditContainer .report-snap-window > .window-control {
  border-color: var(--background-modal-headerfooter) !important;
  background-color: var(--background-e-highlight) !important;
}
#reportEditContainer .report-snap-window > .window-control > h1,
#reportEditContainer .report-snap-window > .window-control > .tools {
  background-color: var(--background-e-highlight) !important;
  color: var(--font-colour) !important;
}
#reportEditContainer .report-snap-window > .window-control > .grabber {
  background-color: #78787847 !important;
}
#reportEditContainer .wizard-button {
  background-color: var(--background-modal-content) !important;
  border-color: var(--background-modal-headerfooter) !important;
}
#reportEditContainer .panel-heading > h4.panel-title > a {
  background-color: var(--background-sidebar) !important;
  color: var(--sidebar-header-colour) !important;
  border-color: var(--background-natural-stripped) !important;
}
#reportEditContainer .tab-pane > .panel-group > .panel:last-child {
  border: none !important;
}
#reportEditContainer .report-filter-item-sorting,
#reportEditContainer .report-filter-item {
  border-color: var(--table-border-colour) !important;
  background-color: var(--reporting-tile-background) !important;
  border-radius: var(--default-border-rad) !important;
  color: var(--font-colour);
}
#reportEditContainer .report-filter-item-sorting,
#reportEditContainer .report-filter-item-sorting-sm {
  background-color: var(--background-modal-content) !important;
}
#reportEditContainer .report-table-properties {
  background-color: var(--background-modal-content) !important;
}
#reportEditContainer .report-table-properties h1#properties-selectedid {
  border-color: var(--background-modal-headerfooter) !important;
  color: var(--font-colour) !important;
}
#reportEditContainer .report-table-properties .border-strip .border-box > .border-all,
#reportEditContainer .report-table-properties .border-strip .border-box > .border-horizontal,
#reportEditContainer .report-table-properties .border-strip .border-box > .border-vertical {
  border-color: var(--background-modal-content) !important;
}
#reportEditContainer .report-table-properties .tab-content .form-group .checkbox span.text-block {
  color: var(--font-colour) !important;
  width: calc(100% - 29px) !important;
}
#reportEditContainer .report-table-properties .tab-content .form-group.properties-text-alignment-section .btn {
  color: var(--font-colour) !important;
}
#reportEditContainer .report-table-properties .tab-content .form-group.properties-text-alignment-section div.col-sm-2 .btn-primary i.custom-alignment {
  filter: invert(0);
}
#reportEditContainer .report-table-properties .tab-content .form-group.properties-text-alignment-section div.col-sm-2 i.custom-alignment {
  filter: invert(var(--invert-rate));
}
#reportEditContainer .report-table-properties .conditional-formatting-wrapper .cfw-toolbar {
  border-bottom-color: var(--table-border-colour) !important;
}
#reportEditContainer #properties-tab-appearance hr {
  border-color: var(--background-modal-headerfooter) !important;
}
#reportEditContainer .more-options-btn {
  padding: 0px 7px 7px 7px !important;
  border-radius: var(--default-border-rad) !important;
}
[dir='ltr'] #reportEditContainer .more-options-btn {
  margin: 2px 4px 0 auto !important;
}
[dir='rtl'] #reportEditContainer .more-options-btn {
  margin: 2px auto 0 4px !important;
}
#reportEditContainer .more-options-btn:hover {
  background-color: var(--background-e-highlight) !important;
}
#reportEditContainer .more-options-menu {
  background-color: var(--background-e-highlight) !important;
  border: none !important;
  box-shadow: var(--modern-boxshadow-modal) !important;
  padding: 4px !important;
  overflow: hidden !important;
  border-radius: var(--default-border-rad) !important;
}
#reportEditContainer .more-options-menu span {
  border: none !important;
  display: block;
  margin-bottom: 7px !important;
  border-radius: var(--default-border-rad) !important;
  color: var(--font-colour) !important;
  position: relative;
}
#reportEditContainer .more-options-menu span:last-child {
  margin-bottom: 0 !important;
}
#reportEditContainer .more-options-menu span:hover {
  background-color: var(--background-sidebar) !important;
  color: var(--font-colour) !important;
}
#reportEditContainer .more-options-menu span:not(:last-child):after {
  content: '' !important;
  margin: 2px;
  height: 1px;
  background-color: var(--table-border-colour);
  position: absolute;
  left: -6px;
  right: -6px;
  bottom: -6px;
}
#reportEditContainer #report-data .alert span.btn {
  color: white !important;
  float: left !important;
}
div#reportEditContainer-paneltabs > div > ul > li > a {
  background-color: var(--background-e-highlight) !important;
  color: var(--font-colour) !important;
}
div#reporting-conditionalformatting-cloning > div[class*='col'] > ul > li {
  background-color: var(--reporting-tile-background) !important;
}
.modal.reporting-configure-widget .modal-dialog .modal-body {
  border-color: var(--background-modal-content) !important;
  background-color: var(--background-modal-content) !important;
}
.reporting-configure-widget .conditionexpression {
  background-color: var(--background-sidebar) !important;
  border-color: var(--table-border-colour) !important;
  border-radius: var(--default-border-rad) !important;
}
.reporting-configure-widget .conditionexpression > .ce-join {
  background-color: #673ab7 !important;
}
.reporting-configure-widget .conditionexpression > .ce-join > .ce-join-string {
  color: white !important;
}
.reporting-configure-widget .conditionexpression > .ce-logic > * {
  background-color: var(--background-e-highlight) !important;
}
.reporting-configure-widget .conditionexpression > .ce-logic > input.form-control {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-color: var(--table-border-colour) !important;
  width: calc(60% - 54px) !important;
}
.reporting-configure-widget .conditionexpression > .ce-logic a.select2-choice {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.reporting-configure-widget .conditionexpression > .ce-logic > span.input-group-addon {
  margin-left: 4px !important;
}
.reporting-configure-widget .conditionexpression > .ce-options .btn {
  border-radius: var(--default-border-rad) !important;
}
#ConditionEditor .condition-color-swatch {
  margin-left: 0;
}
input[type=checkbox] ~ .text,
input[type=radio] ~ .text,
input[type=radio] ~ .text-block {
  color: var(--font-colour);
}
.DTTTFooter {
  background-image: none;
  background-color: var(--table-footer-surface);
  color: var(--font-colour);
}
.DTTTFooter ul.pagination > li > * {
  background-color: var(--background-content);
  color: var(--font-colour);
}
.DTTTFooter .pagination > li.disabled > a,
.DTTTFooter .pagination > li.disabled > a:hover,
.DTTTFooter .pager > li.disabled > a,
.DTTTFooter .pager > li.disabled > a:hover {
  border: none;
  background-color: var(--background-content);
  opacity: 0.5;
}
.DTTTFooter .pagination > li.active > a,
.DTTTFooter .pagination > li.active > a:hover {
  background-color: var(--primary);
  color: var(--font-colour-invert);
}
#collaboration-list {
  background-color: var(--background-natural) !important;
}
#collaboration-list ul.select2-choices {
  background-color: var(--background-natural);
}
#collaboration-list .collaboration-list-item .commentList .commentAddForm .input-group {
  display: flex;
  align-items: stretch;
}
#collaboration-list .collaboration-list-item .commentList .commentAddForm .input-group-addon {
  display: block;
  width: auto;
}
#collaboration-list .collaboration-list-item .commentList .commentAddForm .input-group-addon button {
  display: block;
  height: 100%;
}
#collaboration-list .alert {
  margin-bottom: 5px !important;
}
#collaboration-list .comment-image .btnDelete {
  color: var(--font-color);
  text-shadow: var(--modern-boxshadow);
}
#collaboration_AddNewPostForm {
  margin: 5px 0;
}
#collaboration_AddNewPostForm textarea#Text {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: none !important;
}
#collaboration_AddNewPostForm ul.select2-choices {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top-style: dashed;
}
.modal #collaboration-list {
  background-color: var(--background-modal-content) !important;
}
ngx-datatable .datatable-header {
  height: auto !important;
  font-size: var(--font-size);
  border-color: var(--primary);
}
ngx-datatable .datatable-body-cell {
  font-size: var(--font-size);
  line-height: 1.265 !important;
  vertical-align: middle !important;
  border-top-style: dashed !important;
  color: var(--font-colour);
}
ngx-datatable .datatable-body-cell-label > span,
ngx-datatable .datatable-header-cell-wrapper > span {
  margin-top: 11px !important;
  margin-inline-start: 6px !important;
}
ngx-datatable .datatable-row-wrapper:first-child .datatable-body-cell {
  border: none !important;
}
#configsettingsform .modalView .checkbox {
  padding-left: 10px !important;
  overflow: hidden;
}
#configsettingsform .modalView #customFieldSettingsView .checkbox {
  padding-left: 0 !important;
}
.TSMenuMain {
  z-index: 10000;
}
.TreeGridTip {
  /* used in gantt hovers */
  color: var(--tg-foreground) !important;
  background-color: var(--tg-background-fill) !important;
  padding: 2px;
}
.TSMessage {
  border: none;
  border-radius: var(--default-border-rad);
  box-shadow: var(--modern-boxshadow-darker);
  overflow: hidden;
  z-index: 1266;
}
.TSMessage button {
  border-radius: var(--default-border-rad);
}
div#error-ranks > div {
  border-color: var(--table-border-colour) !important;
}
div.search-strip div[data-type='option'] .dropdown .dropdown-menu {
  padding: 5px 0 !important;
}
div.search-strip div[data-type='option'] .dropdown .dropdown-menu > .tools > .search > input[type="text"] {
  width: calc(100% - 25px);
  padding-left: 0 !important;
}
div.search-strip > div.search-input > input[type='text'] {
  color: black;
}
.tooltip.left .tooltip-arrow {
  border-left-color: var(--table-border-colour);
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: var(--table-border-colour);
}
.tooltip.right .tooltip-arrow {
  border-right-color: var(--table-border-colour);
}
.tooltip.top .tooltip-arrow {
  border-top-color: var(--table-border-colour);
}
.tooltip-inner {
  background-color: var(--background-content) !important;
  border-color: var(--table-border-colour) !important;
  color: var(--font-colour) !important;
  box-shadow: var(--modern-boxshadow-darker) !important;
}
.tooltip-inner > .tooltipTable tr {
  border-bottom-style: dashed !important;
}
.tooltip-inner > .tooltipTable tr:last-child {
  border-bottom: none !important;
}
.tooltip-inner > .tooltipTable tr th,
.tooltip-inner > .tooltipTable tr td {
  padding: 4px 6px !important;
}
.close {
  text-shadow: none !important;
}
.kip_ModalSidePopup .filter-modal,
#kip_ModalPopup .filter-modal {
  background-color: var(--background-modal-content);
}
.kip_ModalSidePopup .custompopup,
#kip_ModalPopup .custompopup {
  background-color: var(--background-natural);
  box-shadow: var(--modern-boxshadow-darker) !important;
}
.kip_ModalSidePopup .custompopup .modal-header,
#kip_ModalPopup .custompopup .modal-header {
  background-color: var(--background-natural) !important;
  color: var(--font-colour) !important;
}
.kip_ModalSidePopup .custompopup .modal-header.angular-header,
#kip_ModalPopup .custompopup .modal-header.angular-header {
  margin-left: -30px !important;
  margin-right: -30px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.kip_ModalSidePopup .custompopup .modal-footer,
#kip_ModalPopup .custompopup .modal-footer {
  margin: 0px -30px -30px -30px;
  padding: 20px 30px 0px 30px;
}
.kip_ModalSidePopup .angular-modal textarea.form-control,
#kip_ModalPopup .angular-modal textarea.form-control {
  font-size: var(--font-size) !important;
}
div#basePage div#ExchangeRateEditableView {
  margin: 0 !important;
}
div#exchangeRatePage {
  margin: 5px;
  background-color: var(--background-natural);
  box-shadow: var(--modern-boxshadow) !important;
  border-radius: var(--default-border-rad-extem) !important;
  padding: 10px;
}
div#exchangeRatePage #ExchangeRateEditableView .editableTable table {
  width: calc(100% - 30px) !important;
}
div#exchangeRatePage #exchangeRateFilter hr {
  margin: 10px 5px 10px -5px !important;
  border-top: 1px dashed var(--table-border-colour);
}
div#exchangeRatePage div#editableViewButtons {
  margin-left: -10px;
  margin-right: -10px;
}
div#exchangeRatePage div#editableViewButtons #widgetActions {
  padding-left: 10px;
  padding-right: 10px;
}
div#basePage div#ExchangeRateEditableView {
  margin: 0 !important;
  background-color: var(--background-natural);
}
div#basePage div#ExchangeRateEditableView div#editableViewButtons {
  background-color: var(--background-natural);
  margin-top: 10px;
  padding: 8px 0 35px 0;
  border-top: 1px dashed var(--table-border-colour);
  border-bottom: 1px dashed var(--table-border-colour);
}
div#basePage div#ExchangeRateEditableView div.editableTable.hasOperations {
  margin-left: 0px;
}
div#basePage div#ExchangeRateEditableView div.editableTable {
  margin-left: 0;
}
div#basePage div#ExchangeRateEditableView div.editableView th.editableTableButtonsHeader,
div#basePage div#ExchangeRateEditableView div.editableView td.editableTableButtons {
  margin-left: 0;
}
#reportEditContainer .report-table-properties .tab-content .minicolors .minicolors-input {
  border: 1px solid var(--table-border-colour) !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  padding-inline-start: 36px !important;
  background-color: var(--background-modal-content) !important;
  color: var(--font-colour) !important;
  width: 100% !important;
}
#reportEditContainer .report-table-properties .tab-content .minicolors .minicolors-input:focus {
  background-color: var(--background-natural) !important;
}
#reportEditContainer .report-table-properties .tab-content .minicolors .minicolors-input-swatch {
  top: 4px !important;
  height: 24px !important;
  width: 24px !important;
  border: none !important;
}
[dir='ltr'] #reportEditContainer .report-table-properties .tab-content .minicolors .minicolors-input-swatch {
  left: 4px !important;
}
[dir='rtl'] #reportEditContainer .report-table-properties .tab-content .minicolors .minicolors-input-swatch {
  right: 4px !important;
}
.configuration-container .form-group .disabled {
  color: var(--font-colour) !important;
  opacity: 0.4;
}
.configuration-container #customFieldSettingsView #CustomFieldSection select option.fixed {
  color: var(--font-colour) !important;
  background-color: var(--background-sidebar) !important;
}
div.zabuto_calendar .table tr th,
div.zabuto_calendar .table tr td {
  background-color: var(--background-modal-content);
}
div.zabuto_calendar .table tr.calendar-dow-header th {
  background-color: var(--background-natural);
  border-top: 1px dashed var(--table-border-colour);
}
div.zabuto_calendar .table tr.calendar-month-header td {
  background-color: var(--background-content);
}
div.zabuto_calendar .table tr:last-child {
  border-bottom: 1px dashed var(--table-border-colour);
}
div.zabuto_calendar .day {
  border: 1px dashed transparent;
}
div.zabuto_calendar .nwd {
  background-color: var(--background-sidebar);
  border-radius: var(--default-border-rad);
}
div.zabuto_calendar .today {
  background-color: var(--primary, inherit);
  color: var(--primary-foreground, inherit);
  border-radius: var(--default-border-rad);
}
div.zabuto_calendar .selectedday {
  border: 1px dashed var(--primary, inherit);
  border-radius: var(--default-border-rad);
}
div.zabuto_calendar .selectedday.today {
  border-color: var(--font-colour);
}
.MyTime-container .well {
  background-color: transparent;
  box-shadow: none;
  padding: 0 !important;
  margin: 0 0 5px 0;
}
.MyTime-container td {
  vertical-align: middle !important;
  padding: 4px 6px !important;
}
.MyTime-container > .row {
  margin: 0 !important;
}
.MyTime-container > .row > [class*='col-'] {
  padding: 0;
}
.list-group-item {
  background-color: var(--background-sidebar);
  border: none;
  border-radius: var(--default-border-rad) !important;
  margin-bottom: 5px !important;
}
.list-group-item .separator {
  border-top: 1px dashed var(--table-border-colour);
}
.modal .loadmask {
  background-color: var(--background-modal-content);
}
.modal .curtain {
  background-color: var(--background-modal-content);
  z-index: 100;
}
.modal .curtain > div > div {
  background-color: var(--font-colour);
}
div.popup-backer {
  background-color: var(--background-natural-transparent);
}
tr#timeContainer .timeEntry {
  background-color: var(--background-natural);
  box-shadow: var(--modern-boxshadow);
  -webkit-box-shadow: var(--modern-boxshadow);
  border: 1px solid var(--table-border-colour);
}
tr#timeContainer .timeEntry > div > p {
  float: none !important;
  padding: 0 !important;
  text-align: right;
}
tr#timeContainer .arrow-up {
  border-bottom-color: var(--table-border-colour);
}
tr#timeContainer #timeEntry .leftdiv,
tr#timeContainer #timeEntry .rightdiv {
  padding: 0 0 0 1px !important;
}
tr#timeContainer #timeEntry .arrows {
  position: relative;
  border-color: var(--table-border-colour);
}
tr#timeContainer #timeEntry .arrows i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
tr#timeContainer .padding-10 {
  padding: 10px 0 0 1px !important;
  text-align: right;
}
tr#timeContainer td {
  vertical-align: middle;
}
#conditionalFormattingContainer > .row:not(#conditionalFormattingTemplate) {
  margin: 0 !important;
  display: flex !important;
  align-items: stretch;
}
#conditionalFormattingContainer > .row:not(#conditionalFormattingTemplate) > div {
  float: none !important;
  width: auto;
}
#conditionalFormattingContainer > .row:not(#conditionalFormattingTemplate) > div:nth-child(2) {
  padding: 8px 15px !important;
  white-space: nowrap;
}
#conditionalFormattingContainer > .row:not(#conditionalFormattingTemplate) > div:nth-child(3) {
  width: 50%;
}
#conditionalFormattingContainer > .row:not(#conditionalFormattingTemplate) > div:nth-child(4) {
  width: 100%;
}
#conditionalFormattingContainer > .row:not(#conditionalFormattingTemplate) > div:nth-child(5) {
  padding-left: 5px;
}
#conditionalFormattingContainer > .row:not(#conditionalFormattingTemplate) > div .btn-group {
  border: 1px solid var(--table-border-colour);
  border-radius: var(--default-border-rad);
}
#conditionalFormattingContainer > .row:not(#conditionalFormattingTemplate) > div .btn-group > .btn {
  border: none;
}
#conditionalFormattingContainer > .row:not(#conditionalFormattingTemplate) > div select {
  height: 100% !important;
  border-right: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
#conditionalFormattingContainer > .row:not(#conditionalFormattingTemplate) > div input {
  height: 100% !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
ul.highcharts-menu {
  box-shadow: var(--modern-boxshadow-darker) !important;
  border-radius: var(--default-border-rad) !important;
  border: none !important;
  padding: 10px !important;
  background-color: var(--background-context) !important;
}
ul.highcharts-menu li {
  color: var(--font-colour) !important;
  border-radius: var(--default-border-rad) !important;
}
hr {
  border-color: var(--table-border-colour);
  border-style: dashed;
}
div#filterInfo {
  color: var(--font-colour);
}
.well {
  background-color: var(--background-sidebar);
  color: var(--font-colour);
}
.accordion.panel-group .panel .collapse {
  background-color: var(--background-natural) !important;
}
.panel-default > .panel-heading {
  border-color: var(--table-border-colour) !important;
  background-color: var(--table-border-colour);
}
#ReportParametersContainer {
  height: calc(100vh - 160px);
}
#ReportParametersContainer .accordion.panel-group .panel-body {
  background-color: var(--background-natural) !important;
}
#ReportParametersContainer .panel-heading > h4.panel-title > a {
  border-top: 1px solid var(--table-border-colour) !important;
  border-bottom: 1px solid var(--table-border-colour) !important;
}
#ReportParametersContainer label.control-label {
  color: var(--font-colour) !important;
  opacity: 0.8 !important;
}
.ui-menu .ui-menu-item {
  padding: 2px 4px !important;
  margin: 3px 0 !important;
  border-radius: var(--default-border-rad);
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: none !important;
  border-top: 1px dashed var(--table-border-colour) !important;
  border-bottom: 1px dashed var(--table-border-colour) !important;
  background: none !important;
  color: var(--font-colour) !important;
}
.kip-autoComplete {
  border-radius: var(--default-border-rad);
  margin-top: 2px;
  padding: 2px 4px !important;
}
.kip-autoComplete li.ui-state-focus div.kip-autocomplete-item {
  margin: 0 !important;
}
#languages-content .panel-group.accordion,
#languages-content .panel-heading,
#languages-content .panel.panel-default {
  margin: 0;
}
.spinbox .btn {
  border-radius: 0 !important;
  height: 15px;
}
.spinbox .btn-group,
.spinbox .btn-group-vertical {
  display: inline-flex;
  flex-direction: column;
}
.spinbox .spinbox-buttons {
  top: 1px;
  border: none;
  border-radius: var(--default-border-rad);
  overflow: hidden;
}
[dir='ltr'] .spinbox .spinbox-buttons {
  right: 1px;
  left: unset;
}
[dir='rtl'] .spinbox .spinbox-buttons {
  left: 1px;
  right: unset;
}
.helpInfo h5 {
  margin-left: 5px;
  background-color: var(--background-modal-content);
  color: var(--font-colour);
  box-shadow: var(--modern-boxshadow);
}
.helpInfo .well {
  border-radius: var(--default-border-rad) !important;
  background-color: var(--background-modal-content);
  box-shadow: var(--modern-boxshadow);
}
.helpInfo .well :first-child {
  padding-top: 0;
  margin-top: 0;
}
.helpInfo .well :last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
div.kipLegend div#legendContainer div.legendDropdown {
  background-color: var(--background-sidebar) !important;
  border: 1px solid var(--table-border-colour) !important;
  padding: 8px 12px 8px 12px;
  border-radius: var(--default-border-rad);
  box-shadow: var(--modern-boxshadow-darker) !important;
  overflow: hidden;
}
div.kipLegend div#legendContainer div.legendDropdown > label {
  background-color: var(--background-natural);
  padding: 6px 12px;
  margin: -8px -12px -4px -12px !important;
  max-width: unset;
  width: calc(124%);
}
div.kipLegend div#legendContainer div.legendDropdown > label:first-child {
  margin-bottom: 8px !important;
}
div.kipLegend div#legendContainer div.legendDropdown > span {
  background-color: var(--background-e-highlight);
  margin: 4px -12px 6px -12px;
  padding: 4px 12px !important;
  display: block;
}
.modal .form-group .editPageValue select.form-control {
  width: calc(58.33333333% - 13px);
  min-width: 60px;
  /* don't allow select to be so small you can't see the content */

}
.snap-panel-container div.snap-panel-filter-header div.snap-panel-filter-icons {
  background-color: var(--tg-background-header) !important;
}
.snap-panel-container div.snap-panel-filter-header div.snap-panel-filter-icons span.fa {
  background-color: var(--tg-background-header) !important;
}
.snap-panel-container div.snap-panel-filter-header div.snap-panel-content-title div.singleDatePicker .date-picker-edit + .input-group-addon,
.snap-panel-container div.snap-panel-filter-header div.snap-panel-content-value div.singleDatePicker .date-picker-edit + .input-group-addon {
  background-color: var(--background-natural) !important;
  color: var(--font-colour) !important;
  border-left-color: var(--tg-background-header) !important;
}
.snap-panel-container div#mapSupplyContainer > hr {
  border-top-color: var(--tg-background-cell) !important;
}
.snap-panel-container div#mapSupplyPanelBodyContainer div.snap-panel-resource-group {
  background-color: var(--background-sidebar) !important;
}
.snap-panel-container div#mapSupplyPanelBodyContainer div.snap-panel-resource-group i.heading-filter {
  border-top-color: var(--table-border-colour) !important;
  border-bottom-color: var(--table-border-colour) !important;
}
.snap-panel-container div#mapSupplyPanelBodyContainer div.snap-panel-resource-group a.group-heading {
  border-top-color: var(--table-border-colour) !important;
  border-bottom-color: var(--table-border-colour) !important;
  color: var(--font-colour) !important;
}
.snap-panel-container div#mapSupplyPanelBodyContainer div.snap-panel-resource-group ul.snap-panel-resources li.snap-panel-resource-item {
  border-bottom-color: var(--tg-background-cell) !important;
}
.snap-panel-container div#mapSupplyPanelBodyContainer div.snap-panel-resource-group ul.snap-panel-resources li.snap-panel-resource-item div.snap-panel-resource-row {
  background-color: var(--tg-background) !important;
}
.snap-panel-container div#mapSupplyPanelBodyContainer div.snap-panel-resource-group ul.snap-panel-resources li.snap-panel-resource-item div.snap-panel-resource-row div.summary-item > *,
.snap-panel-container div#mapSupplyPanelBodyContainer div.snap-panel-resource-group ul.snap-panel-resources li.snap-panel-resource-item div.snap-panel-resource-row div.summary-item > * > * {
  color: var(--tg-foreground) !important;
}
.snap-panel-container div#mapSupplyPanelBodyContainer div.snap-panel-resource-group ul.snap-panel-resources li.snap-panel-resource-item div.snap-panel-resource-row div.resource-row-buttons button#toggleBreakdown,
.snap-panel-container div#mapSupplyPanelBodyContainer div.snap-panel-resource-group ul.snap-panel-resources li.snap-panel-resource-item div.snap-panel-resource-row div.resource-row-buttons button#ellipsisButton {
  color: var(--tg-foreground) !important;
}
.snap-panel-container div.snap-panel-filter div#mapSupplyBooleanFilterItems .map-supply-filter-row {
  margin-bottom: 2px !important;
}
div.snapping-location div.snap-panel-container {
  border-color: var(--tg-main-border) !important;
}
div.snapping-location div.snap-panel .snap-panel-header {
  background-color: var(--tg-background-cell-user) !important;
}
div.snapping-location div.snap-panel .snap-panel-header * {
  color: var(--tg-foreground) !important;
}
div.snapping-location div.snap-panel .snap-panel-header .tooltip > .tooltip-inner {
  background-color: var(--background-modal-content);
  color: var(--font-colour) !important;
}
div.snapping-location div.snap-panel div.snap-panel-content {
  background-color: var(--tg-background-fill) !important;
}
div.snapping-location div.snap-panel div.snap-panel-content div.snap-panel-filter {
  border-top-color: var(--tg-background-header) !important;
}
div.snapping-location div.snap-panel div.snap-panel-content div.snap-panel-filter .snap-panel-filter-header {
  background-color: var(--tg-background-header) !important;
  height: unset !important;
}
div.snapping-location div.snap-panel div.snap-panel-content div.snap-panel-filter .snap-panel-filter-body {
  background-color: var(--background-sidebar) !important;
  height: unset !important;
}
div.snapping-location div#mapSupplyPanelBodyContainer div.snap-panel-resource-group ul.snap-panel-resources li.snap-panel-resource-item {
  border-bottom-color: var(--tg-background-cell) !important;
}
#resourceAvailabilityModalForm .ra-group {
  background-color: var(--background-sidebar);
}
#resourceAvailabilityModalForm .input-group {
  display: flex !important;
  align-items: stretch;
}
#resourceAvailabilityModalForm .input-group > * {
  height: 100% !important;
}
#resourceAvailabilityModalForm select#cmbMinimumAvailabilityMode {
  height: auto !important;
}
#resourceAvailabilityModalForm input[type='text'],
#resourceAvailabilityModalForm select {
  background-color: var(--background-modal-content);
  color: var(--font-colour);
}
#resourceAvailabilityModalForm input[type='text'] option,
#resourceAvailabilityModalForm select option {
  background-color: var(--background-modal-content);
  color: var(--font-colour);
}
#resourceAvailabilityModalForm #results div.editableTable {
  background-color: var(--background-modal-content);
}
div#effort-usage-wrapper > .fa {
  background-color: var(--background-sidebar);
  color: var(--font-colour);
}
div#effort-usage-wrapper > div#effort-usage-commands > select {
  color: var(--font-colour);
}
div#effort-usage-wrapper > div#effort-usage-commands > select option {
  color: black;
}
div#effort-usage-wrapper > div#effort-usage-commands,
div#effort-usage-wrapper > div#effort-usage-used-assignments {
  background-color: var(--background-sidebar);
  border-color: var(--table-border-colour);
}
.field-loading-backdrop {
  background-color: var(--background-sidebar);
}
.field-loading-backdrop > div {
  border-top-color: var(--font-colour);
}
.dropzone {
  background-color: var(--background-sidebar) !important;
  border-color: var(--table-border-colour) !important;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
  background: var(--background-content) !important;
}
.dropzone .dz-preview .dz-progress {
  background-color: var(--background-content) !important;
  bottom: 30px !important;
  top: unset !important;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  background: var(--primary) !important;
}
.highcharts-button-box {
  fill: var(--table-border-colour) !important;
}
.highcharts-button-symbol {
  stroke: var(--font-colour) !important;
}
.highcharts-menu {
  border: 1px solid var(--table-border-colour) !important;
}
.highcharts-menu-item {
  color: var(--font-colour) !important;
}
.highcharts-menu-item:hover {
  background-color: var(--primary) !important;
  color: var(--primary-foreground, var(--font-colour)) !important;
}
.fusionchart .fusion-toolbar .buttonWithContext > ul {
  background-color: var(--background-context) !important;
  border-color: var(--table-border-colour);
}
.fusionchart .fusion-toolbar .buttonWithContext > ul > li {
  border-bottom-color: var(--table-border-colour) !important;
  color: var(--font-colour) !important;
}
.fusionchart .fusion-toolbar .buttonWithContext > ul > li:hover {
  background-color: var(--primary) !important;
  color: var(--primary-foreground, var(--font-colour)) !important;
}
#taskKanban-config #columnViewOptions .more-options-menu,
#milestone-kanban-config #columnViewOptions .more-options-menu {
  border: 1px solid var(--table-border-colour) !important;
  padding: 5px !important;
}
#taskKanban-config #columnViewOptions .more-options-menu span,
#milestone-kanban-config #columnViewOptions .more-options-menu span {
  color: var(--font-color) !important;
  border: none !important;
  border-radius: var(--default-border-rad);
  padding: 8px 12px !important;
}
#taskKanban-config #columnViewOptions .more-options-menu span:hover,
#milestone-kanban-config #columnViewOptions .more-options-menu span:hover {
  background-color: var(--primary) !important;
  color: var(--primary-foreground) !important;
}
#taskKanban-config #columnViewOptions .more-options-btn:hover,
#milestone-kanban-config #columnViewOptions .more-options-btn:hover {
  background-color: var(--primary) !important;
}
#taskKanban-config #columnViewOptions .more-options-btn:hover > div > a,
#milestone-kanban-config #columnViewOptions .more-options-btn:hover > div > a {
  color: var(--primary-foreground) !important;
}
.inlineedit-popup > .inlineedit-inputwrapper {
  background-color: var(--background-sidebar) !important;
  border-color: var(--table-border-colour) !important;
}
.inlineedit-popup > .inlineedit-inner {
  background-color: var(--background-sidebar) !important;
  border-color: var(--table-border-colour) !important;
  box-shadow: var(--modern-boxshadow) !important;
}
.inlineedit-popup > .inlineedit-buttons {
  margin-top: 10px !important;
}
.note-editor,
#reportEditContainer .panel.panel-default.note-editor {
  border: 1px solid var(--table-border-colour) !important;
  border-radius: var(--default-border-rad);
}
.note-editable.panel-body,
#reportEditContainer .accordion.panel-group .note-editable.panel-body {
  background-color: white !important;
}
body[data-theme="dark"] .note-editable.panel-body,
body[data-theme="sciformadark"] .note-editable.panel-body {
  background-color: var(--background-modal-content) !important;
  color: var(--input-colour) !important;
}
.search-mode-options ul.dropdown-menu {
  overflow: visible;
}
p.search-selection-header {
  border-bottom-color: var(--table-border-colour);
  border-bottom-style: dashed;
}
.standard-output {
  background-color: var(--background-modal-content) !important;
  overflow: hidden !important;
}
.standard-output .report-toolbar {
  background-color: var(--background-sidebar) !important;
  border: none !important;
  border-radius: var(--default-border-rad) !important;
  min-height: auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  padding-right: 0 !important;
  padding: 5px 10px 5px 5px !important;
}
.standard-output .report-toolbar h2 {
  font-size: calc(var(--font-size) * 2) !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 2px !important;
}
.standard-output .report-toolbar .toolbar-button {
  margin: 10px 10px 10px 10px !important;
}
#reportAttachmentCatelogue .explorer .file-item {
  background-color: var(--background-sidebar) !important;
  border-radius: var(--default-border-rad) !important;
  width: calc(33.33% - 2px);
  margin: 1px;
}
#reportAttachmentCatelogue .explorer .file-item .viewer {
  background-color: var(--background-content) !important;
  border-radius: var(--default-border-rad) !important;
  -webkit-animation-timing-function: cubic-bezier(0.56, 0.46, 0.58, 1) !important;
  -moz-animation-timing-function: cubic-bezier(0.56, 0.46, 0.58, 1) !important;
  -o-animation-timing-function: cubic-bezier(0.56, 0.46, 0.58, 1) !important;
  animation-timing-function: cubic-bezier(0.56, 0.46, 0.58, 1) !important;
}
#reportAttachmentCatelogue .explorer .file-item .info > .filename {
  color: var(--font-colour) !important;
}
#reportAttachmentCatelogue .explorer .file-item .info > .date {
  color: var(--font-colour) !important;
  opacity: 0.6 !important;
}
option[disabled] {
  color: #85858570 !important;
}
div#kipErrorWrapper div#kipErrorCollection table {
  background-color: var(--background-content) !important;
}
div#kipErrorWrapper div#kipErrorCollection table tbody > tr:hover {
  background-color: var(--background-e-highlight) !important;
}
div#kipErrorWrapper div#kipErrorCollection table tr:nth-child(1) th {
  background-color: var(--background-field-list) !important;
}
#resourceTable .rightPanel .assignmentsWithData,
#workTable .rightPanel .assignmentsWithData {
  background-color: var(--background-model-content) !important;
  border-color: var(--table-border-colour) !important;
}
#resourceTable h1,
#workTable h1 {
  margin-top: -5px !important;
  padding-top: 5px !important;
  background-color: var(--background-modal-headerfooter) !important;
  background-image: none !important;
  border-color: var(--primary) !important;
}
#ScheduledJobs th {
  white-space: nowrap;
  padding: 0 10px;
}
#ScheduledJobs tr.jobRow :not(:first-child) {
  white-space: nowrap;
}
.search-body,
div#widget-menu {
  border: 0;
}
.accordion.panel-group .panel-heading .accordion-toggle:hover:after {
  color: var(--font-colour);
}
.accordion.panel-group .panel-heading .accordion-toggle:hover {
  background-color: var(--background-e-highlight) !important;
}
div#widget-menu .panel-body {
  background-color: var(--background-sidebar) !important;
}
.modal-body div#widget-menu.accordion .panel .panel-body .databox > div[class*='databox'] {
  background-color: var(--background-e-highlight) !important;
}
.notice {
  display: flex;
  margin: 5px 15px 10px 15px;
  border: 1px solid var(--table-border-colour);
  padding: 0;
  border-radius: var(--default-border-rad);
  overflow: hidden;
  align-items: stretch;
}
.notice i {
  padding: 10px;
  background-color: var(--table-border-colour);
  font-size: 16px;
}
.notice span {
  padding: 5px;
}
.btn.masked {
  position: relative;
  overflow: hidden;
}
.btn.masked .loadmask {
  left: 0;
  margin: 0 !important;
  background-color: inherit;
}
.btn.masked .loadmask-msg {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
.btn.masked .loadmask-msg * {
  margin: 0 !important;
}
.btn.masked .loadmask-msg .curtain > div > div {
  margin: 0 3px !important;
  background-color: var(--primary-foreground);
}
.css-tooltip [tooltip] {
  position: relative;
  cursor: default;
}
.css-tooltip [tooltip]:hover:before {
  content: '';
  position: absolute;
  bottom: -10px;
  border: 7px solid transparent;
  border-bottom-color: var(--primary);
  left: 50%;
  transform: translateX(-50%);
}
.css-tooltip [tooltip]:hover:after {
  content: attr(tooltip);
  position: absolute;
  bottom: -34px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--primary);
  color: var(--primary-foreground);
  box-shadow: var(--modern-boxshadow);
  padding: 4px 8px;
  font-size: var(--font-size);
  border: none;
  border-radius: var(--default-border-rad);
  white-space: nowrap;
}
.dropdown-header {
  padding: 3px 12px;
}
tr.selected td {
  background-color: var(--background-row-highlight) !important;
  color: var(--background-row-highlight-foreground) !important;
}
/*s: Border raduis on button group fix */

.btn-group > .btn {
  border-radius: 0 !important;
}
.btn-group > .btn:first-child {
  border-top-left-radius: var(--default-border-rad) !important;
  border-bottom-left-radius: var(--default-border-rad) !important;
}
.btn-group > .btn:last-child {
  border-top-right-radius: var(--default-border-rad) !important;
  border-bottom-right-radius: var(--default-border-rad) !important;
}
.btn-group > .btn:has(+ .dropdown-menu) {
  border-radius: var(--default-border-rad) !important;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-radius: 0 var(--default-border-rad) var(--default-border-rad) 0 !important;
}
/*e*/

.notice {
  display: flex;
  margin: 5px 15px 10px 15px;
  border: 1px solid var(--table-border-colour);
  padding: 0;
  border-radius: var(--default-border-rad);
  overflow: hidden;
  align-items: stretch;
}
.notice i {
  padding: 10px;
  background-color: var(--table-border-colour);
  font-size: 16px;
}
.notice span {
  padding: 5px;
}
.btn.masked {
  position: relative;
  overflow: hidden;
}
.btn.masked .loadmask {
  left: 0;
  margin: 0 !important;
  background-color: inherit;
}
.btn.masked .loadmask-msg {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
.btn.masked .loadmask-msg * {
  margin: 0 !important;
}
.btn.masked .loadmask-msg .curtain > div > div {
  margin: 0 3px !important;
  background-color: var(--primary-foreground);
}
.css-tooltip [tooltip] {
  position: relative;
  cursor: default;
}
.css-tooltip [tooltip]:hover:before {
  content: '';
  position: absolute;
  bottom: -10px;
  border: 7px solid transparent;
  border-bottom-color: var(--primary);
  left: 50%;
  transform: translateX(-50%);
}
.css-tooltip [tooltip]:hover:after {
  content: attr(tooltip);
  position: absolute;
  bottom: -34px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--primary);
  color: var(--primary-foreground);
  box-shadow: var(--modern-boxshadow);
  padding: 4px 8px;
  font-size: var(--font-size);
  border: none;
  border-radius: var(--default-border-rad);
  white-space: nowrap;
}
.dropdown-header {
  padding: 3px 12px;
}
tr.selected td {
  background-color: var(--background-row-highlight) !important;
  color: var(--background-row-highlight-foreground) !important;
}
/*s: Border raduis on button group fix */

.btn-group > .btn {
  border-radius: 0 !important;
}
.btn-group > .btn:first-child {
  border-top-left-radius: var(--default-border-rad) !important;
  border-bottom-left-radius: var(--default-border-rad) !important;
}
.btn-group > .btn:last-child {
  border-top-right-radius: var(--default-border-rad) !important;
  border-bottom-right-radius: var(--default-border-rad) !important;
}
.btn-group > .btn:has(+ .dropdown-menu) {
  border-radius: var(--default-border-rad) !important;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-radius: 0 var(--default-border-rad) var(--default-border-rad) 0 !important;
}
/*e*/

.notice {
  display: flex;
  margin: 5px 15px 10px 15px;
  border: 1px solid var(--table-border-colour);
  padding: 0;
  border-radius: var(--default-border-rad);
  overflow: hidden;
  align-items: stretch;
}
.notice i {
  padding: 10px;
  background-color: var(--table-border-colour);
  font-size: 16px;
}
.notice span {
  padding: 5px;
}
.btn.masked {
  position: relative;
  overflow: hidden;
}
.btn.masked .loadmask {
  left: 0;
  margin: 0 !important;
  background-color: inherit;
}
.btn.masked .loadmask-msg {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
.btn.masked .loadmask-msg * {
  margin: 0 !important;
}
.btn.masked .loadmask-msg .curtain > div > div {
  margin: 0 3px !important;
  background-color: var(--primary-foreground);
}
.css-tooltip [tooltip] {
  position: relative;
  cursor: default;
}
.css-tooltip [tooltip]:hover:before {
  content: '';
  position: absolute;
  bottom: -10px;
  border: 7px solid transparent;
  border-bottom-color: var(--primary);
  left: 50%;
  transform: translateX(-50%);
}
.css-tooltip [tooltip]:hover:after {
  content: attr(tooltip);
  position: absolute;
  bottom: -34px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--primary);
  color: var(--primary-foreground);
  box-shadow: var(--modern-boxshadow);
  padding: 4px 8px;
  font-size: var(--font-size);
  border: none;
  border-radius: var(--default-border-rad);
  white-space: nowrap;
}
.dropdown-header {
  padding: 3px 12px;
}
tr.selected td {
  background-color: var(--background-row-highlight) !important;
  color: var(--background-row-highlight-foreground) !important;
}
/*s: Border raduis on button group fix */

.btn-group > .btn {
  border-radius: 0 !important;
}
.btn-group > .btn:first-child {
  border-top-left-radius: var(--default-border-rad) !important;
  border-bottom-left-radius: var(--default-border-rad) !important;
}
.btn-group > .btn:last-child {
  border-top-right-radius: var(--default-border-rad) !important;
  border-bottom-right-radius: var(--default-border-rad) !important;
}
.btn-group > .btn:has(+ .dropdown-menu) {
  border-radius: var(--default-border-rad) !important;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-radius: 0 var(--default-border-rad) var(--default-border-rad) 0 !important;
}
/*e*/

/*
	Company custom items
	// Migrated from _Main.cshtml
*/

/* Banner Colours*/

.navbar .navbar-inner,
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li.open > a {
  background-color: var(--company-banner, inherit);
}
#notification-dropwdown .notification-count.noselect {
  border-color: var(--company-banner-foreground, inherit) !important;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a .icon,
.navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section h2 span,
.navbar .sidebar-collapse .collapse-icon,
.navbar .navbar-inner .navbar-header .navbar-account .setting a .icon,
.breadcrumb > li,
.breadcrumb > li:before,
.breadcrumb > li:after,
.breadcrumb > li > a {
  color: var(--company-banner-foreground, inherit) !important;
}
/* Anchor Colours */

a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: var(--anchor, inherit);
}
a:hover {
  color: var(--anchor-n30, inherit);
}
a .themeprimary {
  color: var(--anchor-defaulting, inherit) !important;
}
a #configButton:hover {
  border-color: var(--anchor-p30, inherit) !important;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: var(--anchor, inherit);
}
.tabs-below > .nav-tabs li.active > a,
.tabs-below > .nav-tabs li.active > a:hover,
.tabs-below > .nav-tabs li.active > a:focus,
.angularPopup .nav-link.active,
.kip_ModalSidePopup .nav-link.active,
.kip_ModalSidePopup .mat-tab-label-active {
  border-bottom-color: var(--anchor, inherit) !important;
}
/* System Colours*/

input[type=checkbox]:checked ~ .text:before,
input[type=radio]:checked ~ .text:before {
  border-color: var(--primary, inherit) !important;
  color: var(--primary-foreground, inherit);
  background-color: var(--primary, inherit) !important;
}
[dir='rtl'] input[type=checkbox]:checked ~ .text:before,
[dir='rtl'] input[type=radio]:checked ~ .text:before {
  margin-inline-end: 5px;
  margin-right: unset !important;
}
.bordered-themeprimary,
.modal.in.reporting-configure-widget .modal-dialog {
  border-color: var(--primary, inherit);
}
.bg-themeprimary,
.page-sidebar .sidebar-menu li:before,
#reportEditContainer #activeFilters .report-filter-item > .content > p > span.operator,
#reportEditContainer #sortList .report-filter-item > .content > p > span.operator,
#reportEditContainer #fieldList .report-filter-item > .content > p > span.operator,
#reportEditContainer #activeValues .report-filter-item > .content > p > span.operator,
#reportEditContainer #activeDrilldowns .report-filter-item > .content > p > span.operator,
#reportEditContainer #group-by-list .report-filter-item > .content > p > span.operator,
#reportEditContainer #calc-field-List .report-filter-item > .content > p > span.operator,
#reportEditContainer #group-column-list .report-filter-item > .content > p > span.operator,
#reportEditContainer #activeConditions .report-filter-item > .content > p > span.operator,
#reportEditContainer #inheritConditions .report-filter-item > .content > p > span.operator,
#reportEditContainer .conditionCollection .report-filter-item > .content > p > span.operator,
.select2-results .select2-highlighted,
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  background-color: var(--primary, inherit);
  color: var(--primary-foreground, inherit) !important;
}
div.editableView div.editableTable.tableDiv > table > thead > tr > th,
div.editableView div.editableTable.tableDiv.edit > table > thead > tr > th,
div.editableView div.editableTable.tableDiv.hasOperations.edit > table > thead > tr > th,
.table thead.bordered-primary > tr > th,
.ui-dialog.popUpDialog .ui-dialog-titlebar,
div.editableView div.fixedDivHeader > table.FixedTable > thead > tr > th,
.modal-primary .modal-header,
.table thead {
  border-bottom-color: var(--color-border, inherit) !important;
}
.pagination > li.active > a,
.pagination > li.active > a:hover {
  border-color: var(--primary, inherit);
  background-color: var(--primary, inherit);
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.btn-primary,
.btn-primary:focus {
  background-color: var(--primary, inherit) !important;
  border-color: var(--primary, inherit);
  color: var(--primary-foreground, inherit) !important;
}
.btn-primary:hover,
.open .btn-primary.dropdown-toggle {
  background-color: var(--system-n30, inherit) !important;
  border-color: var(--system-n30, inherit) !important;
  color: var(--system-n30-foreground, inherit) !important;
}
.btn-primary.dropdown-toggle,
.modal.in.reporting-configure-widget .modal-dialog > #arrow.right {
  border-left-color: var(--system-p30, inherit) !important;
}
.dropdown-toggle.btn-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary);
}
#reportEditContainer .report-filter-item-sorting.active,
#reportEditContainer .report-filter-item.active,
#reportEditContainer .report-content div#report-data .report-data-type > .toolbar #toggle-widget-border.active {
  border-color: var(--primary, inherit) !important;
  background-color: var(--primary, inherit) !important;
}
#reportEditContainer .report-content div#report-data .sizer .sizer-container .widget i.widget-icon {
  background-color: var(--primary, inherit);
  color: var(--primary, inherit) !important;
}
.btn-primary,
.btn-primary:focus,
#reportEditContainer #activeFilters .report-filter-item > .content > p,
#reportEditContainer #sortList .report-filter-item > .content > p,
#reportEditContainer #fieldList .report-filter-item > .content > p,
#reportEditContainer #activeValues .report-filter-item > .content > p,
#reportEditContainer #activeDrilldowns .report-filter-item > .content > p,
#reportEditContainer #group-by-list .report-filter-item > .content > p,
#reportEditContainer #calc-field-List .report-filter-item > .content > p,
#reportEditContainer #group-column-list .report-filter-item > .content > p,
#reportEditContainer #activeConditions .report-filter-item > .content > p,
#reportEditContainer #inheritConditions .report-filter-item > .content > p,
#reportEditContainer .conditionCollection .report-filter-item > .content > p {
  color: var(--primary, inherit);
}
#reportEditContainer .report-content > #report-tutorial > .rt-container[data-for='message'] > div > p.complete::before,
.modal.in #reportEditContainer .report-content > #report-tutorial > .rt-container[data-for='message'] > div > p.complete::before {
  background-color: var(--primary, inherit) !important;
  border-color: var(--primary, inherit) !important;
}
#reportEditContainer .report-filter-item-sorting.active span,
#reportEditContainer .report-filter-item.active span {
  background-color: var(--primary, inherit) !important;
  color: var(--primary-foreground, inherit) !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  border-color: var(--primary, inherit);
  background-color: var(--primary, inherit);
  color: var(--primary-foreground, inherit);
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:before {
  color: var(--primary-foreground, inherit);
}
.kip-autoComplete li.ui-state-focus.kip-autocomplete-item-container,
.kip-autoComplete li.ui-state-focus div.kip-autocomplete-item,
.modal.in #reportEditContainer .report-content > #report-tutorial > .rt-container[data-for='message'] > div > p::after {
  background-color: var(--primary, inherit) !important;
}
.kip_ModalSidePopup .angular-modal input[type=checkbox]:checked ~ .text:before {
  border-color: var(--primary, inherit) !important;
}
.kip_ModalSidePopup .angular-modal input[type=checkbox]:checked:disabled ~ .text:before,
input[type=checkbox]:disabled ~ .text:before {
  border-color: rgba(0, 0, 0, 0.4) !important;
  cursor: not-allowed;
}
.kip_ModalSidePopup .angular-modal input[type=checkbox] ~ .text:before,
ng-dropdown-panel .checkbox span.text::before {
  border-color: var(--primary, inherit) !important;
}
.kip_ModalSidePopup .angular-modal input[type=checkbox]:checked ~ .text:before,
ng-dropdown-panel .checkbox input:checked ~ span.text::before {
  background-color: var(--primary, inherit) !important;
}
.primary,
.themeprimary,
.search-body > .search-strip > i.fa.fa-search,
.report-filter-item-sorting.active p > span.operator,
.report-filter-item.active p > span.operator,
.kip_ModalSidePopup .angular-modal input[type=radio]:checked ~ .text:before,
.kip_ModalSidePopup .angular-modal label.datatable-checkbox > input[type=checkbox]:before,
.kip_ModalSidePopup .angular-modal .ng-select.ng-select-opened span.ng-arrow-wrapper:before,
.kip_ModalSidePopup .angular-modal .ng-select span.ng-arrow-wrapper:before,
.kip_ModalSidePopup .angular-modal div#auditHistory a.accordion-toggle:after,
.kip_ModalSidePopup .angular-modal .form-group-row.input-group.input-addon,
.kip_ModalSidePopup .angular-modal formly-date-picker .calendar-button:after,
.kip_ModalSidePopup .angular-modal custom-field-date-picker .calendar-button:after,
.angular-modal .modal-header.angular-header .fa {
  color: var(--primary, inherit) !important;
}
#planningratestable.table tbody tr:hover,
ngb-datepicker .custom-day.range,
.custom-day:hover,
.angular-modal .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover,
ng-dropdown-panel.ng-select-multiple .ng-option.ng-option-marked,
ngb-datepicker [ngbdatepickerdayview].btn-light.bg-primary,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: var(--primary, inherit) !important;
  color: var(--primary-foreground, inherit) !important;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
  background-color: var(--system-n30);
  color: var(--system-n30-foreground);
}
.angular-bootbox .modal-footer .btn.btn-primary {
  background-color: var(--primary, inherit) !important;
  /*color: var(--primary-foreground, inherit) !important;*/
  border-color: var(--primary, inherit) !important;
}
.angular-bootbox .modal-footer .btn.btn-secondary,
.angular-bootbox .modal-footer .btn.btn-default {
  color: var(--primary, inherit) !important;
  border-color: var(--primary, inherit) !important;
  background-color: transparent;
}
.angular-bootbox hr.angular-hr.blue,
.angular-modal hr.angular-hr.blue {
  border-top-color: var(--primary, inherit) !important;
}
.angularPopup .btn-secondary,
.kip_ModalSidePopup .btn-secondary,
.angularPopup .btn-primary,
.kip_ModalSidePopup .btn-primary,
.kip_ModalSidePopup .angular-modal input[type=checkbox]:disabled ~ .text:before,
#kip_ModalPopup .angular-modal input[type=checkbox]:disabled ~ .text:before {
  border-color: var(--primary, inherit) !important;
}
.page-sidebar.menu-compact .sidebar-menu .active .menu-icon {
  color: var(--primary, inherit) !important;
  background-color: var(--primary-foreground, inherit) !important;
}
/*
	Tables
*/

:root {
  --table-partial-closed-background: #ffedb3;
  --table-partial-closed-background-hover: #fff3cc;
  --table-partial-closed-foreground: black;
  --table-closed-background: #bfbfbf;
  --table-closed-background-hover: #cccccc;
  --table-closed-foreground: black;
  --table-group: #ebebeb;
  --table-total: #cdcdcd;
}
body[data-theme="dark"],
body[data-theme="sciformadark"] {
  --table-partial-closed-background: #4d3b00;
  --table-partial-closed-background-hover: #664e00;
  --table-partial-closed-foreground: white;
  --table-closed-background: #404040;
  --table-closed-background-hover: #4c4c4c;
  --table-closed-foreground: white;
  --table-group: #303030;
  --table-total: #181818;
}
table.KIPTable tbody > tr > td.KIPTablePartialClosed {
  background-color: var(--table-partial-closed-background) !important;
  color: var(--table-partial-closed-foreground) !important;
}
table.KIPTable tbody > tr:hover > td.KIPTablePartialClosed {
  background-color: var(--table-partial-closed-background-hover) !important;
}
table.KIPTable tbody > tr > td.KIPTableClosed,
#StratregicPlanDiv .typeCell {
  background-color: var(--table-closed-background) !important;
  color: var(--table-closed-foreground) !important;
}
table.KIPTable tbody > tr:hover > td.KIPTableClosed {
  background-color: var(--table-closed-background-hover) !important;
}
table.KIPTable tbody > tr.KIPTableGroup > td {
  background-color: var(--table-group) !important;
}
table.KIPTable tbody > tr:not(.KIPTableGroup) > td.KIPTotalCell,
#StratregicPlanDiv .cellTotal {
  background-color: var(--table-total) !important;
}
#StratregicPlanDiv .resourceCellValue {
  background-color: var(--background-sidebar) !important;
}
.cellValue {
  background-color: transparent !important;
}
#StratregicPlanDiv .resourceCellTotal {
  background-color: var(--table-closed-background) !important;
  font-weight: bold !important;
}
.heatmap-table {
  border-collapse: separate;
}
.heatmap-table th {
  position: sticky;
  top: 0px;
  border-bottom: 1px solid var(--primary) !important;
}
.report-widget.maximized {
  height: auto;
}
table#capacityTable + div.modal.in div.modal-dialog {
  margin: 80px auto !important;
}
.sorting,
.sorting_asc,
.sorting_desc {
  cursor: pointer;
}
.sorting {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUEwMEQ0NzhBMEI3MTFFM0JCQTJDMkYyRjgyNTZCN0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUEwMEQ0NzlBMEI3MTFFM0JCQTJDMkYyRjgyNTZCN0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQTAwRDQ3NkEwQjcxMUUzQkJBMkMyRjJGODI1NkI3RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQTAwRDQ3N0EwQjcxMUUzQkJBMkMyRjJGODI1NkI3RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtPiJ6MAAACjSURBVHja3NRtCoAgDAZg5zEEz+H9/+k5BK+xfCNjfdmk6EeDgQz2qDkiZjZvhTUvxndYSolrPscAee+xVIP2BqIR0PagpaQG7Q1k9mAPo/2clVLWtXPusqY52WlTD9gETiYzxnioafPsm7G8lrg+HoBHXpNyzvOBJQgI9boRDY0GGiSohQ5YCMG0xgZKaKnpR6O9KuaqNrOEsNkw9r//2STAAMJ/rZQTfz7+AAAAAElFTkSuQmCC) no-repeat center right;
  padding-right: 15em !important;
}
.sorting_asc {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjU1Q0U3OUFBMEI2MTFFM0EzODI4QTY4Mjc3NTgwNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjU1Q0U3OUJBMEI2MTFFM0EzODI4QTY4Mjc3NTgwNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNTVDRTc5OEEwQjYxMUUzQTM4MjhBNjgyNzc1ODA0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNTVDRTc5OUEwQjYxMUUzQTM4MjhBNjgyNzc1ODA0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/ProLXhcAAABwSURBVHjaYvz//z8DtQATAxXBqGFUMuzkyZMMz549Y+jr6/sPokEYJEayYSBNsrKyDCtWrPhvY2MDpkHiIDFCBjLhM0hGRoYR3UCSXIZskJSUFIOZmRmKgUQbdvToURSDYIBYAxlHs9OoYXQwDCDAAHbAPd2JBSknAAAAAElFTkSuQmCC) no-repeat center right;
  padding-right: 15em !important;
}
.sorting_desc {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REJGODRFRTVBMEI2MTFFMzhEQTQ4NjFEODY4REUwRTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REJGODRFRTZBMEI2MTFFMzhEQTQ4NjFEODY4REUwRTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQkY4NEVFM0EwQjYxMUUzOERBNDg2MUQ4NjhERTBFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQkY4NEVFNEEwQjYxMUUzOERBNDg2MUQ4NjhERTBFNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po20gdYAAAB7SURBVHja7JPLCQAhDESTbcqDjdiUVuVBbMNPG1nmpuuyuOBJHBgCk+RBDmERoVW6aKEObFuYc05ijFJrHQaRoz8N01qz955yzh0QIOTGGP51JhZa4CxogCmlKKXUAVsQep/Cbz4dQqBSCllrBRVG9jbbms+jbwS7BRgAO7l71I6mz40AAAAASUVORK5CYII=) no-repeat center right;
  padding-right: 15em !important;
}
.column-chooser-search > i.fa.fa-search {
  margin: 10px 0px 10px 10px;
  color: var(--primary, inherit) !important;
  font-size: 15px !important;
}
.column-chooser-search input[type="text"] {
  border: none !important;
  width: calc(95%);
}
.column-chooser-search {
  border-bottom-style: inset;
  border-bottom-width: thick;
  border-top-style: outset;
  border-top-width: thick;
}
.page-sidebar.menu-compact .sidebar-menu > li .submenu span.custom-entity-icon,
.page-sidebar:not(.menu-compact) .sidebar-menu > li > .submenu span.custom-entity-icon {
  display: inline !important;
  color: black;
  background-color: transparent;
  margin-right: 5px;
}
.page-sidebar.menu-compact .sidebar-menu > li .submenu span.material-menu-span,
.page-sidebar:not(.menu-compact) .sidebar-menu > li > .submenu span.material-menu-span {
  display: inline !important;
  vertical-align: middle;
  white-space: unset !important;
}
.material-icons.md-16 {
  font-size: 16px !important;
}
.material-icons.md-18 {
  font-size: 18px !important;
}
.material-icons.md-24 {
  font-size: 24px !important;
}
.material-icons.md-36 {
  font-size: 36px !important;
}
.material-icons.md-48 {
  font-size: 48px !important;
}
.material-icons.align-sub {
  vertical-align: sub;
}
.material-icons + .itemText {
  position: relative;
  top: -3px;
  line-height: 1.7;
}
.kipTabStrip .material-icons,
.editableProjectMenu .material-icons {
  font-size: 14px !important;
}
#moreMenu > li > a {
  padding: 7px 12px 7px 12px !important;
  /* same as old UI */
  position: relative;
}
body[data-theme="dark"] .ng-select-searchable input[type="text"],
body[data-theme="sciformadark"] .ng-select-searchable input[type="text"] {
  border: none !important;
}
body[data-theme="dark"] input.greyed-out,
body[data-theme="sciformadark"] input.greyed-out {
  background-color: var(--color-surface-form-disable) !important;
  color: var(--color-text-form-disabled) !important;
  border: 1px solid var(--color-border-form-disabled) !important;
}
#embed .teams-embed-header-text,
#embed .teams-embed-header-participants-count {
  color: var(--font-colour) !important;
}
#embed .teams-embed-chat-message-author {
  color: var(--chat-header-author-font-color) !important;
}
#embed .teams-embed-chat-item.right .teams-embed-chat-message {
  background-color: var(--chat-message-container-surface) !important;
}
#embed .teams-embed-chat-message {
  background-color: var(--fue-chat-message-container-surface) !important;
}
#embed .teams-embed-chat-message-timestamp {
  color: var(--chat-header-timestamp-font-color) !important;
}
#embed at {
  color: var(--chat-at-mention-color) !important;
}
#embed .teams-embed-chat-message-content {
  color: var(--chat-body-font-color) !important;
}
#embed .teams-embed-footer-input {
  color: var(--chat-input-font-color) !important;
  background: var(--chat-input-surface) !important;
  width: 88%;
}
#embed .teams-embed-footer-send-message-button {
  padding-left: 6px;
}
#embed .teams-embed-footer-send-message-button,
#embed .teams-embed-footer-add-image-button {
  height: 30px;
  min-width: 20px;
  background-color: transparent;
  margin-top: 4px;
}
#embed .teams-embed-footer-add-image-button {
  margin-top: 3px !important;
  padding-top: 3px;
  border: none;
}
#embed .teams-embed-footer-add-image-button div {
  padding-top: 2px;
}
#embed .teams-embed-footer-send-message-button:hover,
#embed .teams-embed-footer-add-image-button:hover {
  color: #8b96a2;
}
#embed .teams-embed-footer-input img {
  max-width: 90%;
}