/* Minification failed. Returning unminified contents.
(248,25): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(458,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-grid-header'
(459,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-grid-header'
(460,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(516,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(520,36): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(525,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(556,34): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(557,29): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(561,34): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(562,29): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(566,40): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(567,34): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(568,29): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(725,26): run-time error CSS1039: Token not allowed after unary operator: '-k-snow'
(905,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(906,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1073,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(1078,22): run-time error CSS1039: Token not allowed after unary operator: '-k-snow'
(1079,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(1106,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1107,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1109,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(1152,33): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1153,38): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1154,44): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1158,33): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(1159,38): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1160,44): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(1165,33): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1170,33): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(1171,38): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1176,33): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1177,38): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1178,44): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1182,33): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(1183,38): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1184,44): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(1200,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1202,17): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1223,29): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(1224,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1225,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(2145,36): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-gray'
(2171,26): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-gray'
(2189,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2191,35): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2197,32): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(2203,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(2208,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2211,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white-smoke'
(2216,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2218,35): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2225,32): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(2231,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(2235,32): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(2239,27): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(2254,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2256,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2263,36): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(2271,40): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(2279,43): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(2297,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2303,22): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-shade-gray'
(2309,22): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-shade-gray'
(2315,22): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-shade-gray'
(2320,22): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-shade-gray'
(2325,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-gray'
(2327,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(2329,39): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(2333,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2334,21): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(2335,39): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(2338,39): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(2343,39): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(2347,39): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(2351,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2352,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(2353,39): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(2356,39): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(2361,39): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(2365,39): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(2370,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-gray'
(2372,21): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(2374,39): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(2394,18): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2399,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(2406,17): run-time error CSS1039: Token not allowed after unary operator: '-k-black-panther'
(2417,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2424,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(2429,29): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(2443,28): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2460,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2461,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2466,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(2467,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(2472,29): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(2478,29): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(2527,21): run-time error CSS1039: Token not allowed after unary operator: '-k-black-panther'
(2540,36): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2541,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2563,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2567,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(2571,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(2578,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2585,33): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(2590,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2615,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(2767,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white-smoke'
(2817,28): run-time error CSS1039: Token not allowed after unary operator: '-k-cyan-blue'
(2852,22): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-blue'
(2857,26): run-time error CSS1039: Token not allowed after unary operator: '-k-Cape-Honey'
(3413,28): run-time error CSS1039: Token not allowed after unary operator: '-k-text'
(3418,32): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(3424,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(3427,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(3428,34): run-time error CSS1039: Token not allowed after unary operator: '-k-text'
(3440,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(3471,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(3478,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(3479,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(3484,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(3485,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(3486,32): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(3491,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(3492,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(3497,21): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(3522,28): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4217,1): run-time error CSS1019: Unexpected token, found '@import'
(4217,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Source+Sans+Pro?v=24.2.161)'
(4221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4303,17): run-time error CSS1039: Token not allowed after unary operator: '-k-text'
(4347,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(4356,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(4358,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(4436,33): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(4441,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(4442,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(4446,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(4447,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(4453,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-gray'
(4455,21): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(4458,39): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(4469,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(4475,30): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4476,25): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(4482,30): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4483,25): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(4484,36): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(4490,30): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4491,25): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(4496,25): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(4522,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(4527,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(4529,22): run-time error CSS1039: Token not allowed after unary operator: '-k-snow'
(4610,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(4611,21): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4615,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(4616,21): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4620,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(4621,21): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4633,28): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4637,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(4674,28): run-time error CSS1039: Token not allowed after unary operator: '-p-teal'
(4713,17): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4724,17): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4744,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4753,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(4758,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(4765,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(4780,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4854,28): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(4859,28): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(4973,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(4998,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(5005,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(5010,29): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(5031,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(5069,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-error'
(5410,32): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(5421,32): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(5433,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(5433,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(5434,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(5436,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(5437,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(5501,25): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(5503,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(5758,25): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(5771,34): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(5772,29): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(5776,30): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(5777,36): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(5781,30): run-time error CSS1039: Token not allowed after unary operator: '-p-teal'
(5785,25): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(5786,30): run-time error CSS1039: Token not allowed after unary operator: '-p-teal'
(5790,25): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(5791,30): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(6005,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(6007,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(6008,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(6025,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(6064,17): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(6070,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-dropdown-banding'
(6071,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(6076,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(6077,17): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(6131,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(6142,33): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(6159,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(6171,32): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(6184,25): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(6205,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-dropdown-banding'
(6206,25): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(6212,37): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(6213,25): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(6254,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(6380,35): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(6381,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(6395,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(6437,75): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(6437,105): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(6438,75): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(6438,97): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(6439,48): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(6439,66): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(6441,49): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(6441,69): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(6620,32): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-gray'
(6976,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(6977,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(6978,17): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(6995,32): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(6997,21): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(6999,39): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(7017,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(7018,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(7029,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(7030,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(7036,17): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(7040,21): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(7045,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(7046,29): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(7153,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(7153,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(7154,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(7160,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(7161,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(7279,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(7280,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(7284,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(7296,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(7297,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(7302,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(7303,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(7308,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(7309,33): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(7323,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(7331,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(7332,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(7490,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(7784,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(7789,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(7948,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(7949,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(7950,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(7958,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(7962,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(7963,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(7984,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(7988,21): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(8107,37): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(8113,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(8114,21): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(8120,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(8201,36): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-gray'
(8467,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(8521,28): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-gray'
(8679,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(8680,39): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(8686,36): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(8694,47): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(8698,29): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(8702,29): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(9100,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(9104,32): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(9109,32): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(9318,75): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(9318,103): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(9319,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(9346,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-gray'
(9347,24): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(9353,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(9354,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(9679,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(9684,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(9686,35): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(9693,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(9712,35): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(9713,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(10110,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(10111,21): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(10115,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(10116,21): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(10120,32): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(10121,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(10122,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(10361,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(10426,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(10431,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(10439,21): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(10471,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(10579,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(10580,21): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(11219,65): run-time error CSS1030: Expected identifier, found '='
(11219,66): run-time error CSS1031: Expected selector, found '"DefaultSecurityClassId"'
(11219,66): run-time error CSS1025: Expected comma or open brace, found '"DefaultSecurityClassId"'
(11553,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-gray'
(11554,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(11556,35): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(11622,28): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(11707,28): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(11708,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(11749,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(11754,25): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(11758,25): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(13365,27): run-time error CSS1039: Token not allowed after unary operator: '-ggs'
(13883,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(14018,32): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(14023,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(14030,31): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(14030,46): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(14031,31): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(14038,40): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(14039,41): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(14134,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(14159,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(14164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14214,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-grid-header'
(14219,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(14220,32): run-time error CSS1039: Token not allowed after unary operator: '-k-sec-text'
(14255,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-selected'
(14256,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(14257,32): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(14261,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-selected'
(14262,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(14265,30): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-selected-band'
(14266,25): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(14270,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-grid-banding'
(14461,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(14461,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(14462,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(14464,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(14465,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(14476,32): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(14481,32): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
 */
/*! jQuery UI - v1.12.1 - 2018-06-06
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&bgImgOpacityError=18&bgImgOpacityHighlight=55&bgImgOpacityActive=100&bgImgOpacityHover=100&bgImgOpacityDefault=100&bgImgOpacityContent=75&bgImgOpacityHeader=75&cornerRadiusShadow=5px&offsetLeftShadow=4px&offsetTopShadow=4px&thicknessShadow=5px&opacityShadow=20&bgImgOpacityShadow=10&bgTextureShadow=flat&bgColorShadow=%23999&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23aaaaaa&iconColorError=%23cd0a0a&fcError=%23cd0a0a&borderColorError=%23cd0a0a&bgTextureError=glass&bgColorError=%23fef1ec&iconColorHighlight=%232e83ff&fcHighlight=%23363636&borderColorHighlight=%23fcefa1&bgTextureHighlight=glass&bgColorHighlight=%23fbf9d0&iconColorActive=%23454545&fcActive=%23212121&borderColorActive=%23999999&bgTextureActive=highlight_soft&bgColorActive=%23bababa&iconColorHover=%23454545&fcHover=%23212121&borderColorHover=%23999999&bgTextureHover=highlight_soft&bgColorHover=%23dadada&iconColorDefault=%23222222&fcDefault=%23555&borderColorDefault=%23d3d3d3&bgTextureDefault=glass&bgColorDefault=%23f6f6f6&iconColorContent=%23222222&fcContent=%23222222&borderColorContent=%23aaaaaa&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%23222222&fcHeader=%23222222&borderColorHeader=%23aaaaaa&bgTextureHeader=highlight_soft&bgColorHeader=%23cccccc&cornerRadius=4px&fwDefault=normal&fsDefault=1.1em&ffDefault=Verdana%2C%20Tahoma%2C%20sans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    /*margin-top: -.25em; - Commented out by Sean Cain - 2017-11-16: This causes elements to be incorrectly positioned in our ui */
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        /* support: IE10, see #8844 */
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
    }

        .ui-menu .ui-menu-item-wrapper a:hover,
        .ui-menu .ui-menu-item-wrapper:hover a {
            color: var(--p-white);
        }
        .ui-menu .ui-menu-divider {
            margin: 5px 0;
            height: 0;
            font-size: 0;
            line-height: 0;
            border-width: 1px 0 0 0;
        }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Support: IE <= 11 */
    overflow: visible;
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

    .ui-controlgroup > .ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

        .ui-controlgroup > .ui-controlgroup-item:focus,
        .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
            z-index: 9999;
        }

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%;
    }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
    /*Datepicker header*/
    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
        border: 1px solid var(--kc-grid-header);
        background: var(--kc-grid-header);
        color: var(--p-black);
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 14px;
            margin: 1px 0;
        }
    /*Datepicker Month and year dropdown*/
    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
        border: 1px solid var(--p-white);
    }
        .ui-datepicker select.ui-datepicker-month:focus,
        .ui-datepicker select.ui-datepicker-year:focus {
            border: 1px solid var(--a-mauve);
            outline: none;
        }
        .ui-datepicker select.ui-datepicker-month:active,
        .ui-datepicker select.ui-datepicker-year:active {
            border: 1px solid var(--kc-interactive-pressed) ;
            outline: none;
        }
    .ui-datepicker table {
        width: 100%;
        font-size: 13px;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }
        /*DOC-6550*/
            .ui-datepicker td span:hover, .ui-datepicker td a:hover {
                background: var(--kc-interactive-hover);
                color: var(--p-white);
            }

            .ui-datepicker td span:active, .ui-datepicker td a:active {
                background: var(--kc-interactive-pressed);
                color: var(--k-disabled);
            }

            .ui-datepicker td span:focus, .ui-datepicker td a:focus {
                border: 1px solid var(--a-mauve);
                background: var(--p-white);
                color: var(--p-black);
            }
    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
            font-size:14px;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 18px;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: var(--k-snow);
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .8em; /*form issue DOC-6613: Create Form dialog*/
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }

    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw,
    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px;
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25); /* support: IE8 */
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0;
        }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
        /*Datepicker slider*/
        border: 1px solid var(--kc-interactive-blue);
        background: var(--kc-interactive-blue);
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Source Sans Pro, Verdana, Tahoma, sans-serif;
    font-size: 13px;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Source Sans Pro, Verdana, Tahoma, sans-serif;
        font-size: 13px;
    }

    .ui-widget.ui-widget-content {
        border: 1px solid var(--kc-panel-card-border);
    }

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: var(--k-snow);
    color: var(--p-black);
}

    .ui-widget-content a {
        color: #222222;
    }

.ui-widget-header {
    border: 1px solid #aaaaaa;
    color: #222222;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #222222;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    /*.ui-widget-content .ui-state-default, */ /*AJ: commented because the slider button overwrites this ;check the impact of commenting this*/
    .ui-widget-header .ui-state-default,
    .ui-button,
    /* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border: 1px solid var(--p-white);
        background: var(--p-white);
        font-weight: normal;
        color: var(--p-black);
        outline: none;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited,
        a.ui-button,
        a:link.ui-button,
        a:visited.ui-button,
        .ui-button {
            color: #555;
            text-decoration: none;
        }
            /*Datepicker hover*/
            .ui-state-hover,
            .ui-widget-content .ui-state-hover,
            .ui-widget-header .ui-state-hover,
            .ui-state-focus,
            .ui-widget-content .ui-state-focus,
            .ui-widget-header .ui-state-focus,
            .ui-button:hover,
            .ui-button:focus {
                border: 1px solid #999999;
                font-weight: normal;
                color: #212121;
            }

                .ui-state-hover a,
                .ui-state-hover a:hover,
                .ui-state-hover a:link,
                .ui-state-hover a:visited,
                .ui-state-focus a,
                .ui-state-focus a:hover,
                .ui-state-focus a:link,
                .ui-state-focus a:visited,
                a.ui-button:hover,
                a.ui-button:focus {
                    color: #212121;
                    text-decoration: none;
                }

                button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all{
                    color: var(--kc-interactive-blue);
                    background: var(--p-white);
                    border: 1px solid var(--kc-interactive-blue);
                }

                button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all.ui-state-hover {
                    color: var(--kc-interactive-hover);
                    background: var(--p-white);
                    border: 1px solid var(--kc-interactive-hover);
                    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
                }

                button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
                    color: var(--kc-interactive-blue);
                    background: transparent;
                }

                button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all.ui-state-hover {
                    color: var(--kc-interactive-hover);
                    background: var(--p-white);
                    border: 1px solid transparent;
                }

                button.\.ui-datepicker-clean.ui-state-default.ui-priority-primary.ui-corner-all {
                    color: var(--kc-interactive-blue);
                    background: var(--p-white);
                    border: 1px solid var(--kc-interactive-blue);
                }

                button.\.ui-datepicker-clean.ui-state-default.ui-priority-primary.ui-corner-all.ui-state-hover {
                    color: var(--kc-interactive-hover);
                    background: var(--p-white);
                    border: 1px solid var(--kc-interactive-hover);
                    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
                }
.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
/*datepicker date selection*/
.ui-button.ui-state-active:hover,
.ui-menu .ui-menu-item-wrapper:hover {
    border: 1px solid #999999;
    background: var(--kc-interactive-blue);
    font-weight: normal;
    color: var(--p-white);
}

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #999999;
        background-color: #212121;
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #212121;
        text-decoration: none;
    }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid var( --kc-interactive-pressed);
    background: var(--p-white);
    color: var(--p-black);
}

.ui-state-checked {
    border: 1px solid #fcefa1;
    background: #fbf9d0;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url("../../Content/themes/jquery-ui/custom/images/ui-bg_glass_18_fef1ec_1x400.png?v=24.2.161") 50% 50% repeat-x;
    color: #cd0a0a;
}

    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: #cd0a0a;
    }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70); /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    filter: Alpha(Opacity=35); /* support: IE8 */
    background-image: none;
}

    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
    }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("../../Content/themes/jquery-ui/custom/images/ui-icons_222222_256x240.png?v=24.2.161");
}

.ui-widget-header .ui-icon {
    background-image: url("../../Content/themes/jquery-ui/custom/images/ui-icons_222222_256x240.png?v=24.2.161");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("../../Content/themes/jquery-ui/shared/images/ui-icons_454545_256x240.png?v=24.2.161");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("../../Content/themes/jquery-ui/shared/images/ui-icons_454545_256x240.png?v=24.2.161");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("../../Content/themes/jquery-ui/shared/images/ui-icons_2e83ff_256x240.png?v=24.2.161");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("../../Content/themes/jquery-ui/shared/images/ui-icons_cd0a0a_256x240.png?v=24.2.161");
}

.ui-button .ui-icon {
    background-image: url("../../Content/themes/jquery-ui/custom/images/ui-icons_222222_256x240.png?v=24.2.161");
}
.ui-icon-arrow-savedsearch-btn {
    top: 25%;
    background-position: -68px -16px;
}
/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 4px 4px 5px #999;
    box-shadow: 4px 4px 5px #999;
}

/*
    This is included as css for Forms rendering.

    DO NOT include the following or Forms rendering will be broken
        - vendor specific gradients - eg. -webkit-gradient
*/

.grow-wrap {
    /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
    display: grid;
}

    .grow-wrap::after {
        /* Note the weird space! Needed to preventy jumpy behavior */
        content: attr(data-replicated-value) " ";
        /* This is how textarea text behaves */
        white-space: pre-wrap;
        /* Hidden from view, clicks, and screen readers */
        visibility: hidden;
    }

    .grow-wrap > textarea {
        /* You could leave this, but after a user resizes, then it ruins the auto sizing */
        resize: none;
        /* Firefox shows scrollbar on growth, you can hide like this. */
        overflow: hidden;
    }

    .grow-wrap > textarea,
    .grow-wrap::after {
        /* Identical styling required!! */
        font: inherit;
        /* Place on top of each other */
        grid-area: 1 / 1 / 2 / 2;
    }

html,
body {
    height: 100%;
    min-height: 620px;
    min-width: 980px;
}

body {
    border: none;
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

    body .ui-widget {
        font-size: 13px;
        font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
    }

    body .dropdown dd {
        min-width: 100%;
    }

    body .dropdown ul {
        float: left;
    }

        body .dropdown ul.children {
            min-width: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            border: 1px solid var(--k-lt-gray);
        }

            body .dropdown ul.children hr {
                width: 92%;
            }

        body .dropdown ul li {
            display: block;
            width: 100%;
            white-space: nowrap;
        }

            body .dropdown ul li .anchor {
                height: 16px;
                overflow-x: hidden;
                padding: 4px 18px 4px 4px;
            }

    body .dropdown .parent {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7D7D7', endColorstr='#FEFEFE');
        /*background: linear-gradient(to bottom, #D7D7D7 0, #FEFEFE 100%);*/
        /* W3C (IE10) maybe others soon.*/
    }

    body .dropdown.disabled .parent {
        background: var(--k-lt-gray);
    }

    body .ui-dialog .ui-dialog-content {
        overflow: visible;
    }

    body pre {
        font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
        font-size: 13px;
    }

    body #dropdown span.anchor.disabled {
        color: #888;
    }

textarea {
    border-radius: 2px;
    background: var(--p-white);
    border: none;
    border-bottom: 1px solid var(--kc-interactive-blue);
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
    font-size: 13px;
}

    textarea:focus {
        border: 1px solid var(--a-mauve);
        outline: none;
    }

    textarea:hover {
        border: none;
        border-bottom: 1px solid var(--kc-interactive-hover)
    }

    textarea:active {
        border: none;
        border-bottom: 1px solid var(--kc-interactive-blue)
    }
    textarea[readonly] {
        background: var(--p-white-smoke);
    }
/*DOC-5880 Rebranding: Dropdown*/
select {
    min-height: 20px;
    background: var(--p-white);
    border: 1px solid transparent;
    border-bottom: 1px solid var(--kc-interactive-blue);
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
    font-size: 13px;
    /* Mozilla has a shorter select list when it is empty, causing shifting */
}

    select:focus {
        border: 1px solid var(--a-mauve);
        outline: none;
    }

    select:hover {
        border: 1px solid transparent;
        border-bottom: 1px solid var(--kc-interactive-hover);
    }

    select:focus:hover {
        border: 1px solid var(--a-mauve);
    }

option[enabled]:hover {
   background-color: var(--kc-interactive-hover);
}
/*select[name="NewDraftOwnerId"] {
        width: 280px;
    }*/

input {
    border-radius: 2px;
}
    /*DOC-5883 Re-branding for text boxes*/
    input[type="text"],
    input[type="password"],
    input[type="number"],
    input[type="datetime"] {
        border-radius: 2px;
        background: var(--p-white);
        border: 1px solid transparent;
        border-bottom: 1px solid var(--kc-interactive-blue);
    }

        input[type="text"]:focus,
        input[type="password"]:focus,
        input[type="number"]:focus,
        input[type="datetime"]:focus {
            border: 1px solid var(--a-mauve);
            outline: none;
        }

            input[type="text"]:focus:enabled:hover, /* To prevent jittering */
            input[type="password"]:focus:enabled:hover,
            input[type="number"]:focus:enabled:hover,
            input[type="datetime"]:focus:enabled:hover {
                border: 1px solid var(--a-mauve);
            }

        input[type="text"]:enabled:hover,
        input[type="password"]:enabled:hover,
        input[type="number"]:enabled:hover,
        input[type="datetime"]:enabled:hover {
            border: 1px solid transparent;
            border-bottom: 1px solid var(--kc-interactive-hover);
        }

    input[type="checkbox"],
    .multiselect,
    .img_container {
        box-shadow: 2px 2px 2px #000;
    }

    input[type="radio"],
    input[type="file"] {
        box-shadow: none;
    }

    input[type="checkbox"] {
        margin: 0;
        padding: 0;
        background-color: #000;
        border: var(--kc-interactive-blue);
        /* Chrome - Setting the background color on a checkbox causes the color of the box-shadow to be applied to the background, rather than transparent*/
    }

    input::-webkit-input-placeholder,
    .ui-combobox input.ui-autocomplete-input::-webkit-input-placeholder {
        color: var( --k-lt-shade-gray);
    }

    input:-moz-placeholder,
    .ui-combobox input.ui-autocomplete-input:-moz-placeholder {
        /* Firefox 18- */
        color: var( --k-lt-shade-gray);
    }

    input:-moz-placeholder,
    .ui-combobox input.ui-autocomplete-input::-moz-placeholder {
        /* Firefox 19+ */
        color: var( --k-lt-shade-gray);
    }

    input:-ms-input-placeholder,
    .ui-combobox input.ui-autocomplete-input:-ms-input-placeholder {
        color: var( --k-lt-shade-gray);
    }

    input[disabled],
    input[readonly] {
        background-color: var(--kc-interactive-gray);
        box-shadow: initial;
        color: var(--p-black);
        border: 1px solid transparent; /* Prevent jitter from difference in border widths and don't display border */
        border-bottom: 1px solid var(--k-disabled);
    }

    input[type="text"][disabled] {
        background-color: var(--p-white);
        color: var(--k-label);
        border-bottom: 1px solid var(--k-disabled);
    }
    input[type="text"][disabled]:hover {
        border-bottom: 1px solid var(--k-disabled);
    }
    input[type="text"][disabled]:focus {
        outline: none;
        border: 1px solid transparent;
        border-bottom: 1px solid var(--k-disabled);
    }
    input[type="text"][disabled]:hover:focus {
        border: 1px solid transparent;
        border-bottom: 1px solid var(--k-disabled);
    }
    
    input[type="text"][readonly] {
        background-color: var(--p-white);
        color: var(--p-black);
        border-bottom: 1px solid var(--k-label);
    }
    input[type="text"][readonly]:hover {
        border-bottom: 1px solid var(--k-label);
    }
    input[type="text"][readonly]:focus {
        outline: none;
        border: 1px solid transparent;
        border-bottom: 1px solid var(--k-label);
    }
    input[type="text"][readonly]:hover:focus {
        border: 1px solid transparent;
        border-bottom: 1px solid var(--k-label);

    }

    input[type="button"]:disabled {
        background-color: var(--kc-interactive-gray);
        box-shadow: initial;
        color: var(--k-label);
        border: none;
        border-bottom: 1px solid var(--k-disabled);
    }
/*input[disabled]:hover,
        input[readonly]:hover {
            box-shadow: initial;
            background: #c4c6c7;
        }*/
/*#region Custom check box */

.items_checkbox label {
    cursor: pointer;
}

.items_checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: 2;
    left: -17px;
    margin: 0;
    cursor: pointer;
    border: var(--kc-interactive-blue); /*DOC-5883 Rebranding - check box changes*/
}

    .items_checkbox input[type="checkbox"]:disabled + span::after,
    .resetPrompt p input[type="checkbox"]:disabled + span::after {
        border-color: var(--k-label);
    }
.items_checkbox span,
.resetPrompt p {
    display: inline-block;
    line-height: 14px;
    position: relative;
    color: var(--k-black-panther);
}

    .items_checkbox span::after,
    .resetPrompt p::after {
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        left: 0;
        margin-left: -18px;
        border: 2px solid var(--kc-interactive-blue);
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

    .items_checkbox input[type="checkbox"]:not(:disabled):not(:focus):hover + span::after,
    .resetPrompt p input[type="checkbox"]:not(:disabled):not(:focus):hover + span::after {
        border: 2px solid var(--kc-interactive-hover);
    }

.items_checkbox:focus span::after,
.resetPrompt:focus p::after {
    outline: 1px solid var(--a-mauve);
    outline-offset: 2px;
}

/*DOC-5883 Rebranding - check box changes*/
    .items_checkbox span::before,
    .resetPrompt p::before {
        position: absolute;
        content: "";
        width: 6px;
        height: 2px;
        top: 4px;
        left: 3px;
        margin-left: -18px;
    border: 2px solid var(--p-white);
        border-top: none;
        border-right: none;
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        z-index: 1;
    }

.items_checkbox input[type="checkbox"]:not(:checked) + span::before{
    opacity: 0;
}

.items_checkbox input[type="checkbox"]:checked + span::after,
.resetPrompt input[type="checkbox"]:checked + p::after {
    background: var(--kc-interactive-blue);
    border: 2px solid var(--kc-interactive-blue);
}

.items_checkbox input[type="checkbox"]:checked:not(:focus):hover + span::after,
.resetPrompt input[type="checkbox"]:checked:hover + p::after {
    background: var(--kc-interactive-hover);
    border: 2px solid var(--kc-interactive-hover);
}

.items_checkbox input[type="checkbox"]:checked:focus + span::after,
.resetPrompt input[type="checkbox"]:checked:focus + p::after {
    outline: 1px solid var(--a-mauve);
    outline-offset: 2px;
}

.items_checkbox input[type="checkbox"]:not(:checked):focus + span::after,
.resetPrompt input[type="checkbox"]:not(:checked):focus + p::after {
    outline: 1px solid var(--a-mauve);
    outline-offset: 2px;
}
/*#endregion Custom check box*/

/*#region custom radio button*/
.radio-wrap {
    position: relative;
    left: 21px;
    top: 7px;
    margin-bottom: 10px;
}

    .radio-wrap span,
    .radio-wrap label {
        margin-right: 5px;
        display: inline-block;
        position: relative;
    }

.items_radio span.label {
    width: 180px;
}

.items_radio {
    position: relative;
    padding-left: 20px;
}

    .items_radio > span {
        float: left;
        position: relative;
    }

    .items_radio input[type="radio"] {
        position: absolute;
        opacity: 0;
        left: -17px;
        z-index: 10;
        cursor: pointer;
    }

    .items_radio span span,
    .items_radio li span,
    .items_radio label {
        display: inline-block;
        line-height: 14px;
        position: relative;
        cursor: pointer;
        color: var(--k-black-panther);
    }

        .items_radio span span::after,
        .items_radio li span::after,
        .items_radio label span::after {
            position: absolute;
            content: "";
            width: 10px;
            height: 10px;
            left: 0;
            top: 0;
            margin-left: -18px;
            background-color: var(--p-white);
            border: 2px solid var(--kc-interactive-blue);
            -webkit-border-radius: 3px;
            border-radius: 50%;
            background-clip: padding-box;
            cursor: pointer;
        }

        .items_radio span span::before,
        .items_radio li span::before,
        .items_radio label span::before {
            position: absolute;
            content: "";
            margin-left: -18px;
            opacity: 0;
            z-index: 1;
            width: 6px;
            height: 6px;
            border: none;
            top: 4px;
            left: 4px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-color: var(--kc-interactive-blue);
        }

    .items_radio input[type="radio"]:hover:not(:focus) + span::before {
        background-color: var(--kc-interactive-hover);
    }

    .items_radio input[type="radio"]:hover:not(:focus) + span::after {
        border: 2px solid var(--kc-interactive-hover);
    }
    .items_radio input[type="radio"]:checked + span {
        color: #000;
    }

        .items_radio input[type="radio"]:checked + span::after {
            border: 2px solid var(--kc-interactive-blue);
        }

        .items_radio input[type="radio"]:checked + span::before {
            opacity: 1;
        }
    .items_radio input[type="radio"]:focus + span::after {
        outline: 1px solid var(--a-mauve);
        outline-offset: 2px;
    }

    .items_radio input[type="radio"]:not(:checked) + span::after {
        border: 2px solid var(--kc-interactive-blue);
    }

    .items_radio span span::after,
    .items_radio li span::after,
    .items_radio label span::after {
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-clip: padding-box;
    }
/*#endregion custom radio button*/


/* custom css disabled checkbox radio button styles */

.items_checkbox input[type="checkbox"]:disabled + span::after,
.items_search input[disabled] + span::after {
    opacity: 0.5;
    cursor: default;
}

.items_radio input[type="radio"]:disabled + span::after,
.items_radio input[type="radio"]:disabled:hover + span::after {
    opacity: 0.5;
    cursor: default;
    border: 2px solid var(--k-label);
    background: transparent;
}

::-ms-clear {
    display: none;
}

.clickable {
    cursor: pointer;
}

.dqRenderingInProgressContainer.hideShowApprovals {
    width: 89px;
}

.dqRenderingInProgressContainer {
    float: left;
    left: 8px;
    position: relative;
    top: 3px;
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.resizePageCover {
    filter: alpha(opacity=1);
    /* IE will not trigger events for invisible/transparent elements so give a really low opacity*/
    background: #bbb;
    display: none;
    height: 100%;
    left: 0;
    opacity: .01;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 498;
}

.dialogOverflowVisible {
    overflow: visible;
}

.ui-dialog.ui-draggable {
    height: auto !important;
    /* Bug 16347 */
}

.ui-dialog pre.maxHeight300 {
    max-height: 300px;
    overflow: auto;
    margin-top: 4px; 
}

.viewer_secclass_dropdown,
.viewer_inbox_dropdown,
.viewer_conttype_dropdown,
.inbox_create_secclass_dropdown,
.folder_create_secclass_dropdown,
.container_secclass_dropdown {
    float: left;
    overflow: hidden;
    width: 85%;
}

fieldset .success-summary {
    color: #00ff00;
    display: none;
    float: left;
    font-weight: bold;
    margin-left: 0.5em;
    margin-top: 1.75em;
    width: 20em;
}

fieldset span[class="field-validation-error"] {
    float: left;
    margin-left: 1em;
}

a.visited,
a:visited {
    color: #0000ff;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}

.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    background-color: #ffeeee;
    border: 1px solid #ff0000;
}

.validation-summary-errors {
    color: #ff0000;
    font-weight: bold;
}

.validation-summary-valid {
    display: none;
}

.silverlightControlHost {
    height: 800px;
    text-align: center;
    width: 99%;
}

.clearfix {
    clear: both;
    overflow: auto;
}

.admin_ribbon_box p {
    margin-left: 0.25em;
    margin-right: 1em;
}

.admin_content {
    display: block;
}

#admin_action .viewLicensesEditView div.buttons {
    /*width: auto;
    padding: 10px 25%;*/
    margin: 15px 0 30px 0;
    text-align: center;
    width: 100%;
}

#admin_action .RolePreferencesManagerView thead th {
    font-weight: normal;
    font-size: 11px;
}

/*#region Context Menu*/
.b-m-mpanel {
    background: var(--p-white-smoke);
    border: 1px solid #718BB7;
    left: 0;
    padding: 2px 0;
    position: absolute;
    top: 0;
    z-index: 99997;
}

.b-m-split {
    background: none;
    font-size: 0;
    height: 6px;
    margin: 0 2px;
}

.b-m-item,
.b-m-idisable {
    cursor: default;
    line-height: 100%;
    margin: 0 2px 0 3px;
    padding: 4px 2px;
}

.b-m-idisable {
    color: #808080;
}

.b-m-ibody,
.b-m-arrow {
    overflow: hidden;
    text-overflow: ellipsis;
}

.b-m-arrow {
    background: none;
}

.b-m-idisable .b-m-arrow {
    background: none;
}

.b-m-item img,
.b-m-ifocus img,
.b-m-idisable img {
    margin-right: 8px;
}

.b-m-ifocus {
    background: none;
    border: 1px solid var(--k-cyan-blue);
    cursor: default;
    line-height: 100%;
    margin: 0 2px 0 3px;
    padding: 3px 1px;
}

.b-m-idisable img {
    visibility: hidden;
}

/*#endregion ContextMenu*/

/*#region imgAreaSelect default style*/
.imgareaselect-border1,
.imgareaselect-border2,
.imgareaselect-border3,
.imgareaselect-border4 {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-handle {
    filter: alpha(opacity=50);
    background-color: #fff;
    border: solid 1px #000;
    opacity: 0.5;
}

.imgareaselect-outer {
    opacity: 0.5;
    z-index: -1;
}

.imgareaselect-selection {
    background: var(--k-lt-blue);
    opacity: 0.5;
}

.imgareaselect-selection.anno, .DataLinkQueryParameterView.special {
        background: var(--k-Cape-Honey);
 }

/*#endregion imgAreaSelect default style*/

.left_labeled_layout {
    list-style: none;
}

    .left_labeled_layout label {
        display: inline-block;
        float: left;
        margin: 3px 0 0;
        text-align: right;
        width: 125px;
    }

    .left_labeled_layout li {
        height: 20px;
        margin: 0 0 10px;
    }
.left_labeled_layout_forResets {
    list-style: none;
}
    .left_labeled_layout_forResets li {
        margin:4px 0 0;
    }
    .left_labeled_layout_forResets label {
        display: inline-block;
        float: left;
        margin: 0;
        text-align: right;
        width: 175px;
    }
/*#region datetimepicker */
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

    .ui-timepicker-div dl dt {
        float: left;
        clear: left;
        padding: 0 0 0 5px;
    }

    .ui-timepicker-div dl dd {
        margin: 0 10px 10px 40%;
    }

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-div .ui_tpicker_unit_hide {
    display: none;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
    background: none;
    color: inherit;
    border: none;
    outline: none;
    border-bottom: solid 1px #555;
    width: 95%;
}

    .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
        border-bottom-color: #aaa;
    }

.ui-timepicker-rtl {
    direction: rtl;
}

    .ui-timepicker-rtl dl {
        text-align: right;
        padding: 0 5px 0 0;
    }

        .ui-timepicker-rtl dl dt {
            float: right;
            clear: right;
        }

        .ui-timepicker-rtl dl dd {
            margin: 0 40% 10px 10px;
        }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {
    padding-right: 2px;
}

    .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
    .ui-timepicker-div.ui-timepicker-oneLine dt {
        display: none;
    }

    .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
        display: block;
        padding-top: 2px;
    }

    .ui-timepicker-div.ui-timepicker-oneLine dl {
        text-align: right;
    }

        .ui-timepicker-div.ui-timepicker-oneLine dl dd,
        .ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
            display: inline-block;
            margin: 0;
        }

            .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
            .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
                content: ':';
                display: inline-block;
            }

            .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
            .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
                content: '.';
                display: inline-block;
            }

    .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
    .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
        display: none;
    }

/*#endregion datetimepicker*/

.inlineblock {
    display: inline-block;
}

.block {
    display: block;
}

.displayTable {
    display: table;
}

.displayTableRow {
    display: table-row;
}

.displayTableCell {
    display: table-cell;
}
.displayUserPrompt {
    width: 100%;
}
.displayNone {
    display: none;
}

.flex {
    display: flex;
    align-items: center;
}

    .flex .flex_item {
        margin-right: 5px;
    }

        .flex .flex_item:last-child {
            margin-right: 0px;
        }

    .flex span.flex_item {
        flex: 0 1 auto;
    }

    .flex input.flex_item {
        flex: 1 0 auto;
    }

    .flex.justifyCenter {
        justify-content: center;
    }

    .flex.flexColumn {
        flex-direction: column;
    }

    .flex.flexRow {
        flex-direction: row;
    }

.fullWidth {
    width: 100%;
}

.fullHeight {
    height: 100%;
}

.halfHeight {
    height: 50%;
}

.morethanHalfHeight {
    height: 60%;
}

.threeQuarterHeight {
    height: 75%;
}

.almostFullHeight {
    height: 93%;
}

.inline {
    display: inline;
}

.half {
    float: left;
    width: 48%;
}

.underline {
    text-decoration: underline;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.whiteSpacePre {
    white-space: pre;
}

.whiteSpacePreWrap {
    white-space: pre-wrap;
}

.whiteSpaceNoWrap {
    white-space: nowrap;
}

.removeMargin {
    margin: 0;
}

.removeMarginLeft {
    margin-left: 0;
}

.removeMarginTop {
    margin-top: 0;
}

.spacingTopBottom {
    margin: 5px 0;
}

.spacingTopBottomMed {
    margin: 10px 0;
}

.spacingTop {
    margin: 15px 0 0;
}

.spacingTopSmall {
    margin: 5px 0 0;
}

.spacingTopLeft {
    margin: 5px 0 0 5px;
}

.spacingBottom {
    margin: 0 0 15px 0;
}

.spacingBottomSmall {
    margin: 0 0 5px 0;
}

.spacingLeftTopBottom {
    margin: 5px 0 5px 15px;
}

.spacingLeftTopBottom_CheckoutVersion {
    margin: 5px 0 -3px 15px;
}

.spacingLeft {
    margin: 0 0 0 15px;
}

.spacingLeftMax {
    margin: 0 0 0 42px;
}

.spacingLeftSmall {
    margin: 0 0 0 5px;
}

.spacingRight {
    margin: 0 15px 0 0;
}

.spacingRightSmall {
    margin: 0 5px 0 0;
}

.spacingLeftRight {
    margin: 0 5px;
}

.spacingLeftRightSmall {
    margin: 0 2px;
}

.spacingLeftTopSmall {
    margin: 0 0 15px 15px;
}

.paddingRightSmall {
    margin: 0 30px 0 0;
}
.spacingLeftBottom {
    margin: 0 0 15px 15px;
}

.spacingLeftBottomSmall {
    margin: 0 0 5px 5px;
}

.paddingLeft {
    padding: 0 0 0 15px;
}

.paddingRight {
    padding: 0 15px 0 0;
}

.radioLabelSpacing {
    position: relative;
    top: -2px;
}

.textAlignRight {
    text-align: right;
}

.textAlignLeft {
    text-align: left;
}

.AlignCenter {
    text-align: center;
    width: 100%;
}

.verticalAlignTop {
    vertical-align: top;
}

.verticalAlignMiddle {
    vertical-align: middle;
}

.horizontalAlignCenter {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.whiteText {
    color: #FFF;
}

.textareaResizeNone {
    resize: none;
}

.auditMargin {
    margin: 0 0 3px;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.adminMetaWidth {
    width: 390px;
}

.posRel {
    position: relative;
}

.posAbs {
    position: absolute;
}

.posFixed {
    position: fixed;
}

.posBottom {
    bottom: 0;
}

.invisibleWidth {
    position: absolute;
    visibility: hidden;
    display: inline-block;
}

.visibilityHidden {
    visibility: hidden;
}

.dialogPosRight {
    right: 18px;
}


.whiteBG {
    background: #FFF;
}

.no_text_select,
.custom_button {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

/*#region Viewer Icons */
.select_icon {
    background-position: -431px -264px;
}
.sticky_icon {
    background-position: -503px -216px;
}

.text_icon {
    background-position: -187px -186px;
}

.highlight_icon {
    background-position: -143px -185px;
}

.line_icon {
    background-position: -362px -181px;
}

.arrow_icon {
    background-position: -55px -56px;
}

.box_icon {
    background-position: -275px -231px;
}

.redaction_icon {
    background-position: -498px -168px;
}

.textstamp_icon {
    background-position: -364px -223px;
    width: 26px;
}

.imagestamp_icon {
    background-position: -365px -264px;
    width: 26px;
}

.selection_icon {
    background-position: -338px -2px;
}

.ellipse_icon {
    background-position: -98px -143px;
}

.expand_icon {
    background-position: -395px -221px;
}

.deleteIcon {
    background-position: -13px -144px;
    height: 18px;
    width: 18px;
}

    .deleteIcon.disabledIcon {
        background-position: -57px -145px;
        height: 18px;
        width: 18px;
    }

.show_annotations_icon {
    background-position: -533px -8px;
}

.show_bookmarks_icon {
    background-position: -391px -46px;
    height: 26px;
    width: 22px;
}

.vert_seperator,
.vert_seperator_hidable {
    background-position: -383px -2px;
    height: 24px;
    margin: 0 2px;
    width: 2px;
}

.date_icon {
    background-image: url("../../Content/images/docstar_sprite.png?v=24.2.161");
    background-position: -397px -133px;
    height: 24px;
    width: 24px;
}

/*#endregion Viewer Icons */

/*#region Dialog theming */
.ui-widget-overlay {
    background-color: var(--k-text);
    opacity: 35%;
}

.ui-dialog .ui-dialog-buttonpane {
    border-top: 1px solid var(--k-disabled);
    padding-bottom: 0;
}

.ui-dialog.ui-widget-content {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#FFFFFF');
    background: var(--p-white);
    /* W3C (IE10) maybe others soon.*/
    padding-bottom: 0;
    border: 1px solid var(--k-disabled);
    box-shadow: 0px 0px 6px var(--k-text);
}

    .ui-dialog.ui-widget-content .ui-icon-closethick {
        background-image: url("../../Content/images/docstar_sprite.png?v=24.2.161");
        background-position: -147px -59px;
    }

.ui-dialog .ui-widget-header {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCEFC7', endColorstr='#F1B616');
    background: none;
    /* W3C (IE10) maybe others soon.*/
    color: var(--p-black);
    border: 0;
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
    text-transform: uppercase;
    line-height: 22px;
    border-radius: 0;
    font-size: 18px;
}

    .ui-dialog .ui-widget-header .ui-corner-all.ui-button,
    .ui-dialog .ui-widget-header .ui-corner-all.ui-button:active,
    .ui-dialog .ui-widget-header .ui-corner-all.ui-button:focus,
    .ui-dialog .ui-widget-header .ui-corner-all.ui-button:hover,
    .ui-dialog .ui-widget-header .ui-corner-all.ui-state-default,
    .ui-dialog .ui-widget-header .ui-corner-all.ui-state-hover {
        background: inherit;
        border: none;
        color: #12c3f4;
    }

        .ui-dialog .ui-widget-header .ui-corner-all.ui-state-hover:hover {
            border: 1px solid #999;
        }

.ui-dialog .ui-dialog-buttonset .ui-button {
    font-size: 14px;
    cursor: pointer;
    line-height: 25px;
    position: relative;
    border-radius: 4px;
    background: none;
    color: var(--kc-interactive-blue);
    border: 0;
    text-align: center;
}

    .ui-dialog .ui-dialog-buttonset .ui-button:hover {
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .4);
        background: var(--p-white);
        color: var(--kc-interactive-hover);
        border: 0;
    }

    .ui-dialog .ui-dialog-buttonset .ui-button:focus {
        background: var(--p-white);
        color: var(--kc-interactive-blue);
        border: 1px solid var(--a-mauve);
    }

    .ui-dialog .ui-dialog-buttonset .ui-button:active {
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .4);
        background: var(--p-white);
        color: var(--kc-interactive-pressed);
        border: 0;
    }

    .ui-dialog .ui-dialog-buttonset .ui-button:disabled {
        color: var(--k-label);
        border: 0;
    }

    .ui-dialog .ui-dialog-buttonset .ui-button.ui-button-disabled:active {
        background: none;
        border: 0;
        display: inline-block;
        font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
        text-transform: uppercase;
        color: #008aa9;
        letter-spacing: 0;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        outline: 0;
        margin-bottom: 0;
    }

/*#endregion Dialog Theming */

/*#region Tab Theming */
/*Horizontal*/
.ui-tabs .ui-tabs-nav {
    border-bottom: 1px solid #d0d0d0;
    background-color: var(--p-white);
}

    .ui-tabs .ui-tabs-nav .ui-state-default {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9D9D9', endColorstr='#EEEEEE');
        background: none;
        border: 0;
    }

        .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-active {
            border-bottom: 3px solid #006880;
            color: #006880;
            background: 0 0;
            font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
            font-weight: 500;
            border-radius: 0;
            z-index: 10;
        }

    .ui-tabs .ui-tabs-nav a.ui-tabs-anchor {
        color: #000;
        text-align: center;
        margin: 0 8px;
        outline: 0;
    }

    .ui-tabs .ui-tabs-nav .leftMostTabBorder {
        border-top-right-radius: 25px;
    }

    .ui-tabs .ui-tabs-nav .centerTabBorder {
        margin: 1px 0 0 -20px;
        border: 0;
    }

    .ui-tabs .ui-tabs-nav .rightMostTabBorder,
    .ui-tabs .ui-tabs-nav .rightMostTabBorder.ui-state-active {
        margin: 1px 0 0 -20px;
    }

    .ui-tabs .ui-tabs-nav > li {
        border: 0;
    }

/*Vertical*/
.ui-tabs-vertical {
    width: auto;
}

    .ui-tabs-vertical .ui-tabs-nav {
        float: left;
        margin: 0px;
        padding-left: 3px;
        padding-bottom: 5px;
    }

        .ui-tabs-vertical .ui-tabs-nav li {
            clear: left;
            width: 100%;
            border-bottom-width: 1px;
            border-right-width: 0px;
            border: none;
            background: none;
        }

            .ui-tabs-vertical .ui-tabs-nav li a {
                display: block;
                border: none;
            }

        .ui-tabs-vertical .ui-tabs-nav .ui-tabs-anchor {
            padding: 4px 2px 0px 0px;
            outline: none;
        }

        .ui-tabs-vertical .ui-tabs-nav a.ui-tabs-anchor {
            margin: 0px;
        }

        .ui-tabs-vertical .ui-tabs-nav .ui-state-default {
            background: none;
        }

            .ui-tabs-vertical .ui-tabs-nav .ui-state-default.ui-state-active {
                background: none;
                text-decoration: underline;
                font-weight: bold;
            }

    .ui-tabs-vertical .ui-tabs-panel {
        float: left;
        width: 394px;
        margin-left: auto;
        padding-top: 5px;
        max-height: 100%;
        max-width: 100%;
        overflow: auto;
    }

/*#endregion Tab Theming*/

/*#region SelectMenu Theming */
.ui-selectmenu-menu {
    max-height: 300px;
    overflow: auto;
    border: 1px solid black;
}

    .ui-selectmenu-menu .ui-menu {
        padding: 0px;
        display: table;
    }

/*#endregion SelectMenu Theming */

.ui-menu .ui-menu-item.maxItemsExceeded a {
    white-space: pre-wrap;
}

.permissions {
    display: inline-block;
    padding: 5px 0;
    margin: 3px 0 0;
}

    .permissions > div div {
        display: inline-block;
        width: 229px !important;
    }

.approvalrequestDialog {
    width: 100%;
    max-width: 375px;
    min-width: 280px;
}

    .approvalrequestDialog > div > span:not(.warningErrorClass) {
        float: left;
        clear: left;
        margin: 12px 0 0 0;
        min-width: 110px;
        text-align: right;
    }

    .approvalrequestDialog > div > input {
        float: left;
        left: 10px;
        margin: 10px 0 0 0;
        position: relative;
    }

        .approvalrequestDialog > div > input[type="text"] {
            width: 54%;
        }

    .approvalrequestDialog > div > select {
        float: left;
        left: 10px;
        margin: 8px 0 0 0;
        position: relative;
        width: 55%;
    }

    .approvalrequestDialog .label-cbox {
        margin-top: 8px !important;
        float: left;
        position: relative;
    }

        .approvalrequestDialog .label-cbox label {
            position: relative;
            text-align: right;
            float: left;
            margin-right: 10px;
            min-width: 110px;
        }

.FormAddGroupSetButton,
.FormDeleteGroupSetButton {
    position: absolute;
    height: 10px;
    width: 10px;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid gray;
    border-radius: 3px;
}

    .FormAddGroupSetButton:hover,
    .FormDeleteGroupSetButton:hover {
        background-color: darkgray;
    }

.selectedAnno {
    border: 1px solid #51CBEE;
    box-shadow: 0px 1px 3px 0px rgba(81, 203, 238, 0.5);
}

    .selectedAnno:hover {
        cursor: move;
    }

/*#region ui-autocomplete */
.ui-autocomplete-category {
    font-weight: bold;
    padding: 2px 1px;
}

/*#endregion ui-autocomplete */

ul.multicolumnwidget li {
    display: table-row-group;
}

    ul.multicolumnwidget li .mcheaderrow {
        display: table-row;
        width: auto;
        font-weight: bold;
        background-color: lightgray;
        cursor: default;
    }

    ul.multicolumnwidget li .mcrow {
        display: table-row;
        width: auto;
    }

.multicolumnwidget li a div.mcitem {
    display: table-cell;
    padding: 0px 3px 0px 2px;
}


#masterForm #logUL {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000000;
    background-color: wheat;
}

#masterForm span.isRequired {
    width: auto;
    height: auto;
    position: static;
    display: inline;
}

/*#region Signature Element */

#masterForm .signatureAreaContainer > div[data-type="signature"] {
    border: 1px solid #000;
    width: 100%;
    height: 100%;
}

    #masterForm .signatureAreaContainer > div[data-type="signature"].requiresValueError {
        box-shadow: 0px 0px 1px 1px #ff0000;
        border-color: #ff0000;
    }

#masterForm .signatureClearBtn {
    float: right;
    margin: 2px -1px 0 0;
}

/*#endregion Signature Element */


.messageContainer {
    white-space: pre-wrap;
    height: 100%;
    overflow: auto;
}

.fileUploadInProgressDialog {
    margin: 0;
    padding: 0;
}

.RetainAttachments {
    display: none;
    padding-top: 10px;
}

#fileUploadInProgress {
    margin: 0;
    padding: 0;
}

    #fileUploadInProgress > div {
        border: 1px solid black;
        text-align: center;
        padding: 5px 10px;
        z-index: 400;
        white-space: nowrap;
    }

        #fileUploadInProgress > div .progressIndeterminate {
            width: 56px;
            height: 22px;
            display: inline-block;
            background-image: url("../../Content/images/indeterminate_progress.gif?v=24.2.161");
        }

/*#region Navigable Items */
.navigableContainer .ui-icon {
    cursor: pointer;
}

.navigableItem {
    border: 1px solid rgba(0, 0, 0, 0);
    /* transparent starting border, so shifting won't occur */
}

    .navigableItem.navigableItemHighlight {
        border-color: rgb(0, 138, 169);
        border-radius: 3px;
    }

        .navigableItem.navigableItemHighlight.focusBright {
            background: none repeat-x scroll 50% 50% #fbf9d0;
            border: 1px solid rgb(0, 138, 169);
            box-shadow: 0 1px 3px 0 rgb(0, 138, 169);
        }

        .navigableItem.navigableItemHighlight.focusMuted {
            background: none repeat-x scroll 50% 50% rgba(251, 249, 208, .3);
            /* lighten focusBright by 70% */
            border: 1px solid rgba(0, 138, 169, .3);
            box-shadow: 0 1px 3px 0 rgba(0, 138, 169, .3);
        }

.focusBright {
    -moz-transition: background-color 0.5s ease-in, border-color 0.5s ease-in, box-shadow 0.5s ease-in;
    /* FF4+ */
    -ms-transition: background-color 0.5s ease-in, border-color 0.5s ease-in, box-shadow 0.5s ease-in;
    /* IE10 */
    -o-transition: background-color 0.5s ease-in, border-color 0.5s ease-in, box-shadow 0.5s ease-in;
    /* Opera 10.5+ */
    -webkit-transition: background-color 0.5s ease-in, border-color 0.5s ease-in, box-shadow 0.5s ease-in;
    /* Saf3.2+, Chrome */
    transition: background-color 0.5s ease-in, border-color 0.5s ease-in, box-shadow 0.5s ease-in;
}

.focusMuted {
    -moz-transition: background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
    /* FF4+ */
    -ms-transition: background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
    /* IE10 */
    -o-transition: background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
    /* Opera 10.5+ */
    -webkit-transition: background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
    /* Saf3.2+, Chrome */
    transition: background-color 0.8s ease, border-color 0.8s ease, box-shadow 0.8s ease;
}

.animateHeight {
    -moz-transition: all 0.5s ease;
    /* FF4+ */
    -ms-transition: all 0.5s ease;
    /* IE10 */
    -o-transition: all 0.5s ease;
    /* Opera 10.5+ */
    -webkit-transition: all 0.5s ease;
    /* Saf3.2+, Chrome */
    transition: all 0.5s ease;
}

/*#endregion*/

/* check out check in dialog checkbox */

.checkout-btn .items_checkbox {
    position: relative;
    left: initial;
}

.checkinOptions .items_radio label {
    width: 80px;
}

.checkinOptions .items_radio {
    position: relative;
    left: initial;
}

.items_checkbox.restartCheck {
    left: 20px;
}

.items_checkbox.restartWFCheck {
    left: 15px;
}

#reassignWfDoc .items_checkbox {
    left: 15px;
    top: 10px;
}

.l-0,
.items_checkbox.l-0 {
    left: 0;
}

.l-10,
.items_checkbox.l-10 {
    left: 10px;
}

.mr-5 {
    margin-right: 5px;
}

.l-20,
.items_checkbox.l-20 {
    left: 20px;
}

.w-20,
.items_checkbox.w-20 {
    width: 20px;
}

.mt-2,
.items_checkbox.mt-2 {
    top: 2px;
}

.ml-30 {
    margin-left: 30px !important;
}

select[name="ReplacementId"] {
    min-width: 250px;
}

span.anchor:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #12c3f4;
}

/* Guided Learning Styles */

#walkme-menu.walkme-menu *,
#walkme-player *,
.walkme-custom-balloon-outer-div *,
.wm-shoutout *,
.walkme-survey-balloon *,
.walkme-tooltip-outer-div *,
.walkme-custom-launcher-outer-div,
.walkme-icon-image-div.walkme-launcher-image-div *,
#walkme-menu.walkme-menu.walkme-penguin,
.walkme-custom-balloon-outer-div.walkme-custom-popup-step *,
.walkme-survey-balloon * {
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
}

    #walkme-menu.walkme-menu.walkme-penguin .walkme-search-box,
    #walkme-menu.walkme-menu.walkme-penguin * .walkme-search-box {
        border: 1px solid #d3d3d3 !important;
        color: #112f41 !important;
    }

    #walkme-menu.walkme-menu.walkme-penguin .walkme-search-box-button,
    #walkme-menu.walkme-menu.walkme-penguin * .walkme-search-box-button {
        height: 33px !important;
    }

    #walkme-menu.walkme-menu.walkme-penguin.walkme-theme-white-orange .walkme-deployable.walkme-category > .walkme-deployable-row > .walkme-text > .walkme-name,
    .walkme-menu.walkme-penguin.walkme-theme-white-orange .walkme-activatable.walkme-category > .walkme-deployable-row > .walkme-text > .walkme-name,
    .walkme-menu.walkme-penguin *.walkme-theme-white-orange .walkme-deployable.walkme-category > .walkme-deployable-row > .walkme-text > .walkme-name,
    .walkme-menu.walkme-penguin *.walkme-theme-white-orange .walkme-activatable.walkme-category > .walkme-deployable-row > .walkme-text > .walkme-name {
        color: #112f41 !important;
        font-size: 12px !important;
    }

    #walkme-menu.walkme-menu.walkme-penguin.walkme-theme-white-orange .walkme-deployable.walkme-category.walkme-opened > .walkme-deployable-row > .walkme-text > .walkme-name,
    .walkme-menu.walkme-penguin.walkme-theme-white-orange .walkme-activatable.walkme-category.walkme-opened > .walkme-deployable-row > .walkme-text > .walkme-name,
    .walkme-menu.walkme-penguin *.walkme-theme-white-orange .walkme-deployable.walkme-category.walkme-opened > .walkme-deployable-row > .walkme-text > .walkme-name,
    .walkme-menu.walkme-penguin *.walkme-theme-white-orange .walkme-activatable.walkme-category.walkme-opened > .walkme-deployable-row > .walkme-text > .walkme-name {
        color: #12c3f4 !important;
    }

    div#walkme-menu.walkme-menu.walkme-penguin.walkme-override .walkme-deployable.walkme-override div.walkme-deployable-icon.walkme-override,
    div.walkme-menu.walkme-penguin.walkme-override .walkme-activatable.walkme-override div.walkme-deployable-icon.walkme-override,
    div.walkme-menu.walkme-penguin .walkme-override .walkme-deployable.walkme-override div.walkme-deployable-icon.walkme-override,
    div.walkme-menu.walkme-penguin .walkme-override .walkme-activatable.walkme-override div.walkme-deployable-icon.walkme-override,
    #walkme-menu.walkme-menu.walkme-penguin.walkme-theme-white-orange .walkme-deployable.walkme-category.walkme-opened .walkme-activatable:not(.walkme-inactive):hover > .walkme-deployable-row > .walkme-text > .walkme-deployable-name,
    #walkme-menu.walkme-menu.walkme-penguin.walkme-theme-white-orange .walkme-activatable.walkme-category.walkme-opened .walkme-activatable:not(.walkme-inactive):hover > .walkme-deployable-row > .walkme-text > .walkme-deployable-name,
    #walkme-menu.walkme-menu.walkme-penguin *.walkme-theme-white-orange .walkme-deployable.walkme-category.walkme-opened .walkme-activatable:not(.walkme-inactive):hover > .walkme-deployable-row > .walkme-text > .walkme-deployable-name,
    #walkme-menu.walkme-menu.walkme-penguin *.walkme-theme-white-orange .walkme-activatable.walkme-category.walkme-opened .walkme-activatable:not(.walkme-inactive):hover > .walkme-deployable-row > .walkme-text > .walkme-deployable-name {
        color: #008aa9 !important;
    }

    #walkme-menu.walkme-menu.walkme-penguin .walkme-deployables-list,
    #walkme-menu.walkme-menu.walkme-penguin * .walkme-deployables-list {
        border: #d3d3d3 1px solid !important;
    }

    #walkme-menu.walkme-menu.walkme-penguin.walkme-theme-white-orange .walkme-jspTrack,
    #walkme-menu.walkme-menu.walkme-penguin *.walkme-theme-white-orange .walkme-jspTrack {
        background: #12c3f4 !important;
    }

    #walkme-menu.walkme-menu.walkme-penguin.walkme-theme-white-orange .walkme-jspDrag,
    .walkme-menu.walkme-penguin *.walkme-theme-white-orange .walkme-jspDrag {
        background: #008aa9 !important;
        border: #12c3f4 1px solid !important;
    }

div#walkme-menu.walkme-menu.walkme-penguin.walkme-override div.walkme-search-box-button,
div#walkme-menu.walkme-menu.walkme-penguin .walkme-override div.walkme-search-box-button {
    background-color: #008aa9 !important;
}

    div#walkme-menu.walkme-menu.walkme-penguin.walkme-override div.walkme-search-box-button:hover,
    div#walkme-menu.walkme-menu.walkme-penguin .walkme-override div.walkme-search-box-button:hover,
    button.walkme-custom-balloon-button.walkme-custom-balloon-submit-button:hover {
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .4) !important;
    }

div#walkme-menu.walkme-menu.walkme-penguin.walkme-override.walkme-direction-ltr div.walkme-main,
div#walkme-menu.walkme-menu.walkme-penguin .walkme-override.walkme-direction-ltr div.walkme-main,
.walkme-survey-balloon * {
    border: 0 !important;
}

div.walkme-search-results-list-inner.walkme-override.walkme-css-reset div.walkme-message.walkme-no-results {
    line-height: 24px;
    color: #86898d !important;
}

span#wm-activator {
    color: #12c3f4;
}

textarea[name="CommandText"], textarea[name="OldCommandText"] {
    font-family: monospace
}


.walkme-survey .walkme-survey-title {
    font-size: 11px !important;
    color: #f4ca6d !important;
    text-transform: uppercase;
    padding: 5px 0;
}

button.walkme-custom-balloon-button.walkme-custom-balloon-submit-button {
    height: 30px !important;
    line-height: 22px;
    min-width: 75px !important;
    background: #008aa9 !important;
    border: 1px solid #008aa9 !important;
}

.walkme-custom-balloon-button-text {
    font-size: 12px !important;
}

.walkme-survey-balloon * {
    border: none !important;
}

#walkme-menu.walkme-menu.walkme-penguin.walkme-theme-white-orange .walkme-minimize,
#walkme-menu.walkme-menu.walkme-penguin *.walkme-theme-white-orange .walkme-minimize {
    color: #000 !important;
}

#walkme-menu.walkme-menu.walkme-penguin.walkme-theme-white-orange .walkme-main .walkme-title,
#walkme-menu.walkme-menu.walkme-penguin *.walkme-theme-white-orange .walkme-main .walkme-title {
    color: #f4ca6d !important;
    font-size: 11px !important;
    text-transform: uppercase;
}

#walkme-menu.walkme-menu.walkme-penguin .walkme-main .walkme-title,
#walkme-menu.walkme-menu.walkme-penguin * .walkme-main .walkme-title {
    font-size: 17px !important;
}

.walkme-custom-balloon-outer-div .walkme-click-and-hover.walkme-custom-balloon-close-button.walkme-action-close.walkme-inspect-ignore {
    font-size: 23px !important;
    color: #000 !important;
    font-weight: bold !important;
}

.walkme-category .walkme-content.walkme-accessible,
.walkme-category .walkme-flow.walkme-visible.walkme-deployable,
.walkme-content.walkme-visible.walkme-accessible.walkme-deployable,
.walkme-header.walkme-header-content.walkme-visible.walkme-deployable,
.walkme-flow.walkme-visible.walkme-deployable {
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .2);
    margin: 10px !important;
    padding: 10px 0 !important;
}

#walkme-menu.walkme-menu.walkme-penguin.walkme-theme-white-orange .walkme-tabs .walkme-tab-button.walkme-tab-button-selected .walkme-tab-button-image,
#walkme-menu.walkme-menu.walkme-penguin *.walkme-theme-white-orange .walkme-tabs .walkme-tab-button.walkme-tab-button-selected .walkme-tab-button-image,
#walkme-menu.walkme-menu.walkme-penguin.walkme-theme-white-orange .walkme-activatable:hover > .walkme-deployable-row > .walkme-text > .walkme-deployable-name,
#walkme-menu.walkme-menu.walkme-penguin *.walkme-theme-white-orange .walkme-activatable:hover > .walkme-deployable-row > .walkme-text > .walkme-deployable-name {
    color: #008aa9 !important;
}

.walkme-custom-balloon-outer-div.wm-design-template-207206 .walkme-custom-balloon-inner-div,
.wm-design-template-207206 .walkme-custom-balloon-inner-div {
    border: 2px solid #12c3f4 !important;
}

#walkme-menu.walkme-menu.walkme-penguin.walkme-theme-white-orange .walkme-tabs .walkme-tab-button.walkme-tab-button-not-selected .walkme-tab-button-image,
#walkme-menu.walkme-menu.walkme-penguin *.walkme-theme-white-orange .walkme-tabs .walkme-tab-button.walkme-tab-button-not-selected .walkme-tab-button-image {
    color: #a1a1a1 !important;
}

#walkme-menu.walkme-menu.walkme-penguin.walkme-theme-white-orange .walkme-activatable:hover,
#walkme-menu.walkme-menu.walkme-penguin *.walkme-theme-white-orange .walkme-activatable:hover {
    background-color: #ebebeb !important;
}

#walkme-menu.walkme-menu.walkme-penguin.walkme-theme-white-orange .walkme-category > .walkme-deployable-row:hover,
#walkme-menu.walkme-menu.walkme-penguin.walkme-theme-white-orange .walkme-category.walkme-opened > .walkme-deployable-row:hover,
#walkme-menu.walkme-menu.walkme-penguin *.walkme-theme-white-orange .walkme-category > .walkme-deployable-row:hover,
#walkme-menu.walkme-menu.walkme-penguin *.walkme-theme-white-orange .walkme-category.walkme-opened > .walkme-deployable-row:hover,
#walkme-menu.walkme-menu.walkme-penguin.walkme-theme-white-orange .walkme-category > .walkme-deployable-row:hover .walkme-deployable-icon,
#walkme-menu.walkme-menu.walkme-penguin.walkme-theme-white-orange .walkme-category.walkme-opened > .walkme-deployable-row:hover .walkme-deployable-icon,
#walkme-menu.walkme-menu.walkme-penguin *.walkme-theme-white-orange .walkme-category > .walkme-deployable-row:hover .walkme-deployable-icon,
#walkme-menu.walkme-menu.walkme-penguin *.walkme-theme-white-orange .walkme-category.walkme-opened > .walkme-deployable-row:hover .walkme-deployable-icon {
    background-color: #f5f5f5 !important;
}

.walkme-custom-side-border {
    background: none !important;
}

.walkme-survey-question .walkme-survey-question-title {
    font-size: 13px !important;
    font-weight: normal !important;
}

.walkme-survey-answer.walkme-survey-answer-textarea {
    border: 1px solid #d5d5d5 !important;
}

#walkme-menu.walkme-menu.walkme-penguin .walkme-message .walkme-text,
#walkme-menu.walkme-menu.walkme-penguin * .walkme-message .walkme-text {
    text-align: center;
    font-size: 12px;
    padding: 0 10px;
    color: #112f41 !important;
}

/*#region Loading spinner */
@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    margin: 0 5px;
    width: 1rem;
    height: 1rem;
    vertical-align: text-bottom;
    border: .15em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}
input.ui-icon.ui-icon-pencil {
    cursor: pointer;
}
/* #endregion */

.buzzSpaceContent {
    height: 98%;
}

.customGridFooterContainer .messageContainer {
    padding-top: 3px;
}

.admin_ribbon_box .contentTypeBuilder,
.admin_ribbon_box .packageTypeBuilder,
.admin_ribbon_box .submissionTypeBuilder {
    margin-left: 8px;
}

#buzzSpace .neverAgainCont {
    left: 22px;
}
/*Below are the root color variables*/
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro?v=24.2.161);

:root {
    /*Primary Colors*/
    --p-teal: #025064;
    --p-aqua: #90d2b5;
    --p-white: #ffffff;
    --p-black: #000000;
    --p-red: #ff2102;
    --p-lt-gray: #eef2f5;
    --p-white-smoke: #f0f0f0;
    /*Accent colors*/
    --a-sky-blue: #a9dcf8;
    --a-mauve: #b5709a;
    --a-peach: #febe9f;
    --a-jade: #049e8a;
    --a-watermelon: #ff8873;
    /*Industry colors*/
    --i-mf-blue: #7bafc4;
    --i-dis-lilac: #A3b8d8;
    --i-retail-yellow: #e4df81;
    --i-auto-gray: #b0babd;
    --i-lumbr-brown: #d3c3ae;
    --i-lt-grayish-yellow: #fbf9d0;
    /*Kinetic Text colors*/
    --k-text: #000000;
    --k-label: #616161;
    --k-sec-text: #333333;
    --k-disabled: #cccccc;
    /*Kinetic colors*/
    --kc-interactive-blue: #0d6b9e;
    --kc-interactive-hover: #118ed1;
    --kc-interactive-pressed: #09496b;
    --kc-panel-card-bg: #d1dfe3;
    --kc-panel-card-border: #91bec9;
    --kc-interactive-selected: #fcfbdc;
    --kc-interactive-selected-band: #fcfce8;
    --kc-interactive-gray: #f2f2f2;
    --kc-interactive-sucess: #48bfaa;
    --kc-interactive-warning: #fcf8a9;
    --kc-interactive-error: #ff7a69;
    --kc-grid-header: #c1e4f7;
    --kc-grid-banding: #edf9ff;
    --kc-dropdown-banding: #edf9ff;
    /*Other Kinetic Page colors*/
    --k-cool-gray: #eef2f5;
    --k-dark-blue: #006880;
    --k-lt-gray: #d7d7d7;
    --k-lt-shade-gray: #aaa;
    --k-black-panther: #424242;
    --k-Ship-Cove: #718bb7;
    --k-cyan-blue: #aaccf6;
    --k-lt-blue: #b2dfee;
    --k-Cape-Honey: #fee6a4;
    --k-pattens-blue: #d4e8fc;
    --k-rust: #a93306;
    --k-snow: #f9f9f9;
    --k-corn-silk: #fff6db;
    --k-turquoise-blue: #51cbee;
    /*Scrollbar width*/
    --k-scroll: thin;
}

/* Disable native date pickers (but not entirely...) still causes issues with using jquery datepicker and Chrome */
input::-webkit-calendar-picker-indicator {
    display: none;
}

input[type="date"]::-webkit-input-placeholder {
    visibility: hidden !important;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* End Disable native date pickers */

#cf_folder_list a {
    color: #000;
}

#selectFolder #Root > a,
#retrieve_layout_selectContainer #Root > a {
    color: var(--k-text);
}

    #selectFolder #Root > a:hover,
    #retrieve_layout_selectContainer #Root > a:hover {
        text-decoration: none;
    }

#selectFolder #cf_folder_list #Root ul li a {
    white-space: pre;
}

#replace_r select {
    max-width: 200px;
}

#replace_u select {
    max-width: 200px;
}

#replace_r .replaceDescription,
#replace_u .replaceDescription {
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-height: calc(100% - 24px);
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

.admin_ribbon_box {
    display: inline-block;
    margin: 0 0 5px 0;
    text-align: left;
    vertical-align: top;
    width: 100%;
    overflow: auto;
    height: Calc(100vh - 92px);
}

    .admin_ribbon_box .contentTypeBuilder,
    .admin_ribbon_box .packageTypeBuilder,
    .admin_ribbon_box .submissionTypeBuilder {
        padding-bottom: 3px;
        color: var(--kc-interactive-blue);
        padding-left: 5px;
    }

#admin_menu details {
    cursor: pointer;
}

    #admin_menu details summary {
        background-color: var(--kc-panel-card-bg);
        padding-bottom: 8px;
        border-bottom: 1px solid var(--kc-panel-card-border);
        border-radius: 3px;
    }

        #admin_menu details summary b, #admin_menu details a {
            padding-left: 15px;
        }

    #admin_menu details > summary {
        list-style: none;
        position: relative;
    }

#admin_menu summary:after {
    /* ui-icon-caret-1-e */
    background-image: url("../../Content/themes/jquery-ui/custom/images/ui-icons_222222_256x240.png?v=24.2.161");
    content: "";
    width: 16px;
    height: 16px;
    background-position: -32px 0;
    position: absolute;
    top: 11px;
    left: 0px;    
}

#admin_menu details[open] summary:after {
    /* ui-icon-caret-1-s */
    background-image: url("../../Content/themes/jquery-ui/custom/images/ui-icons_222222_256x240.png?v=24.2.161");
    content: "";
    background-position: -65px 0;
    width: 16px;
    height: 16px;
}

#company_box {
    border: none;
}

#layout {
    width: 100%;
}

#two_col,
#main,
#main_tabs,
#tabs-4,
#tabs {
    height: 100%;
}

#admin_action {
    width: Calc(100vw - 234px);
    overflow: auto;
    height: Calc(100vh - 45px);
}

    #admin_action .short_btn {
        height: 30px;
        line-height: 27px;
        width: auto;
        padding: 1px 15px;
        text-decoration: none;
    }

    #admin_action label.short_btn {
        vertical-align: bottom;
    }

    #admin_action .long_btn {
        height: auto;
        line-height: 25px;
        width: auto;
        padding: 1px 15px;
        text-decoration: none;
        min-width: 75px;
    }
    /*DOC-5883 Rebranding - button changes for Admin screen*/
    #admin_action .short_btn:focus {
        outline: 1px solid var(--a-mauve);
        outline-offset: 2px;
    }

    #admin_action .short_btn:hover {
        background: var(--kc-interactive-hover);
        border: 1px solid var(--kc-interactive-hover);
    }

    #admin_action .short_btn:active {
        background: var(--kc-interactive-pressed);
        border: 1px solid var(--kc-interactive-pressed);
        outline: none;
    }

    #admin_action .short_btn:disabled,
    .short_btn:disabled {
        background-color: var(--kc-interactive-gray);
        box-shadow: initial;
        color: var(--k-label);
        /* border-color: transparent; */
        border: none;
        border-bottom: 1px solid var(--k-disabled);
        cursor: not-allowed
    }

    #admin_action .cancel_btn {
        font-size: 14px;
        cursor: pointer;
        line-height: 25px;
        position: relative;
        border-radius: 4px;
        background: none;
        color: var(--kc-interactive-blue);
        border: 0;
        text-align: center;
    }

        #admin_action .cancel_btn:hover {
            background: var(--p-white);
            color: var(--kc-interactive-hover);
            border: 0;
            box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
        }

        #admin_action .cancel_btn:focus {
            background: var(--p-white);
            color: var(--kc-interactive-blue);
            border: 1px solid var(--a-mauve);
            outline: none;
        }

        #admin_action .cancel_btn:active {
            box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
            background: var(--p-white);
            color: var(--kc-interactive-pressed);
            border: none;
        }

        #admin_action .cancel_btn:disabled {
            color: var(--k-label);
            background: none;
            border: 0;
            box-shadow: initial;
        }

#admin_throbber {
    display: table;
    height: 300px;
    width: 100%;
}

    #admin_throbber div {
        display: table-cell;
        vertical-align: middle;
    }

    #admin_throbber img {
        height: 20px;
        width: 20px;
    }

#admin_action h2 {
    margin: 0 0 0 5px;
    padding: 5px 0;
    /*DOC-5883 Rebranding - color change for header in Admin screen*/
    color: var(--kc-interactive-blue);
}

.admin-form, /* Caution: poorly named/applied class 'admin_form' is used far beyond admin pages! */
#admin_action .admin-form {
    border: 1px solid var(--kc-panel-card-border);
    border-radius: 5px;
    background: var(--k-snow);
}

#admin_tab_panel .admin-form { 
    display: inline-block;
}

#admin_menu {
    background-color: #fff;
    padding: 5px;
    float: left;
    width: 200px;
    overflow: auto;
}

#admin_screen {
    position: relative;
    background-color: #fff;
    padding-left: 5px;
    display: table-cell;
    width: 100%;
}

.admin_screen input[type="password"],
.admin_screen input[type="text"],
.admin_screen input[type="datetime"],
.admin_screen input[type="number"],
.customFieldMetaEditView input[type="text"] {
    width: 200px;
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
    font-size: 13px;
    margin-right: 20px;
    margin-left: 5px;
}

#admin_screen span.wideInput input {
    width: 100%;
}

#admin_screen span.wideInput {
    display: block;
    overflow: hidden;
}

#mask_layout input[type="password"],
#mask_layout input[type="text"] {
    width: 45%;
}

#mask_layout span.metalabel.fleft {
    float: left;
}

.metaarea .test-ip-btn {
    width: 100px;
}

#mask_layout span.metalabel #mask_layout input.metainput {
    display: inline-block;
    float: none;
}

#admin_screen select {
    width: 205px;
}

.customFieldMetaEditView input[name="fieldsFilter"] {
    width: calc(100% - 215px);
    min-width: 215px;
    margin: 0;
}

#admin_screen #exportTabs select {
    width: 100%;
}

#admin_screen select {
    font-size: 13px;
}

    #admin_screen select option:hover {
        background-color: var(--kc-interactive-hover);
        color: var(--p-white);
    }

    #admin_screen select option:checked {
        background-color: var(--kc-interactive-blue);
        color: var(--p-white);
    }

    #admin_screen select option:focus {
        background-color: var(--kc-interactive-blue);
        color: var(--p-white);
    }

#admin_screen #exportImport_layout div.buttons span {
    margin: 5px;
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
    font-size: 13px;
}

#group_layout select {
    width: 100%;
    height: 98%;
    background-color: var(--p-white);
}

    #group_layout select option:checked {
        background-color: var(--kc-interactive-blue);
    }

#admin_screen #ctFields select {
    width: 100%;
}

#lic_exp {
    display: inline-block;
    float: left;
    margin: -1px 6px 0;
    position: relative;
}

#admin_screen #buzzSchedule input.hasDatepicker {
    float: none;
}

#pass_success .success_message {
    display: none;
    left: 130px;
    position: relative;
    width: 300px;
}

#reassignWfDoc .updation_message {
    float: right;
}

#login_error {
    color: Red;
    padding-bottom: 5px;
    text-align: center;
}

#header {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008AA9', endColorstr='#008AA9');
    background-color: var(--p-teal);
    height: 45px;
    margin: 0 0 0 0;
    position: relative;
}

    #header .f_height {
        height: 100%;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: -1px;
    }

#qs {
    display: none;
    float: left;
    left: -2px;
    padding: 4px 4px 0;
    position: relative;
    top: 8px;
    z-index: 99;
    /* Needs to overlay things below it, but allow dialogs to overlay it - Bug 15846*/
}

#qtext {
    box-shadow: none;
    display: inline-block;
    float: left;
    height: 25px;
    margin: 0;
    padding: 0;
    width: 237px;
    min-width: 45px;
    max-width: 237px;
}

#qsbuttonClear {
    color: var(--p-white);
    left: 2px;
}

#qsbuttonClear > .eraserIcon {
    left: 5px;
    top: 5px;
    position: relative;
}

#qsbutton {
    color: var(--p-white);
    left: 4px;
    /*border: 1px solid var(--p-white);*/
}

#qsbutton > .ui-icon-search {
    top: 7px;
    right: 3px;
}

#qsbuttonClear,
#qsbutton {
    cursor: pointer;
    float: left;
    /*left: 2px;*/
    line-height: 25px;
    position: relative;
    border-radius: 4px;
    margin: 0 0px 5px 0;
    /*padding: 0 15px;*/
    background: var(--p-white);
    -moz-box-shadow: initial;
    -webkit-box-shadow: initial;
    box-shadow: initial;
    text-align: left;
    text-indent: 10px;
    display: inline-block;
    height: 25px;
    width: 24px;
    color: var(--kc-interactive-blue)
}

    #qsbuttonClear:hover,
    #qsbutton:hover {
        color: var(--kc-interactive-hover);
        outline: none;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
    }

    #qsbuttonClear:active,
    #qsbutton:active {
        color: var(--kc-interactive-pressed);
        outline: none;
        box-shadow: 0px 3px 6px rgba(0, 1, 3, 0.15);
    }

    #qs .savedSearchSelection:hover,
    #qsbutton:hover ~ .savedSearchSelection {
        box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .4);
    }

#qs .savedSearchSelection {
    top: 0px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: none;
    background: var(--p-white);
}

#qs .warningErrorClass {
    margin: -9px 0 0 0;
    position: absolute;
}

.button_icon {
    position: absolute;
    right: 6px;
    top: 6px;
    background-image: none;
}

#qs_suggested, #vocab_suggestions {
    background: #FFF;
    border: 1px solid #999;
    display: none;
    list-style: none outside none;
    margin: 25px 0 0 0;
    overflow-x: hidden;
    padding: 0;
    position: absolute;
    min-width: 45px;
    max-width: 237px;
}

    #qs_suggested li, #vocab_suggestions li {
        font-size: 11px;
        padding: 4px 0;
        position: relative;
        text-indent: 3px;
        width: 100%;
    }

        #qs_suggested li:hover,
        #qs_suggested li.selected,
        #vocab_suggestions li:hover,
        #vocab_suggestions li.selected {
            background: #D8E4F3;
            cursor: pointer;
        }

#masterOfAll {
    height: calc(100% - 2px);
    overflow: hidden;
}

#browse,
#main {
    display: none;
    float: left;
    height: calc(100% - 4px);
}

#main {
    width: 50%;
}

#two_col {
    height: 100%;
    width: 100%;
}

#tab_panel_container {
    min-height: 577px;
}

#browse,
#main,
#tabs,
#two_col {
    min-height: 577px;
    background-color: var(--p-lt-gray);
}

#browse {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008AA9', endColorstr='#008AA9');
    background-color: var(--p-lt-gray);
    height: auto;
    max-height: 100%;
    max-width: 30%;
    min-width: 15px;
    position: relative;
    width: 170px;
    clear: both;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto min-content 1fr;
}

    #browse .ui-resizable-e {
        cursor: e-resize;
        height: 100%;
        right: -1px;
        width: 4px;
        z-index: 499;
    }

    #browse > .ps-scrollbar-y-rail {
        z-index: 11;
    }

#col_border_top {
    background: #d0d0d0;
    /* border-bottom: 1px solid black;*/
    height: 4px;
    position: relative;
    width: 100%;
    z-index: 0;
}

#search_results {
    margin-bottom: 10px;
    text-align: left;
}

    #search_results table {
        border: 0;
        width: 100%;
    }

    #search_results td {
        border: 0;
        text-align: left;
    }

#document_viewer {
    float: left;
    vertical-align: top;
}

#document_view img {
    margin: 0;
    padding: 0;
}

#viewer_menu {
    text-align: left;
    width: 400px;
}

#thumbnail_viewer {
    bottom: -1px;
    position: absolute;
    right: -1px;
}

#document_meta {
    float: left;
}

    #document_meta ul {
        display: inline;
        list-style: none;
    }

    #document_meta li {
        clear: left;
        float: left;
        padding-bottom: 0.5em;
    }

    #document_meta label {
        float: left;
        padding-right: 0.5em;
        text-align: left;
        width: 5em;
    }

    #document_meta input {
        float: left;
    }

#admin_menu {
    position: relative;
    text-align: left;
    z-index: 0;
}

    #admin_menu.collapsed {
        height: 15px;
    }

    #admin_menu b {
        display: block;
        padding-top: 10px;
        color: #008aa9;
        font-size: 14px;
    }

    #admin_menu a {
        color: var(--kc-interactive-blue);
        display: block;
        position: relative;
        position: relative;
        text-decoration: none;
        padding-bottom: 3px;
    }

#siteAdminPermissions {
    position: relative;
    top: 3px;
    left: 45px;
}

#evenPerms,
#oddPerms {
    display: inline-block;
    float: left;
    left: 25px;
    min-width: 160px;
    position: relative;
    width: 49%;
}

#admin_menu a:visited {
    color: var(--kc-interactive-blue);
}

#admin_menu a:hover,
#admin_menu span:hover {
    text-decoration: underline;
    cursor: pointer;
    color: var(--kc-interactive-hover);
}

#admin_menu a:focus,
#admin_menu span:focus {
    outline: 1px solid var(--a-mauve);
    outline-offset: 2px;
}

#admin_menu #menu_filter{
    width: 98%;
}

#admin_tab_panel {
    background: white;
    position: fixed;
}

div #admin_tab_panel.show_tabs {
    height: 100%;
}

#admin_tab_panel .selected,
#admin_tab_panel .selected:visited {
    font-weight: bold;
    text-decoration: underline;
    color: var(--p-black);
}

#settings_box {
    border-right: 0;
}

#create_user_div {
    width: 325px;
}

#login_error {
    height: 1em;
    text-align: center;
}

.inputErrorClass {
    border-color: Red;
    color: Red;
}

.ui-dialog {
    z-index: 10000;
}

    .ui-dialog .warningErrorClass,
    #saveAsDialog .warningErrorClass {
        float: left;
        display: inline-block;
        width: 100%;
        margin: 12px 0 0 0;
    }

input.new_name[type="text"] {
    width: 200px;
}

.warningErrorClass {
    color: var(--kc-interactive-error);
    padding-left: 3px;
}

.unstyledList,
.workflow,
.docFreeze {
    list-style: none;
    padding: 0;
    text-align: left;
}

    .unstyledList label {
        display: inline-block;
        float: left;
        padding-right: 5px;
        position: relative;
        text-align: right;
        top: 0;
        width: 175px;
    }

.docuSignSettingsList label {
    display: inline-block;
    text-align: right;
    width: 200px;
}

#docuSignUserDetails label {
    width: 100px;
}

.docuSignSettingsList div {
    margin-bottom: 10px
}

.unstyledList.narrow label {
    width: 70px;
}

.unstyledList label + .metaValue {
    width: calc(100% - 150px);
    float: left;
}

fieldset[name="queries"] .unstyledList input[type="radio"] {
    margin: 0;
}

.docFreeze label {
    display: inline-block;
    float: left;
    padding-right: 5px;
    position: relative;
    text-align: right;
    top: 3px;
    width: 50px;
}

.docFreeze .warningErrorClass {
    margin: 0 0 0 55px; /* Indent by .docFreeze label */
}

.unstyledList li,
.workflow li,
.docFreeze li {
    display: inline-block;
    padding-bottom: 5px;
    width: 100%;
}

.unstyledList .buttons {
    padding-left: 12em;
    width: auto;
}

.workflow span {
    display: inline-block;
    padding-right: 5px;
    text-align: right;
    width: 140px;
}

textarea[name="buzz_content"] {
    height: 500px;
    width: 500px;
}

.admin_action .unstyledList li {
    display: inline-block;
}

    .admin_action .unstyledList li#val_type_cont .items_checkbox input {
        left: 162px;
    }

#admin_action .narrow.unstyledList > li {
    display: block;
}

#admin_action fieldset[name="queries"] div.inlineblock .unstyledList > li {
    display: block;
    width: auto;
}

#admin_action .buttons {
    display: inline-block;
    /*padding: 10px 40%;
    width: 330px;*/
    margin: 15px 0 30px 0;
    text-align: center;
}

#admin_action .listarea {
    float: left;
    width: 35%;
}

#admin_action .metaarea {
    display: inline-block;
    width: 64%;
}

#admin_action .ctlist {
    margin: 0 0 5px;
    width: 98%;
}

.security-users .short_btn,
.security-groups .short_btn {
    width: 100px;
}

.admin_action .metalabel {
    display: inline-block;
    float: left;
    min-width: 125px;
    padding: 0 5px 0 0;
    text-align: right;
    width: 30%;
}

#admin_action #indexLayout .metalabel {
    min-width: 233px;
}

#admin_action .metainput,
#admin_action .metaselect {
    display: inline-block;
    float: left;
    width: 65%;
}

#admin_action #indexLayout .metainput,
#admin_action #indexLayout .metaselect {
    width: auto;
}

#admin_action div.input {
    height: 20px;
    margin: 0 0 10px 0;
}

#admin_action .contentTypeDefaultsLayout div.input {
    height: auto;
}

#admin_action #indexLayout div.input {
    display: inline-block;
    float: left;
    height: auto;
    margin: 2.5px 0;
    width: 50%;
}

#admin_action #indexLayout .metaarea {
    width: 100%;
}

#admin_action #indexLayout > fieldset {
    margin: 0 6px 0 0;
}

#admin_action .multiselect {
    display: inline-block;
}

select[name='CustomFieldSelection'] {
    height: 64px;
}

#ct_perm .permissions {
    position: relative;
    top: 10px;
    width: 48%;
}

#ct_perm .metaarea {
    padding: 5px 0;
    width: 48%;
}

    #ct_perm .metaarea .metalabel {
        min-width: 140px;
    }

#ct_perm span.metalabel {
    float: none;
    position: relative;
    width: 130px;
}

#ct_buttons {
    display: inline-block;
    padding: 10px 40%;
    position: relative;
    width: 200px;
}

#admin_action .contentTypeDTO,
.contentTypeDTO {
    display: inline-block;
    width: 100%;
}

    #admin_action .contentTypeDTO .metaarea,
    .contentTypeDTO .metaarea {
        width: 100%;
    }

    #admin_action .contentTypeDTO div.input,
    .contentTypeDTO div.input {
        display: table;
        width: 100%;
        vertical-align: middle;
        margin: 0 0 5px;
    }

        #admin_action .contentTypeDTO div.input .metalabel,
        .contentTypeDTO div.input .metalabel {
            float: none;
            width: 140px;
            display: table-cell;
            vertical-align: middle;
        }

            #admin_action .contentTypeDTO div.input .metalabel.alignTop,
            .contentTypeDTO div.input .metalabel.alignTop {
                vertical-align: top;
            }

        #admin_action .contentTypeDTO div.input metaselect,
        .contentTypeDTO div.input metaselect,
        #admin_action .contentTypeDTO div.input metainput,
        .contentTypeDTO div.input metainput {
            display: table-cell;
            vertical-align: middle;
        }

        #admin_action .contentTypeDTO div.input .short_btn,
        .contentTypeDTO div.input .short_btn {
            float: right;
            height: 18px;
            line-height: 18px;
        }

    #admin_action .contentTypeDTO div.inputJQGrid,
    .contentTypeDTO div.inputJQGrid {
        display: table;
        vertical-align: top;
        height: auto;
    }

        #admin_action .contentTypeDTO div.inputJQGrid .metalabel.alignTop,
        .contentTypeDTO div.inputJQGrid .metalabel.alignTop {
            vertical-align: top;
        }

        #admin_action .contentTypeDTO div.inputJQGrid .ui-jqgrid,
        .contentTypeDTO div.inputJQGrid .ui-jqgrid {
            display: table-cell;
            vertical-align: top;
        }

    #admin_action .contentTypeDTO input.metainput,
    .contentTypeDTO input.metainput {
        width: 325px;
    }

        #admin_action .contentTypeDTO input.metainput[name="DefaultFolderName"],
        .contentTypeDTO input.metainput[name="DefaultFolderName"] {
            width: 210px;
        }

    #admin_action .contentTypeDTO .folder_icon,
    .contentTypeDTO .folder_icon {
        display: inline-block;
        left: 7px;
        position: relative;
        top: 1px;
    }

    #admin_action .contentTypeDTO .metaselect,
    .contentTypeDTO .metaselect {
        width: 100%;
    }

    #admin_action .contentTypeDTO .ctlist,
    .contentTypeDTO .ctlist {
        height: 405px;
    }

    #admin_action .contentTypeDTO .warningErrorClass,
    .contentTypeDTO .warningErrorClass {
        width: 100%;
    }

.contentTypeSecurityView {
    overflow: auto;
}

    #resizableTree::-webkit-scrollbar,
    #inbox_list_scroll #Root > ul::-webkit-scrollbar,
    #folder_list_scroll #Root > ul::-webkit-scrollbar,
    .contentTypeSecurityView::-webkit-scrollbar,
    #tab_panel_container .dropdown ul.children::-webkit-scrollbar,
    #requestApprovals .dropdown ul.children::-webkit-scrollbar,
    #reassignWfDoc .dropdown ul.children::-webkit-scrollbar,
    #dataLinkDialog #dataLinkTestResults .customGridScrollableContainer::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    #resizableTree::-webkit-scrollbar-thumb,
    #inbox_list_scroll #Root > ul::-webkit-scrollbar-thumb,
    #folder_list_scroll #Root > ul::-webkit-scrollbar-thumb,
    .contentTypeSecurityView::-webkit-scrollbar-thumb,
    #tab_panel_container .dropdown ul.children::-webkit-scrollbar-thumb,
    #requestApprovals .dropdown ul.children::-webkit-scrollbar-thumb,
    #reassignWfDoc .dropdown ul.children::-webkit-scrollbar-thumb,
    #dataLinkDialog #dataLinkTestResults .customGridScrollableContainer::-webkit-scrollbar {
        background-color: var(--k-label);
    }

    #resizableTree::-webkit-scrollbar-track,
    #inbox_list_scroll #Root > ul::-webkit-scrollbar-track,
    #folder_list_scroll #Root > ul::-webkit-scrollbar-track,
    .contentTypeSecurityView::-webkit-scrollbar-track,
    #tab_panel_container .dropdown ul.children::-webkit-scrollbar-track,
    #requestApprovals .dropdown ul.children::-webkit-scrollbar-track,
    #reassignWfDoc .dropdown ul.children::-webkit-scrollbar-track,
    #dataLinkDialog #dataLinkTestResults .customGridScrollableContainer::-webkit-scrollbar-track {
        background-color: var(--k-disabled);
    }

#resizableTree,
#inbox_list_scroll #Root > ul,
#folder_list_scroll #Root > ul,
.contentTypeSecurityView,
#tab_panel_container .dropdown ul.children,
#requestApprovals .dropdown ul.children,
#reassignWfDoc .dropdown ul.children,
#dataLinkDialog #dataLinkTestResults .customGridScrollableContainer {
    /* Mozilla scroll styles */
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
    /* IE scrollbar styles */
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}

    .contentTypeSecurityView .metaarea .metalabel {
        width: 131px;
    }

.arrar.inputErrorClass {
    color: #000000;
}

    .arrar.inputErrorClass input[name="Name"] {
        border-color: red;
        color: Red;
    }


#admin_action .contentTypeDTO .docProps,
.contentTypeDTO .docProps {
    margin: 0;
    padding: 8px 5px 4px 0;
    width: 100%;
}

    #admin_action .contentTypeDTO .docProps legend,
    .contentTypeDTO .docProps legend {
        margin: 0 75px;
    }

#ct_userGroupTab {
    display: inline-block;
    float: left;
    width: 48%;
    margin: 5px 0 0 -4px;
}

    #ct_userGroupTab .ui-tabs-panel {
        padding: 3px;
    }

    #ct_userGroupTab .ctlist {
        height: 90px;
        width: 100%;
    }

#companyIPMaskDTO {
    overflow-x: hidden;
}

    #companyIPMaskDTO .ctlist {
        height: 120px;
    }

.buttons .warningErrorClass {
    float: left;
    position: relative;
    width: 100%;
}
#user_layout .enableCbValidation {
    box-shadow: none;
    width: 14px;
    height: 14px;
    margin-left: 2px;
    outline-offset: -1px;
    outline-color: var(--kc-interactive-blue);
    outline-style: auto;
    background: var(--kc-interactive-blue);
    cursor: pointer;
}

#user_layout .warningErrorClass {
    float: left;
    left: 175px;
    position: relative;
    width: 100%;
}

#role_layout .warningErrorClass,
#securityClassDTO .warningErrorClass,
#customfieldsmanager_layout .warningErrorClass,
#systemsettings_layout .warningErrorClass,
#retention_categories_layout .warningErrorClass,
#retention_freezes_layout .warningErrorClass {
    float: left;
    left: 150px;
    position: relative;
    width: 100%;
}

#customfieldsgroup_layout .warningErrorClass {
    left: 0;
}

#role_layout .buttons .warningErrorClass,
#retention_categories_layout .buttons .warningErrorClass,
#retention_freezes_layout .buttons .warningErrorClass {
    float: left;
    left: 0;
    position: relative;
    width: 100%;
}

#role_layout select[name="RoleMemberships"] {
    width: 100%;
    height: 98%;
}

.liclist {
    display: inline-block;
    padding: 0 5px;
}

#replace_sc span,
#replace_sc select {
    display: inline-block;
    margin: 5px 0;
}

    #replace_sc span.warningErrorClass {
        margin: 0;
    }

#stampCont {
    position: relative;
}

#imageStampDTO {
    display: none;
}

    #imageStampDTO iframe {
        border: none;
        height: 75px;
        width: 100%;
    }

#stampDTO {
    height: 100%;
    width: 100%;
}

#stampDTO,
#textStampDTO {
    display: inline-block;
}


    #stampDTO .gridContainer {
        width: 100%;
        height: 250px;
        display: inline-block;
        position: relative;
    }

        #stampDTO .gridContainer .StaticDataGridView {
            height: 100%;
            position: relative;
        }

            #stampDTO .gridContainer .StaticDataGridView .customGridTable {
                height: 100%;
                overflow-x: hidden;
            }

    #stampDTO .listarea {
        display: inline-block;
        width: 48%;
        margin-right: 20px;
    }

    #stampDTO .metaarea {
        display: inline-block;
        width: 50%;
    }

    #stampDTO .metalabel {
        width: 150px;
    }

    #stampDTO .metaarea .metalabel {
        margin: 5px 0 0;
    }

    #stampDTO textarea {
        font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
        font-size: 13px;
        height: 60px;
        resize: none;
        width: 199px;
    }

    #stampDTO div.input {
        display: inline-block;
        height: auto;
        margin: 0 0 5px;
        width: 100%;
    }

        #stampDTO div.input .items_radio {
            padding-left: 0;
            margin: 5px 0 0;
        }

        #stampDTO div.input.stampType .items_radio > span {
            width: 55px;
        }

    #stampDTO div.toggle_btn {
        display: inline-block;
        float: left;
        height: 16px;
        width: 18px;
        margin-right: 5px;
        padding: 4px;
    }

        #stampDTO div.toggle_btn span {
            background-image: url("../../Content/images/docstar_sprite.png?v=24.2.161");
            display: inline-block;
        }

    #textStampDTO select {
        height: 20px;
    }

    #textStampDTO #FontStyleBold {
        height: 16px;
        width: 19px;
        background-position: -58px -17px;
    }

    #textStampDTO #FontStyleItalic {
        height: 16px;
        width: 19px;
        background-position: -234px -58px;
    }

    #textStampDTO #FontStyleUnderLine {
        height: 16px;
        width: 19px;
        background-position: -233px -189px;
    }

    #textStampDTO #FontStyleStrike {
        height: 16px;
        width: 19px;
        background-position: -498px -80px;
    }

/****************************************************
** Two column layout support
*****************************************************/

#admin_action div.left {
    float: left;
    width: 60%;
}

#admin_action div.right {
    float: left;
    width: 40%;
}

#admin_action div.left_onethird {
    float: left;
    width: 39%;
}

#admin_action div.left_twothirds {
    float: left;
    width: 59%;
}

/****************************************************
** END Two column layout support
*****************************************************/
/****************************************************
**  jQuery Tabs
****************************************************/

#tabs_list_container {
    left: 170px;
    position: absolute;
    /*bottom: 0;*/
}

    #tabs_list_container #qsbutton .ui-icon-search {
        background-image: url("../../Content/images/docstar_sprite.png?v=24.2.161");
        background-position: -189px -233px;
        width: 12px;
        height: 12px;
    }

#tabs_list {
    /*display: flex;
    float: left;
    margin: 0;
    padding: 0;
    height: 32px;
    align-items: center;*/
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
}

    #tabs_list li.tab {
        display: block;
        float: left;
        list-style: none outside none;
        padding: 0 3px;
        position: relative;
        white-space: nowrap;
        min-width: 73px;
        height: 29px;
        line-height: 16px;
        overflow: hidden;
        top: 10px;
    }

        #tabs_list li.tab > a {
            color: var(--p-white);
            float: left;
            font-size: 100%;
            padding: 0.5em 0;
            padding-left: 2px;
            padding-right: 2px;
            text-align: center;
            text-decoration: none;
            width: 100%;
            outline: none;
        }

            #tabs_list li.tab > a:hover {
                background: var(--p-white);
                color: var(--kc-interactive-blue);
            }

        #tabs_list li.tab.tab_selected {
            background: var(--p-white);
            border: 2px solid var(--a-mauve);
        }

        #tabs_list li.tab.tab_selected_home {
            background: var(--p-teal);
        }

        #tabs_list li.tab.tab_selected_home_a {
            color: var(--p-white);
            background: var(--p-teal);
        }

        #tabs_list li.tab.tab_selected a {
            color: var(--p-black);
            background: var(--p-white);
        }

        #tabs_list li.tab.tab_unselected {
            border-bottom: 3px solid transparent;
            height: 29px;
            line-height: 16px;
            overflow: hidden;
            top: 10px;
        }

            #tabs_list li.tab.tab_unselected > a {
                /*height: 100%;
                width: 100%;*/
            }

#retrieve_tab_panel {
    height: 100%;
    width: 100%;
}

    #retrieve_tab_panel > div {
        height: 100%;
        width: 100%;
    }

#view_tab_panel {
    height: 100%;
    width: 100%;
}

    #view_tab_panel > div {
        height: 100%;
        width: 100%;
    }

#tab_panel_container {
    float: left;
    height: 100%;
    margin: 3px 0 0 5px;
    position: relative;
    width: 100%;
}

#tabs {
    color: #000;
    float: left;
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
    font-size: 13px;
    height: 99%;
    min-width: 810px;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100vw;
}

#home_tab_panel,
#retrieve_tab_panel,
#view_tab_panel,
#capture_tab_panel,
#workflow_tab_panel,
#legacyreports_tab_panel,
#reports_tab_panel,
#packages_tab_panel {
    position: absolute;
}

    #workflow_tab_panel > div,
    #capture_tab_panel > div,
    #packages_tab_panel > div {
        height: 100%;
    }

#tab_panel_container .hide_tabs {
    border-bottom: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}

    #tab_panel_container .hide_tabs iframe {
        display: none;
    }

#tab_panel_container .show_tabs {
    height: 100%;
    visibility: visible;
    width: 100%;
}


/****************************************************
**  END jQuery Tabs
****************************************************/

/****************************************************
**  Show/Hide Panel
****************************************************/

#show_hide_panel {
    position: relative;
    width: 100%;
    padding: 5px 0 1px 0;
}

#hide_arrow {
    position: relative;
}

    #hide_arrow span {
        cursor: pointer;
        width: 9px;
        height: 21px;
        display: inline-block;
        position: relative;
        z-index: 9999;
    }

        #hide_arrow span.expand_arrow {
            left: calc(100% - 12px);
        }

        #hide_arrow span.collapse_arrow {
            left: calc(100% - 15px);
        }

#collapse_bg {
    background-color: transparent;
    padding: 0 1px;
    z-index: 99999;
}

.collapse_arrow {
    background-image: url("../../Content/images/arrow_left.svg?v=24.2.161");
    width: 10px;
    height: 17px;
    background-size: 16px;
    background-repeat: no-repeat;
}

.expand_arrow {
    background-image: url("../../Content/images/arrow_right.svg?v=24.2.161");
    width: 12px;
    height: 17px;
    background-size: 16px;
    background-repeat: no-repeat;
}

#two_col .show_panel {
    visibility: visible;
}

#two_col .hide_panel {
    visibility: hidden;
}

#main .expand_panel {
    margin: 0 0 0 -125px;
}

#main .collapse_panel {
    margin: 0 0 0 0;
}

/****************************************************
**  END Show/Hide Panel
****************************************************/
/* SPRITE */

#dstar {
    background-image: url(../../Content/images/s.png?v=24.2.161);
}

#dstar {
    background-position: 0 0;
    height: 46px;
    width: 259px;
}

/* END SPRITE */

#loginct {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15%;
}

/****************************************************
**  Item Location Dropdown menus
****************************************************/

.dropdown {
    /* cancel the default list style */
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    width: 100%;
}

    .dropdown .parent {
        /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7D7D7', endColorstr='#FEFEFE');
        background: -webkit-gradient(linear, left top, left bottom, from(#D7D7D7), to(#FEFEFE));
        background: -moz-linear-gradient(top, #D7D7D7, #FEFEFE);*/
        /* for firefox 3.6+ */
        /*background: linear-gradient(to bottom, #D7D7D7 0, #FEFEFE 100%);*/
        /* W3C (IE10) maybe others soon.*/
        background-color: var(--p-white);
        border: 1px solid transparent;
        border-bottom: 1px solid var(--kc-interactive-blue);
        color: var(--p-black);
        display: block;
        height: 10px;
        padding: 5px 0 5px 5px;
        text-decoration: none;
        overflow: hidden;
        white-space: nowrap;
    }

    .dropdown.disabled .parent {
        color: #808080;
    }


    #tab_panel_container .dropdown .parent:hover,
    body .dropdown .parent:hover,
    .dropdown .selected {
        background: var(--p-white);
    }

    #tab_panel_container .dropdown.disabled .parent:hover,
    body .dropdown.disabled .parent:hover,
    .dropdown.disabled .selected {
        background: #D7D7D7;
    }

#tab_panel_container .dropdown ul.children,
#requestApprovals .dropdown ul.children,
#reassignWfDoc .dropdown ul.children {
    background-color: #fff;
    display: none;
    left: 0;
    list-style: none;
    /* cancel the default list style */
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1050;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

#requestApprovals .dropdown ul li span.anchor,
#reassignWfDoc .dropdown ul li span.anchor {
    color: #000;
    display: inline-block;
    text-decoration: none;
}

#tab_panel_container .dropdown ul li span.anchor {
    color: #000;
    display: inline-block;
    text-decoration: none;
    font-size: 11px;
}

#tab_panel_container .dropdown ul li .disabled span.anchor {
    color: var(--k-label);
    display: inline-block;
    text-decoration: none;
}

#tab_panel_container .dropdown ul li:hover {
    background-color: var(--kc-dropdown-banding);
    color: var(--p-black);
}

#requestApprovals .dropdown span.anchor:hover,
#reassignWfDoc .dropdown span.anchor:hover {
    background-color: var(--kc-interactive-blue);
    color: var(--p-white);
}

#tab_panel_container .dropdown ul li.disabled,
#tab_panel_container .dropdown ul li.disabled:active,
#tab_panel_container .dropdown ul li.disabled:hover {
    background: inherit;
}

    #tab_panel_container .dropdown ul li.disabled span.anchor,
    #tab_panel_container .dropdown ul li.disabled:active span.anchor {
        color: #888;
    }

/****************************************************
**  END Item location Dropdown menus
****************************************************/
/****************************************************
**  Login Dropdown
****************************************************/
#dropdown {
    background-color: transparent;
    display: inline-block;
    /* cancel the default list style */
    margin: 0;
    padding: 0;
    text-decoration: none;
}

#dropdown_vert_scroll {
    background: #000;
    height: 295px;
    left: -8px;
    position: absolute;
    top: 3px;
    width: 5px;
    z-index: 100002;
}

    #dropdown_vert_scroll .ui-slider-handle {
        left: -3px;
        margin: 0 0 -35px;
        padding: 25px 0;
        width: 5px;
    }

    #dropdown_vert_scroll .scroll-bar {
        width: 1px;
    }

#dropdown div.parent {
    background-color: #d0d0d0;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    color: var(--p-black);
    font-weight: 400;
    padding: 2px 2px 2px 5px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

    #dropdown div.parent:focus {
        outline: 1px solid var(--a-mauve);
    }

    #dropdown div.parent span {
        float: left;
    }

#dropdown ul {
    -moz-box-shadow: 2px 2px 2px #000000;
    -webkit-box-shadow: 2px 2px 2px #000000;
    border: 1px solid black;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    box-shadow: 2px 2px 2px #000000;
}

    #dropdown ul.children {
        background: var(--p-white);
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
        display: none;
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        width: 300px;
        z-index: 100001;
        box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
        border: 1px solid var(--k-disabled);
    }

    #dropdown ul li {
        font-size: 14px;
        word-wrap: break-word;
        width: 100%;
    }

        #dropdown ul li span.anchor,
        #dropdown ul li > a {
            /*border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;*/
            color: var(--p-black);
            display: inline-block;
            font-weight: 400;
            padding: 4px 0 4px 6%;
            text-decoration: none;
            width: 90%;
        }

        #dropdown ul li a.ui-button {
            /*border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;*/
            color: #000;
            display: inline-block;
            font-weight: 700;
            padding: 4px 4px 4px 16px;
            text-decoration: none;
            height: 30px;
        }

        #dropdown ul li span.anchor:hover,
        #dropdown ul li > a:hover {
            background-color: var(--kc-dropdown-banding);
            color: var(--p-black);
            cursor: pointer;
        }

        #dropdown ul li span.anchor:focus,
        #dropdown ul li > a:focus {
            outline: 1px solid var(--a-mauve);
            color: var(--kc-interactive-pressed);
        }

#instanceList li h4 {
    margin: 0;
}

#dropdown #instanceListSubmenu {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background: #e4dfcb;
    box-shadow: none;
    display: none;
    left: -182px;
    list-style: none;
    margin: 0;
    max-height: 300px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 180px;
}

#companyList > span {
    display: inline;
    float: left;
    position: inherit;
    top: 3px;
    left: 16px;
    right: 4px;
}

#companyList span input.ui-autocomplete-input {
    display: inline;
    position: relative;
    left: 16px;
    right: 4px;
    width: 245px;
    height: 24px;
    font-size: 14px;
    color: var(--p-black);
    font-weight: bold;
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
}

#companyList span a.ui-button {
    display: inline-block;
    margin: 0 0 0 15px;
    padding: 0px;
    position: absolute;
}

#companyList a.ui-button {
    height: 28px;
    width: 28px;
}

#header #dropdown li h4 {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

    #header #dropdown li h4 span {
        color: #000;
        display: block;
        font-size: 15px;
        font-weight: bolder;
        padding: 4px 4px 4px 12px;
    }

/****************************************************
**  END Login Dropdown
****************************************************/
/****************************************************
**  Home Layout 
****************************************************/

#home_tab_panel {
    height: 100%;
    width: 100%;
}

    #home_tab_panel > div {
        height: 100%;
        width: 100%;
    }

#buzzspace_layout {
    height: 102%;
    margin: -3px 0 0;
    width: 100%;
}

#buzz_header {
    background: #EEE;
    border-bottom: 1px solid #DDD;
    height: 25px;
    line-height: 25px;
    width: 100%;
}

    #buzz_header span {
        left: 10px;
        position: relative;
    }

/****************************************************
**  Retrieve Layout / Workflow Layout / Meta data accordion layout
****************************************************/

#retrieve_layout,
#workflow_layout {
    height: 100%;
    width: 100%;
}

.accordion {
    float: left;
    position: relative;
    width: 100%;
}

    .accordion.closed {
        display: none;
    }

    .accordion.open {
        display: inline-block;
        margin-top: 10px;
    }

    .accordion.disabled {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#FFFFFF');
        background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#FFFFFF));
        background: -moz-linear-gradient(top, #F9F9F9, #FFFFFF);
        /* for firefox 3.6+ */
        background: linear-gradient(to bottom, #F9F9F9 0, #FFFFFF 100%);
        /* W3C (IE10) maybe others soon.*/
    }

.accordion_title {
    cursor: pointer;
    float: left;
    font-weight: bold;
    width: 100%;
    padding-bottom: 5px;
}

    .accordion_title.noAccordionEvent {
        cursor: default;
    }

        .accordion_title.noAccordionEvent .accordion_title_contents {
            padding: 0;
        }

.accordion_title_open {
    /*background-color: #FFBE0D;*/
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCEFC7', endColorstr='#F1B616');
    background: -webkit-gradient(linear, left top, left bottom, from(#FCEFC7), to(#F1B616));*/
    /*background: -moz-linear-gradient(top, #FCEFC7, #F1B616);*/
    /* for firefox 3.6+ */
    /*background: linear-gradient(to bottom, #FCEFC7 0%, #F1B616 100%);*/
    /* W3C (IE10) maybe others soon.*/
    /*background: transparent!important;
    padding: 12px 15px;*/
    border-bottom: 1px solid var(--kc-panel-card-border);
    background-color: var(--kc-panel-card-bg);
}

    .accordion_title_open .accordion_title_contents:hover {
        background: none;
    }

.accordion_title_closed {
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = "#d4e8fc", endColorstr = "#032342");
    background: -webkit-gradient(linear, left top, left bottom, from(#d4e8fc), to(#032342));*/
    /*background: -moz-linear-gradient(center top, #d4e8fc, #032342) repeat scroll 0 0 transparent; */
    /* for firefox 3.6+ */
    /*background: linear-gradient(to bottom, #d4e8fc 0%, #032342 100%);*/
    /* W3C (IE10) maybe others soon.*/
    background-color: var(--kc-panel-card-bg);
}

.accordion_title.disabled,
.accordion_title.disabled:active {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EEEEEE", endColorstr="#444444");
    background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#444444));
    background: -moz-linear-gradient(center top, #EEEEEE, #444) repeat scroll 0 0 transparent;
    /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #EEEEEE 0%, #444444 100%);
    /* W3C (IE10) maybe others soon.*/
    color: #FFF;
}

.dynamicHeightContainer {
    display: -ms-flexbox;
    /* IE10 */
    -ms-flex-direction: column;
    /* IE10 */
    display: flex;
    flex-direction: column;
}

    .dynamicHeightContainer [data-accid] {
        -ms-flex: 1 1 27px;
        /* IE10 */
        flex: 1 1 27px;
    }

        .dynamicHeightContainer [data-accid].closed {
            -ms-flex: 0 0 27px;
            /* IE10 */
            flex: 0 0 27px;
        }

#entityViewer .viewer_menubar {
    left: 0;
}

/*#region viewer layout css*/
/* document preview, document image, capture preview, workflow preview, document native view, document form view */
.document_preview {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--p-lt-gray), endColorstr=var(--p-lt-gray));
    background: -webkit-gradient(linear, left top, left bottom, from(var(--p-lt-gray)), to(var(--p-lt-gray)));
    background: -moz-linear-gradient(top, var(--p-lt-gray), var(--p-lt-gray));
    /* for firefox 3.6+ */
    background: linear-gradient(to bottom, var(--p-lt-gray) 0, var(--p-lt-gray) 100%);
    /* W3C (IE10) maybe others soon.*/
}

.viewer_menubar {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4e8fc", endColorstr="#032342");
    background: #fff;
    color: #000;
    height: 20px;
    padding: 3px 0 4px 0;
    position: absolute;
    top: 0;
    width: 100%;
    margin: 2px 0 0 0;
}

    .DocumentImageView .arrow,
    .viewer_menubar .arrow {
        width: 10px;
        float: left;
        position: relative;
        left: 1px;
    }

        .DocumentImageView .arrow span,
        .viewer_menubar .arrow span {
            cursor: pointer;
            display: block;
            font-size: 14px;
            height: 16px;
            text-align: center;
            width: 13px;
        }

            .DocumentImageView .arrow span.collapse_arrow,
            .viewer_menubar .arrow span.collapse_arrow {
                background-image: url(../../Content/images/arrow_left.svg?v=24.2.161);
                background-position: 0 0;
                background-size: 16px;
            }

            .DocumentImageView .arrow span.expand_arrow,
            .viewer_menubar .arrow span.expand_arrow {
                background-size: 16px;
                background-image: url(../../Content/images/arrow_right.svg?v=24.2.161);
                background-position: 0 0
            }

.viewer_image {
    background-image: url(../../Content/images/transparent.png?v=24.2.161);
    border: 1px solid #000;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 5px;
    left: 5px;
    margin: 35px 0 0 0;
}

    .viewer_image .image_full {
        float: left;
        height: 100%;
        left: 0px;
        position: relative;
        text-align: center;
        top: 0px;
        width: 100%;
    }

    .viewer_image .img_container {
        width: 100%;
        height: 100%;
        position: relative;
    }

.hideNative .viewer_menubar div:not(.arrow),
.hideNative .viewer_image {
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
}

/*#endregion viewer layout css*/


.accordion_title .title_arrow,
.meta_accordion_title .title_arrow {
    float: left;
    height: 15px;
    left: 8px;
    position: relative;
    top: 12px;
    width: 15px;
}

.meta_accordion_title .title_arrow {
    float: left;
    top: 7px;
    right: 5px;
    left: 7px;
}

.accordion_title_closed .title_arrow {
    background-image: url("../../Content/images/docstar_sprite.png?v=24.2.161");
    background-position: -322px -57px;
    width: 10px;
    height: 7px;
}

.accordion_title_open .title_arrow {
    /*background: url('https://api.iconify.design/mdi-light:chevron-down.svg?v=24.2.161') no-repeat center center / contain;*/
    background-position: -322px -92px;
    background-image: url("../../Content/images/docstar_sprite.png?v=24.2.161");
    width: 10px;
    height: 7px;
}

.accordion_title span.anchor {
    color: #112f41;
    float: left;
    left: 10px;
    position: relative;
    top: 3px;
    padding-left: 20px;
}

.accordion_title_closed span.anchor,
.accordion_title_open.disabled span.anchor {
    /* color: #FFF;*/
}

/****************************************************
**  Retrieve Layout Items and location
****************************************************/

#accordion_container {
    height: 100%;
}

/****************************************************
**  Retrieve Layout Field Search
****************************************************/


#requestApprovals .dropdown,
#reassignWfDoc .dropdown {
    float: left;
    left: 0px;
    margin: 8px 0 0 0;
    position: relative;
    width: 25%;
}

    #requestApprovals .dropdown .parent .approvals_dropdown_text,
    #reassignWfDoc .dropdown .parent .reassign_dropdown_text {
        float: left;
        overflow: hidden;
        position: relative;
        width: 85%;
    }

    #requestApprovals .dropdown .parent .approvals_dropdown_arrow,
    #reassignWfDoc .dropdown .parent .reassign_dropdown_arrow {
        float: right;
        position: relative;
        top: -2px;
    }

    #requestApprovals .dropdown dd,
    #reassignWfDoc .dropdown dd {
        z-index: 1;
    }

    #requestApprovals .dropdown ul.children,
    #reassignWfDoc .dropdown ul.children {
        max-height: 175px;
        border: 1px solid var(--k-lt-gray);
    }

/* Scan Dialog */
#ScanUtilDialog .items_checkbox {
    left: 0;
}

    #ScanUtilDialog .items_checkbox div {
        left: 0;
    }

#ScanUtilDialog .items_radio .radio-wrap {
    left: 0;
    top: 0;
}

    #ScanUtilDialog .items_radio .radio-wrap > label {
        width: 100%;
        text-align: left;
        padding: 0 0 5px 0;
    }

#ScanUtilDialog span {
    position: relative;
    top: -2px;
}

#ScanUtilDialog select {
    width: 203px;
}

#ScanUtilDialog input[type="text"] {
    width: 200px;
}

#ScanUtilDialog ul.unstyledList {
    float: left;
}

#ScanUtilDialog .advancedScanSettings {
    color: #008aa9;
    border: 1px solid #008aa9;
    float: left;
    border-radius: 4px;
    background: none;
}

    #ScanUtilDialog .advancedScanSettings:hover {
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .4);
    }


/* End Scan Dialog */

/****************************************************
** Retrieve Layout Select Folder
****************************************************/

#retrieve_layout_selectContainer,
#selectFolder {
    display: none;
    overflow: auto;
    max-height: 450px;
}

    #retrieve_layout_selectContainer a,
    #selectFolder a {
        color: #000;
    }

    #retrieve_layout_selectContainer ul,
    #selectFolder ul {
        list-style: none;
        padding: 0;
    }

    #retrieve_layout_selectContainer > ul,
    #selectFolder > ul {
        padding: 0;
        position: absolute;
    }

#retrieve_layout_folder_list #Root ul li a {
    white-space: pre;
}

/****************************************************
** Workflow Layout
****************************************************/

#assign_throbber,
#req_throbber,
#reassign_throbber,
#reset_throbber,
#workflow_removal .throbber {
    bottom: 0;
    display: none;
    left: 47%;
    position: absolute;
}



#wfItem_err_cont {
    position: absolute;
    top: 0;
    width: 100%;
}

#work_items .show_auto {
    float: left;
    left: 1px;
    position: relative;
    top: 9px;
}

#workflow_removal {
    text-align: left;
    padding-left: 20px;
}

#wfItems_filter .select_queue ul.children,
#wfItems_filter .select_wf ul.children {
    max-height: 175px;
    min-width: 100%;
}

#workflow_selection fieldset {
    display: inline-block;
    float: left;
    left: 0px;
    margin: 10px 0 10px 0;
    padding: 0;
    position: relative;
    width: 98%;
}

    #workflow_selection fieldset div {
        display: none;
    }

    #workflow_selection fieldset span {
        position: relative;
        top: -2px;
    }

#workflow_selection .additionalAction {
    display: inline-block;
    float: left;
    width: 100%;
}

/****************************************************
** Link/Print 
****************************************************/

#download {
    visibility: hidden;
    position: absolute;
    height: 0;
    width: 0;
    border: none;
}

#iprint {
    position: absolute;
    height: 0;
    width: 0;
    border: none;
}

#created-link .item {
    display: inline-block;
    min-width: 380px;
    position: relative;
    width: 100%;
}

#created-link span {
    display: inline-block;
    text-align: right;
    width: 55px;
}

#created-link input {
    left: 15px;
    position: relative;
    width: 75%;
}

#created-link .email_body_label {
    top: -37px;
}

#sendDialog .email_warning_label {
    position: relative;
    top: 18px;
}

#created-link textarea {
    left: 15px;
    position: relative;
    width: 75%;
    height: 4em;
}

#created-link .warningErrorClass {
    position: relative;
    text-align: left;
    top: 10px;
    width: 100%;
}

#created-link .success_message {
    bottom: -10px;
    display: none;
    left: -30px;
    position: absolute;
    top: auto;
    width: 100%;
}

#created-link .generateLink {
    left: 15px;
    min-width: 16px;
    position: relative;
    top: 3px;
    width: 16px;
}

.errors {
    color: #F00;
    float: left;
    height: auto;
    left: 10px;
    position: relative;
    width: 100%;
}

#link_submit {
    background-image: url("../../Content/images/s.png?v=24.2.161");
    background-position: -66px -178px;
    border: 1px solid #000000;
    cursor: default;
    height: 25px;
    left: 25px;
    line-height: 25px;
    position: relative;
    text-align: center;
    top: -3px;
    width: 70px;
}

    #link_submit:active {
        background-image: url("../../Content/images/s.png?v=24.2.161");
        background-position: -66px -207px;
    }

#link_submitted {
    display: none;
    height: 25px;
    position: relative;
    text-align: center;
    top: 5px;
    width: 100%;
}

#limit-exceeded,
#single-selection,
#viewer_print-error {
    display: none;
    text-align: center;
}

#sendDialog {
    display: inline-block;
}

    #sendDialog span.progress {
        position: absolute;
        min-width: 0;
        left: 0;
        top: 0;
    }

    #sendDialog .progressCont {
        width: 100%;
    }

    #sendDialog span {
        display: inline-block;
        min-width: 75px;
        position: relative;
        top: -3px;
    }

    #sendDialog .warningErrorClass,
    #sendDialog .success_message {
        top: 30px;
    }

    #sendDialog > div {
        display: inline-block;
        min-width: 50%;
        position: relative;
    }

        #sendDialog > div > div {
            height: 15px;
            margin: 5px 0;
        }

            #sendDialog > div > div.spacingRight {
                height: 15px;
                margin: 5px 15px 0 0;
            }

        #sendDialog > div.fright {
            min-width: 0;
        }

#sendThrobber {
    left: 50%;
    position: relative;
    top: 5px;
}

#sendDialog .pageSelectionContainer {
    height: 45px;
}

    #sendDialog .pageSelectionContainer div.indented {
        left: 15px;
        position: relative;
    }

#printingThrobber {
    margin: 0 0 0 44%;
}

/****************************************************
** End Link/Print 
****************************************************/
/****************************************************
** Retrieve Layout : Results View
****************************************************/

.custom_button,
.customButtonWithIcon {
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CDDEFF', endColorstr='#082647');
    background: -webkit-gradient(linear, left top, left bottom, from(#CDDEFF), to(#082647));
    background: -moz-linear-gradient(top, #CDDEFF, #082647); /* for firefox 3.6+ */
    /* background: linear-gradient(to bottom, #CDDEFF 0, #082647 100%); /* W3C (IE10) maybe others soon.*/
    /* border: 1px solid #000000;
    color: #FFFFFF;*/
    background: var(--kc-interactive-blue);
    border: 1px solid var(--kc-interactive-blue);
    color: var(--p-white);
    outline: 0;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    cursor: default;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
}

    /*.custom_button.disabled,*/
    .custom_button.disabled,
    .custom_button.disabled:active,
    .custom_button.disabled:hover,
    .custom_button.disabled:focus {
        background-color: var(--k-disabled);
        box-shadow: initial;
        color: var(--k-label);
        border: 1px solid transparent;
        border-bottom: 1px solid var(--k-disabled);
    }

.cancel_btn.disabled,
.cancel_btn.disabled:active,
.cancel_btn.disabled:hover {
    cursor: default;
    background-color: #c4c6c7;
    background-image: none;
    color: #86898d;
    border: 1px solid #c4c6c7;
    border-radius: 4px;
    -moz-box-shadow: initial;
    -webkit-box-shadow: initial;
    box-shadow: initial;
}
/*DOC-5883 Rebranding- button hover*/
.custom_button:hover {
    background: var(--kc-interactive-hover);
    border: 1px solid var(--kc-interactive-hover);
    outline: none;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
}

.custom_button:active,
.customButtonWithIcon:active,
.custom_button.active,
.customButtonWithIcon.active,
.bookmarks_container .toggle_btn.pressed,
.custom_button:active {
    background: var(--kc-interactive-pressed);
    border: 1px solid var(--kc-interactive-pressed);
    outline: none;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

a.custom_button.long_btn.shadow.fright {
    color: var(--p-white);
}

    a.custom_button.long_btn.shadow.fright:active {
        color: var(--k-disabled);
    }

:not(.NumPad) > .custom_button:not(.disabled):focus,
.custom_button:focus {
    border: 1px solid var(--kc-interactive-blue);
    outline: 1px solid var(--a-mauve);
    outline-offset: 2px;
}

.custom_button.displayNone {
    display: none;
}


.connectionIndicator {
    position: relative;
}

.customButtonWithIcon {
    text-align: left;
    text-indent: 15px;
}



a[name="downloadNativeDocument"] {
    /*TODO: Is this being used? */
    display: inline-block;
    height: 22px;
    line-height: 21px;
    margin: 5px 0 0 1px;
    position: relative;
    top: -4px;
    width: 180px;
    cursor: pointer;
}

#accordion_container.hideNative {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

#field_acc_title,
#wf_acc_title,
#rd_acc_title,
#app_acc_title,
#vers_acc_title,
#cfg_acc_title {
    height: 16px;
    width: 100%;
}

.meta_accordion_title_contents {
    position: relative;
    top: -1px;
    width: 100%;
}

    .meta_accordion_title_contents .buttonContainer {
        position: absolute;
        right: 13px;
    }

.fieldLabelContainer {
    width: 165px;
    min-width: 165px;
    max-width: 165px;
    text-align: left;
    vertical-align: middle;
}

/* START Content Type - Meta Panel START*/
.tbFieldSettingsContainer .limitLabelWidth,
.sortableElementsContainer .limitLabelWidth {
    max-width: 38%;
    min-width: 38%;
}

.tbFieldsContainer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .tbFieldsContainer ul > li > a {
        vertical-align: middle;
    }

.tbFieldsContainer .tbFieldSettingsContainer {
    overflow: auto;
    margin: 5px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
}

#contentTypeBuilderTabs > .ui-tabs-panel .tbFieldsContainer .tbFieldSettingsContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

#contentTypeBuilderTabs > .ui-tabs-panel .tbFieldsContainer .tbFieldSettingsContainer::-webkit-scrollbar-thumb {
    background-color: #008aa9;
}

#contentTypeBuilderTabs > .ui-tabs-panel .tbFieldsContainer .tbFieldSettingsContainer::-webkit-scrollbar-track {
    background-color: #12c3f4;
}

/* Mozilla scrollbar styles */

#contentTypeBuilderTabs > .ui-tabs-panel .tbFieldsContainer .tbFieldSettingsContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

#contentTypeBuilderTabs > .ui-tabs-panel .tbFieldsContainer .tbFieldSettingsContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}


.tbFieldSettingsContainer ul > li,
.sortableElementsContainer ul > li {
    padding: 5px;
    min-height: 25px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    display: flex;
    align-items: center;
    background: #fff;
    position: relative;
}

.groupContainer .itemContainer {
    margin: 5px 0px 5px 0px;
    height: 11px;
}

.tbDisplayFieldsContainer label {
    margin: 0 0 0 10px;
}

.contentTypeContainer .ui-combobox,
.tbNewFieldContainer .ui-combobox {
    position: relative;
    border-spacing: 0;
}

.contentTypeContainer .warningErrorClass {
    position: absolute;
    top: 100%;
    left: 0;
}

.tbNewFieldContainer .ui-icon.ui-icon-plus {
    cursor: pointer;
}

/* END Content Type - Meta Panel END*/

#entityMeta textarea {
    border-radius: 2px;
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
    font-size: 13px;
    max-height: 100px;
}

    #entityMeta textarea[readonly] {
        background: #F0F0F0;
    }


#metadata_results_counter {
    float: left;
    height: 12px;
    margin: 0 12px;
    position: relative;
    text-align: center;
    top: -3px;
    width: 40px;
}

.wfApprove {
    margin: 0 12px 0;
}

    .wfApprove.isApproved {
        margin: 0 10px 0;
    }

.wfDeny.isDenied {
    margin: 0 -2px 0;
}

#entityMeta .wfApprove,
#entityMeta .wfDeny {
    left: -4px;
    top: -3px;
}

.temp_throbber {
    left: 40%;
    position: absolute;
    top: 20%;
}

/*Container to make short_btns stack on top of one another, rather than go left to right*/

.short_btns {
    margin: -3px;
    width: 85px;
}

.short_btn {
    cursor: pointer;
    height: 23px;
    line-height: 22px;
    padding: 1px 0;
    min-width: 75px;
    width: auto;
}

.custom_button.shortHeightBtn {
    height: 18px;
    line-height: 18px;
}

.long_btn {
    cursor: pointer;
    height: 23px;
    line-height: 23px;
    min-width: 75px;
    padding: 2px 5px;
}
/*DOC-5883 Rebranding custom border button */
.custom_border_btn {
    color: var(--kc-interactive-blue);
    border: 1px solid var(--kc-interactive-blue);
    cursor: pointer;
    line-height: 25px;
    border-radius: 3px;
    background: var(--p-white);
    -moz-box-shadow: initial;
    -webkit-box-shadow: initial;
    box-shadow: initial;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
}

    .custom_border_btn:hover {
        color: var(--kc-interactive-hover);
        border: 1px solid var(--kc-interactive-hover);
        outline: none;
    }

    .custom_border_btn:active {
        color: var(--kc-interactive-pressed);
        border: 1px solid var(--kc-interactive-pressed);
        outline: none;
    }

    .custom_border_btn:focus {
        color: var(--kc-interactive-blue);
        outline: 1px solid var(--a-mauve);
        outline-offset: 2px;
    }

.cancel_btn {
    font-size: 14px;
    cursor: pointer;
    line-height: 25px;
    position: relative;
    border-radius: 4px;
    background: none;
    /*-moz-box-shadow: initial;
    -webkit-box-shadow: initial;
    box-shadow: initial;*/
    color: var(--kc-interactive-blue);
    border: 0;
    text-align: center;
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
    display: inline-block;
}

    .cancel_btn:hover {
        background: var(--p-white);
        color: var(--kc-interactive-hover);
    }

#meta_folders_container .del_row_container {
    background-color: #FFF;
    display: none;
    height: 18px;
    position: absolute;
    right: 2px;
    width: 16px;
}

.meta_locations #meta_folders_container .del_row_container.del_row {
    height: 16px;
    width: 16px;
}

.cfsFormat select {
    width: 100%;
}

.workflowTaskTemplateForUserApproval {
    display: table;
    margin: 5px 0;
    position: relative;
    top: -4px;
    width: 100%;
    height: 85px;
    word-wrap: break-word;
}

.workflowTaskTemplate {
    display: table;
    margin: 5px 0;
    position: relative;
    top: -4px;
    width: 100%;
    height: 35px;
    word-wrap: break-word;
}

    .workflowTaskTemplate input {
        display: table-cell;
        width: 60%;
    }

    .workflowTaskTemplate select {
        -moz-box-shadow: 2px 2px 2px #000;
        -webkit-box-shadow: 2px 2px 2px #000;
        box-shadow: 2px 2px 2px #000;
        position: relative;
        right: 3px;
        width: 169px;
    }

    .workflowTaskTemplate .radios {
        display: table-cell;
        margin: 5px 0;
        width: 100%;
        float: right;
    }

        .workflowTaskTemplate .radios div {
            display: table-row;
            width: 100%;
        }

            .workflowTaskTemplate .radios div label {
                display: table-cell;
                vertical-align: middle;
                word-break: break-all;
                width: 100%;
                text-align: right;
                top: 1px;
            }

.UserPromptString {
    display: table-cell;
    vertical-align: middle;
    max-width: 125px;
    width: 125px;
    min-width: 125px;
    overflow: hidden;
    text-align: left;
}

    .UserPromptString.UserPromptStringRadios {
        max-width: 50%;
    }

.userApprovalTaskButtons {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0;
    width: 100%;
}

.wfInsufficientPermissions {
    position: relative;
    top: 2px;
    left: -5px;
}

#wf_panel {
    display: inline-block;
    float: left;
    margin: 2px 0 2px 2px;
    min-height: 65px;
    position: relative;
    min-width: 284px;
    width: 100%;
}

#requestApprovals .success_message,
#reassignWfDoc .success_message {
    display: inline-block;
    margin: 0;
    text-align: left;
    width: 95%;
}

#requestApprovals > div,
#reassignWfDoc > div {
    display: inline-block;
    width: 100%;
}

#requestApprovals .dropdown,
#reassignWfDoc .dropdown {
    width: 70%;
}

#requestApprovals > div > input,
#reassignWfDoc > div > input {
    float: left;
    left: 16px;
    margin: 12px 0 0 0;
    position: relative;
}

#requestApprovals > div > span,
#reassignWfDoc > div > span {
    float: left;
    margin: 12px 0 0 0;
    min-width: 100px;
    text-align: center;
}

.currentUserApproval {
    background: #ADD8E6;
}

/****************************************************
**  Viewer layout
****************************************************/

.submenu {
    background: var(--p-white);
    display: none;
    list-style: none;
    margin: 0 0 0 100%;
    padding: 0;
    position: absolute;
    top: 0;
    width: auto;
    z-index: 500;
}

    .submenu li {
        display: inline-block;
        float: left;
        width: auto;
    }

        .submenu li div.menu_item {
            padding: 0 5px 0 0;
        }

.cloneSubMenu {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

body .nested ul.children {
    overflow: visible;
}

.nested ul.children .submenu li {
    display: block;
    float: none;
}

.nested ul.children li {
    margin: 0 15px 0 0;
    position: relative;
    width: 100%;
}


.nested ul li:hover > .submenu {
    display: block;
}

.dropdown_arrow {
    position: absolute;
    right: 1px;
    top: 4px;
}

/****************************************************
** Panzoom
****************************************************/

/****************************************************
**  END Panzoom
****************************************************/

#retrieve_layout_folder_list,
#retrieve_layout_inbox_list,
#inbox_contextmenu,
#inbox_delete,
#inbox_remove,
#folder_contextmenu,
#folder_delete,
#folder_remove,
#approval_delete,
#cont_sec_selectRole,
#cont_sec_selectUser,
#workflow_removal,
#selectFolder,
#addDocFreeze,
#removeDocFreeze,
#cutoffDocuments,
#requestApprovals,
#app_dialog,
#approveDenyDialog {
    display: none;
}

#container_security {
    display: none;
}

.root_list {
    list-style: none;
    padding: 0;
}

.browseLDAP {
    overflow: hidden;
}

#resizableTree {    
    margin: 0 5px 0 0;
    overflow: auto;
}

#inbox_list_scroll #Root,
#folder_list_scroll #Root {
    margin-top: 0;
}

    #inbox_list_scroll #Root > ul,
    #folder_list_scroll #Root > ul {
        position: relative;
        margin: 0 5px 0 0;
        max-height: 220px;
        min-height: 15px;
        overflow: hidden;
    }

        #inbox_list_scroll #Root > ul:hover,
        #folder_list_scroll #Root > ul:hover {
            overflow: auto;
        }

#inbox_list > ul,
#folder_list > ul {
    position: relative;
}

#inbox_contextmenu .warningErrorClass,
#folder_contextmenu .warningErrorClass,
#workflow_selection .warningErrorClass {
    bottom: 0;
    left: 0;
    position: relative;
    display: inline-block;
    word-break: break-all;
}

#container_security .warningErrorClass {
    bottom: 0;
    left: 0;
    position: absolute;
}

#inbox_contextmenu .success_message,
#folder_contextmenu .success_message {
    display: none;
}

#container_security .success_message,
#requestApprovals .success_message,
#reassignWfDoc .success_message {
    bottom: 0;
    display: none;
    position: absolute;
    text-align: right;
    width: 95%;
}

#reassignWfDoc .ui-icon {
    cursor: pointer;
}

#reassignWfDoc input[name=reassignWfDocTypeAhead] {
    width: 230px;
}

#reassignWfDoc span.title,
#reassignWfDoc .typeAhead {
    margin: 0;
}


.categoryLayout .root > a > ins.jstree-icon,
.dashboardLayout .root a > ins.jstree-icon {
    display: none;
}

.categoryLayout .report > a > ins.jstree-icon,
.dashboardLayout .report > a > ins.jstree-icon {
    display: inline-block;
    background-image: url("../../Content/images/s.png?v=24.2.161");
    background-position: -390px -143px;
    width: 14px;
    height: 16px;
}

#inbox_list a > ins.jstree-icon,
#retrieve_layout_inbox_list a > ins.jstree-icon {
    background-image: url("../../Content/images/inbox.svg?v=24.2.161");
    /*background-position: 1px -58px;*/
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 15px;
    height: 18px;
    left: -2px;
    position: relative;
    top: 1px;
    background-size: 16px;
}

#inbox_list a:hover > ins.jstree-icon:hover,
#retrieve_layout_inbox_list a:hover > ins.jstree-icon:hover {
    background-image: url("../../Content/images/inbox-hover.svg?v=24.2.161");
}

.categoryLayout .category > a > ins.jstree-icon {
    background-image: url("../../Content/images/document.svg?v=24.2.161");
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 20px;
    height: 18px;
    left: -2px;
    position: relative;
    top: 1px;
    background-size: 16px;
}

.categoryLayout .category:hover > a:hover > ins.jstree-icon:hover {
    background-image: url("../../Content/images/document-hover.svg?v=24.2.161");
}

#retrieve_layout_inbox_list a > ins.jstree-icon {
    background-position: -393px -181px;
    margin: 0;
}

#folder_list a > ins.jstree-icon,
#retrieve_layout_folder_list a > ins.jstree-icon,
#alerts_tree a > ins.jstree-icon,
#workflow_tree a > ins.jstree-icon,
#approval_tree a > ins.jstree-icon,
#selectFolder a > ins.jstree-icon,
#cf_folder_list a > ins.jstree-icon,
#recentDocuments_tree a > ins.jstree-icon {
    background-image: url("../../Content/images/folder.svg?v=24.2.161");
    background-position: 0 0;
    height: 12px;
    position: relative;
    top: 1px;
    width: 15px;
    background-size: 16px;
}

#folder_list a:hover > ins.jstree-icon:hover,
#retrieve_layout_folder_list a:hover > ins.jstree-icon:hover,
#alerts_tree a:hover > ins.jstree-icon:hover,
#workflow_tree a:hover > ins.jstree-icon:hover,
#approval_tree a:hover > ins.jstree-icon:hover,
#selectFolder a:hover > ins.jstree-icon:hover,
#cf_folder_list a:hover > ins.jstree-icon:hover,
#recentDocuments_tree a:hover > ins.jstree-icon:hover {
    background-image: url("../../Content/images/folder-hover.svg?v=24.2.161");
}

#retrieve_layout_folder_list a > ins.jstree-icon {
    background-position: -56px -190px;
    margin: 0;
}

.jstree-default .jstree-leaf a .jstree-icon {
    background-image: url("../../Content/images/folder.svg?v=24.2.161");
    width: 16px;
    height: 20px;
    background-size: 16px;
    background-position: 0 0;
}

    .jstree-default .jstree-leaf a .jstree-icon:hover {
        background-image: url("../../Content/images/folder-hover.svg?v=24.2.161");
    }

#selectFolder a > ins.jstree-icon,
#cf_folder_list a > ins.jstree-icon {
    background-position: -56px -190px;
}

.categoryLayout .jstree-default .report.jstree-leaf a .jstree-icon,
.dashboardLayout .jstree-default .report.jstree-leaf a .jstree-icon {
    display: inline-block;
    background-image: url(../../Content/images/s.png?v=24.2.161);
    background-position: -390px -143px;
    width: 14px;
    height: 16px;
    background-size: initial;
}

#folder_list #Root ul li a {
    white-space: pre;
}

#inbox_list #Root ul li a {
    white-space: pre;
}

#browse .jstree a,
.navigationLayout .jstree a {
    font-size: 14px;
    padding: 0 2px 0 1px;
    color: var(--p-black);
}

    #browse .jstree a:hover,
    .navigationLayout .jstree a:hover {
        color: var(--kc-interactive-blue);
    }

#alerts_tree,
#workflow_tree,
#approval_tree,
#recentDocuments_tree {
    margin: 0 15px 0 0;
    overflow: hidden;
}


.browseLDAP {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .browseLDAP .jstree a {
        color: #000;
    }

    .browseLDAP a > ins.jstree-icon {
        /*TODO: scain get an icon for ldap browsing*/
    }

/****************************************************
**  Inbox/Folder Nav ContextMenu modal window
****************************************************/

#inbox_contextmenu .new_inbox_name_title {
    position: absolute;
    top: 5px;
}

#new_inbox_name {
    left: 175px;
    position: absolute;
    width: 175px;
}

#inbox_contextmenu {
    height: 80px;
}

    #inbox_contextmenu div,
    #folder_contextmenu div {
        display: inline-block;
        float: left;
        height: 20px;
        margin: 5px 0;
        position: relative;
        width: 100%;
    }

        #inbox_contextmenu div.fullHeight,
        #folder_contextmenu div.fullHeight {
            height: 100%;
        }

    #inbox_contextmenu .inbox_create_secclass_title {
        position: absolute;
        top: 5px;
    }

    #inbox_contextmenu .inbox_security_class {
        left: 175px;
        position: absolute;
    }

    #inbox_contextmenu .dropdown {
        /* cancel the default list style */
        list-style: none;
        margin: 0;
        padding: 0;
        text-decoration: none;
        width: 175px;
    }

        #inbox_contextmenu .dropdown:hover {
            background-color: #efefef;
        }

        #inbox_contextmenu .dropdown .parent {
            background-color: #D8D8D8;
            border: 1px solid #6a6a6a;
            color: #000;
            display: block;
            height: 10px;
            padding: 5px 0 5px 5px;
            text-decoration: none;
        }

        #inbox_contextmenu .dropdown span.parent:hover {
            background: #E6E6E6;
        }

        #inbox_contextmenu .dropdown ul.children {
            background-color: #D8D8D8;
            display: none;
            left: 0;
            list-style: none;
            /* cancel the default list style */
            margin: 0;
            max-height: 175px;
            padding: 0;
            position: absolute;
            width: 175px;
            z-index: 500;
        }

        #inbox_contextmenu .dropdown ul li span.anchor {
            color: #000;
            display: block;
            font-size: 11px;
            text-decoration: none;
        }

        #inbox_contextmenu .dropdown ul li:hover {
            background-color: #E6E6E6;
            color: #5d4617;
        }

    #inbox_contextmenu .dropdown_arrow {
        float: right;
    }

#folder_contextmenu .new_folder_name_title {
    position: absolute;
    top: 5px;
}

#new_folder_name {
    left: 150px;
    position: absolute;
    width: 170px;
}

#folder_contextmenu .folder_create_secclass_title {
    position: absolute;
    top: 5px;
}

#folder_contextmenu .fold_security_class {
    left: 150px;
    position: absolute;
}

#folder_contextmenu .dropdown {
    /* cancel the default list style */
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: 175px;
}

    #folder_contextmenu .dropdown .parent {
        background-color: var(--p-white);
        border-bottom: 1px solid var(--kc-interactive-blue);
        color: var(--p-black);
        display: block;
        height: 10px;
        padding: 5px 0 5px 5px;
        text-decoration: none;
    }

    #folder_contextmenu .dropdown span.parent:hover {
        border-bottom: 1px solid var(--kc-interactive-hover);
    }

    #folder_contextmenu .dropdown ul.children {
        background-color: var(--p-white);
        border: 1px solid var(--kc-interactive-pressed);
        border-top: 1px solid transparent;
        display: none;
        left: 0;
        list-style: none;
        /* cancel the default list style */
        margin: 0;
        max-height: 175px;
        padding: 0;
        position: absolute;
        width: 175px;
        z-index: 500;
    }

    #folder_contextmenu .dropdown ul li span.anchor {
        color: #000;
        display: block;
        text-decoration: none;
    }

    #folder_contextmenu .dropdown ul li:hover {
        background-color: var(--kc-interactive-hover);
    }

    #folder_contextmenu .dropdown ul li span.anchor:hover {
        color: var(--p-white);
    }

#folder_contextmenu .dropdown_arrow {
    float: right;
}

#container_security .cont_sec_user,
#container_security .cont_sec_group,
#container_security .cont_sec_sec,
#container_security .cont_sec_perm {
    display: inline-block;
    float: left;
    height: 100px;
    margin: 5px 0;
    position: relative;
    width: 100%;
}

#container_security .cont_sec_sec {
    height: 70px;
}

#container_security .cont_sec_user,
#container_security .cont_sec_group {
    height: 130px;
}

#container_security span {
    position: absolute;
}

#container_security #oddPerms,
#container_security #evenPerms {
    left: 90px;
}

    #container_security #oddPerms.items_checkbox div,
    #container_security #evenPerms.items_checkbox div {
        margin: 1px 0 0;
    }

#container_security .cont_sec_perm span {
    position: relative;
}

#container_security select {
    display: inline-block;
    float: left;
    height: 100px;
    left: 110px;
    position: absolute;
    width: 290px;
}

#container_security input[type="button"] {
    display: inline-block;
    left: 110px;
    margin: 5px 0 0;
    position: relative;
    top: 100px;
    line-height: 18px;
}

#container_security .container_title {
    position: absolute;
}

#container_name {
    left: 110px;
    position: absolute;
    top: 8px;
    width: 285px;
}

#cont_sec_load {
    height: 20px;
    left: 180px;
    position: relative;
    top: 245px;
    width: 20px;
}

#container_security .container_secclass_title {
    position: absolute;
    top: 35px;
}

#container_security .container_security_class {
    left: 110px;
    position: absolute;
    top: 40px;
}

#container_security .dropdown,
#workflow_selection .dropdown,
#pageOptionsDialog .dropdown {
    /* cancel the default list style */
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: 290px;
}

    #container_security .dropdown .parent,
    #workflow_selection .dropdown .parent,
    #pageOptionsDialog .dropdown .parent {
        color: #000;
        display: block;
        height: 10px;
        padding: 5px 0 5px 5px;
        position: relative;
        text-decoration: none;
    }

        #container_security .dropdown .parent:focus,
        #workflow_selection .dropdown .parent:focus,
        #pageOptionsDialog .dropdown .parent:focus {
            outline: 1px solid var(--a-mauve);
        }

    #container_security .dropdown span.anchor:hover,
    #workflow_selection .dropdown span.anchor:hover,
    #pageOptionsDialog .dropdown span.anchor:hover {
        background: var(--kc-interactive-blue);
        color: var(--p-white)
    }

    #container_security .dropdown ul.children,
    #workflow_selection .dropdown ul.children,
    #pageOptionsDialog .dropdown ul.children {
        background-color: var(--p-white);
        display: none;
        left: 0;
        list-style: none;
        /* cancel the default list style */
        margin: 0;
        max-height: 175px;
        padding: 0;
        position: absolute;
        width: 175px;
        z-index: 500;
    }

    #container_security .dropdown ul li span.anchor,
    #workflow_selection .dropdown ul li span.anchor,
    #pageOptionsDialog .dropdown ul li span.anchor {
        color: #000;
        display: block;
        position: relative;
        text-decoration: none;
    }

    #container_security .dropdown ul li:hover,
    #workflow_selection .dropdown ul li:hover,
    #pageOptionsDialog .dropdown ul li:hover {
        background-color: #E6E6E6;
        color: #5d4617;
    }

#container_security .dropdown_arrow,
#workflow_selection .dropdown_arrow,
#pageOptionsDialog .dropdown_arrow {
    float: right;
}

#cont_sec_selectUser select,
#cont_sec_selectRole select,
#selectUser select,
#selectRole select {
    height: 100%;
    width: 100%;
}

#workflow_selection {
    display: inline-block;
    height: auto;
    margin: 5px 0 0;
    padding: 0 10px;
}

    #workflow_selection div, #resetWfDoc div {
        display: inline-block;
        float: left;
        margin: 2px 0;
        min-height: 20px;
        width: 100%;
    }

        #workflow_selection div.items_checkbox, #resetWfDoc div.items_checkbox {
            margin-left: 22px;
            top: 10px;
        }

    #workflow_selection > div > span {
        display: inline-block;
        float: left;
        position: relative;
        top: 4px;
    }

    #workflow_selection .dropdown {
        float: left;
        left: 60px;
        position: absolute;
        top: 0;
        width: 250px;
    }


        #workflow_selection .dropdown ul.children {
            display: none;
            border: 1px solid var(--k-lt-gray);
        }

    #workflow_selection span.wf_suc_msg,
    #workflow_removal span.wf_suc_msg,
    input[name="wf_err_msg"] {
        bottom: 0;
        display: none;
        left: 5px;
        width: 85%;
    }

/****************************************************
**  END Inbox/Folder Nav ContextMenu modal window
****************************************************/
/****************************************************
**  Item/document type icon images
****************************************************/

#retrieve_layout_results_list {
    max-height: 150px;
}

    #retrieve_layout_results_list .item_type_icon,
    #rd_container .item_type_icon,
    .item_type_icon {
        background-image: url("../../Content/images/docstar_sprite.png?v=24.2.161");
        left: 7px;
        position: relative;
    }

    #retrieve_layout_results_list select.editable,
    #retrieve_layout_results_list select.cf_val,
    #captureGrid select.editable,
    #captureGrid select.cf_val {
        width: 100%;
    }

    #retrieve_layout_results_list .editable input,
    #captureGrid .editable input {
        width: 98%;
    }

    #retrieve_layout_results_list .editable textarea,
    #captureGrid .editable textarea {
        max-height: 100px;
        max-width: 98%;
        min-width: 98%;
        width: 98%;
    }


    #wfItems .warningErrorClass,
    #arItems .warningErrorClass,
    #retrieve_layout_results_list .warningErrorClass {
        position: relative;
        /*left: -98%;
        cursor: text;
        opacity: 0;*/
        float: left;
    }

        #wfItems .warningErrorClass:hover,
        #arItems .warningErrorClass:hover,
        #retrieve_layout_results_list .warningErrorClass:hover {
            /*opacity: 1;*/
        }

#captureGrid .warningErrorClass {
    position: relative;
    float: left;
    word-wrap: break-word;
    white-space: normal;
}

#app_panel {
    display: inline-block;
    float: right;
    margin: 2px 0 2px 2px;
    padding: 0 0 7px 0;
    position: relative;
    right: 5px;
    width: 284px;
}

#meta_approvals_container .item_type_icon {
    float: left;
    left: 0;
    top: 1px;
}

#meta_approvals {
    list-style: none;
    margin: 0;
    max-height: 200px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    #meta_approvals li {
        border: 1px solid #000;
        float: left;
        left: 1%;
        margin: 2px 0;
        position: relative;
        width: 97.5%;
        white-space: normal;
        word-wrap: break-word;
    }

        #meta_approvals li div {
            float: left;
            margin: 0 2px;
        }

            #meta_approvals li div.name {
                margin: 2px;
                max-width: 90%;
                width: 90%;
                word-wrap: break-word;
            }

            #meta_approvals li div.reason {
                max-height: 100px;
                overflow: auto;
            }

    #meta_approvals .item_type_icon {
        left: 0;
    }

.approveDenyDialogContents {
    height: 100%;
}

    .approveDenyDialogContents span {
        display: inline-block;
        min-height: 16px;
        width: 100%;
    }

    .approveDenyDialogContents textarea {
        height: 65%;
        resize: none;
        width: 98%;
    }

        .approveDenyDialogContents textarea.warningErrorClass {
            border: 1px solid;
        }

.pinRequiredInlineBlock {
    display: inline-block;
}


#recordCategoryDialog {
    display: none;
}

    #recordCategoryDialog select {
        width: 230px;
    }

/****************************************************
**  END Item/document type icon images
****************************************************/
/****************************************************
**  OCR selection (lasso)
****************************************************/

#lasso_load {
    height: 20px;
    left: 50%;
    position: relative;
    top: 50%;
    width: 20px;
    z-index: 1;
}

#lasso_results_cont {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#FFFFFF');
    -moz-border-radius: 6px 6px 6px 6px;
    background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#FFFFFF));
    background: -moz-linear-gradient(top, #F9F9F9, #FFFFFF);
    /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #F9F9F9 0%, #FFFFFF 100%);
    /* W3C (IE10) maybe others soon.*/
    border: 1px solid #000;
    border-radius: 6px 6px 6px 6px;
    padding: 5px;
    position: absolute;
    z-index: 10001;
}

#lasso_exit_cont .lasso_exit {
    display: inline-block;
    position: absolute;
    top: 40%;
}

#lasso_exit_cont {
    display: inline-block;
    height: 100%;
    position: absolute;
    right: 5%;
}

.lasso_results {
    display: inline-block;
    float: left;
    height: 96%;
    resize: none;
    width: 90%;
}

/****************************************************
** END OCR selection (lasso)
****************************************************/
/****************************************************
** Retrieve Sprites
****************************************************/

.search_icon {
    background-image: url("../../Content/images/docstar_sprite.png?v=24.2.161");
    background-position: -11px -190px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    position: relative;
    top: 8px;
    width: 23px;
    cursor: pointer;
}

.date_search {
    background-image: url("../../Content/images/docstar_sprite.png?v=24.2.161");
    background-position: -397px -133px;
    float: right;
    height: 25px;
    position: absolute;
    right: 50px;
    top: 5px;
    width: 30px;
}

.accordion_title > span {
    float: right;
    height: 20px;
    position: relative;
    right: 15px;
    top: 2px;
    width: 90px;
}

.accordion_title_contents {
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 700;
    float: left;
    width: 100%;
}

    .accordion_title_contents:hover {
        background-color: var(--kc-panel-card-bg);
    }

.small_docstar_logo {
    background-image: url(../images/smallLogo_White.png?v=24.2.161);
    background-position: -0px 0;
    background-repeat: no-repeat;
    width: 180px;
    height: 45px;
}

/****************************************************
** END Retrieve Sprites
****************************************************/
/****************************************************
** Inbox/Folder/General scrollbars
****************************************************/

#inbox_vert_scroll {
    height: 100%;
    max-height: 230px;
    position: absolute;
    right: 5px;
    top: 30px;
    width: 1px;
}

.ui-slider.ui-slider-vertical .ui-slider-handle {
    border: 1px solid #000;
}

.ui-slider-vertical .ui-slider-handle {
    font-size: 2px;
    height: 15%;
    left: 0;
    margin: 0 0 -7.5%;
    margin-left: 0;
    padding: 0;
    width: 10px;
}

/****************************************************
** END Inbox/Folder/General scrollbars
****************************************************/

.dropdown {
    cursor: pointer;
}

    .dropdown.disabled {
        cursor: default;
    }

.actionsMenuBorder {
    border: 1px solid var(--k-lt-gray);
}

.shadow {
    -moz-box-shadow: 0 0 4px #999;
    -webkit-box-shadow: 0 0 4px #999;
    box-shadow: 0 0 4px #999;
}

.shadow_left {
    -moz-box-shadow: -3px 2px 2px #000;
    -webkit-box-shadow: -3px 2px 2px #000;
    box-shadow: -3px 2px 2px #000;
}

.shadow_bottom {
    -moz-box-shadow: 0 2px 2px #000;
    -webkit-box-shadow: 0 2px 2px #000;
    box-shadow: 0 2px 2px #000;
}

.light_shadow_left {
    -moz-box-shadow: -2px 0 2px #CCC;
    -webkit-box-shadow: -2px 0 2px #CCC;
    box-shadow: -2px 0 2px #CCC;
}

.light_shadow_right {
    -moz-box-shadow: 2px 0 2px #CCC;
    -webkit-box-shadow: 2px 0 2px #CCC;
    box-shadow: 2px 0 2px #CCC;
}

.light_shadow_bottom {
    -moz-box-shadow: 0 2px 2px #CCC;
    -webkit-box-shadow: 0 2px 2px #CCC;
    box-shadow: 0 2px 2px #CCC;
}

#layout .jstree li {
    margin-top: 10px;
}

.shadow_glow {
    -moz-box-shadow: 2px 2px 2px #BBB;
    -webkit-box-shadow: 2px 2px 2px #BBB;
    box-shadow: 2px 2px 2px #BBB;
}

/* Admin IP Restrictions */

#addNew .metalabel {
    width: 150px;
}

#addNew div.input {
    display: inline-block;
    width: 48%;
}

#addNew input {
    display: inline-block;
}

#addNew .ipTo {
    display: inline-block;
    left: 0;
    position: relative;
    width: 0;
}

/*Admin Lists*/

#clist_txtarea {
    overflow: auto;
}

/*END Admin Lists*/
/* END Admin IP Restrictions */
/* START System Settings*/

#systemsettings_layout select[name="Id"] {
    width: 300px;
}

#systemsettings_layout textarea {
    max-height: 110px;
    max-width: 200px;
    width: 200px;
}

/* END System Settings*/

#customfieldsmanager_layout .metalabel,
#systemsettings_layout .metalabel {
    width: 186px;
}

#customfieldsgroup_layout .unstyledList {
    margin: 5px 0 0;
}

#customfieldsgroup_layout .ui-combobox {
    top: -4px;
}

    #customfieldsgroup_layout .ui-combobox input.isCombo {
        width: 250px;
    }

#exportImport_layout .exportSelection {
    display: inline-block;
    float: left;
    list-style: none outside none;
    padding: 0;
    width: 219px;
}

    #exportImport_layout .exportSelection ol {
        padding: 0;
    }

    #exportImport_layout .exportSelection ul {
        list-style: none outside none;
        padding: 0;
    }

        #exportImport_layout .exportSelection ul li {
            margin-bottom: 5px;
        }

#exportImport_layout select {
    margin: 5px 0;
}

#allfolders {
    display: inline-block;
    height: 130px;
    line-height: 50px;
    text-align: center;
    width: 205px;
}

#exportFolderList {
    height: 130px;
    width: 205px;
}

#exportImport_layout .exportTabs {
    display: inline-block;
    float: left;
    list-style: none outside none;
    padding: 0;
    width: 555px;
}

    #exportImport_layout .exportTabs .ui-tabs .ui-tabs-nav {
        border: 0;
        background-color: var(--p-white);
        border-bottom: 1px solid var(--k-label);
    }

        #exportImport_layout .exportTabs .ui-tabs .ui-tabs-nav .ui-state-default {
            border-bottom: 3px solid transparent;
            font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
            background-color: var(--p-white);
        }

            #exportImport_layout .exportTabs .ui-tabs .ui-tabs-nav .ui-state-default a {
                margin: 0 13px;
            }

            #exportImport_layout .exportTabs .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-active {
                border-bottom: 3px solid var(--kc-interactive-pressed);
            }

            #exportImport_layout .exportTabs .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-focus {
                color: var(--a-mauve);
            }

            #exportImport_layout .exportTabs .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-active a {
                color: var(--kc-interactive-pressed);
                font-size: 13px;
                font-weight: 600;
            }

#customlists_layout .unstyledList,
#customfieldsmanager_layout .unstyledList,
#systemsettings_layout .unstyledList,
#dataLinkLayout .unstyledList {
    display: inline-block;
    float: left;
    width: 48%;
}

.customFieldMetaEditView .unstyledList.customFieldSelection {
    width: 401px;
}

.customFieldMetaEditView .unstyledList.customFieldValues {
    width: 355px;
}

.ui-dialog .customFieldMetaEditView .unstyledList.customFieldValues {
    width: 435px;
}

.ui-dialog .customFieldMetaEditView .warningErrorClass {
    margin: 0 0 0 145px;
}

#customfieldsmanager_layout .unstyledList.autoWidth {
    display: inline-block;
    float: left;
    width: auto;
}

#customfieldsmanager_layout .customFieldGroupDTO label.spacingRightSmall {
    width: 88px;
}

#customfieldsmanager_layout .customFieldGroupDTO span.radioLabelSpacing {
    top: 1px;
    float: left;
}

#customfieldsmanager_layout .unstyledList.fullWidth {
    display: inline-block;
    float: left;
    width: 100%;
}

#customfieldsmanager_layout .unstyledList {}


/* Edit Company */

#company_layout .listarea {
    display: inline-block;
    height: 200px;
}

    #company_layout .listarea .metalabel {
        float: left;
    }

#company_layout select {
    height: 100%;
}

#company_layout .warningErrorClass {
    float: left;
    height: 18px;
    left: 50px;
    padding-left: 4px;
    position: relative;
    top: 4px;
    width: 100%;
}

#company_layout .metaarea,
#company_layout .input {
    position: relative;
    width: 434px;
}

    #company_layout .metaarea .metalabel {
        position: relative;
        top: 4px;
        width: 50px;
    }
#company_layout div.input {
     display: flex; 
}
/* END Edit Company */

#searchAuditDiv,
#clearAuditDiv,
#clearAuditDTLbl,
#clearAuditDTInput,
#nigthlyPurgeAuditLbl,
#nigthlyPurgeAuditInput {
    float: left;
}

#clearAuditFS {
    height: 164px;
    margin: 0 0 0 40px;
}

#audit_search_terms {
    display: inline-block;
    padding: 0 10px;
}

    #audit_search_terms input {
        width: 150px;
    }

    #audit_search_terms label {
        float: left;
    }

.auditInfoDiv {
    margin: -4px 0 3px 0;
}

.auditInfoicon {
    margin-bottom: 2px;
}

.auditInfoMsg {
    color: blue;
    font: bold;
}

.throbber.loadingThrobberHorizontalPosCenter {
    display: block;
    margin: auto;
}

.dialogThrobberPosCenter {
    left: 45%;
}

.generalSaveDirtyPromptDialog .displayTable {
    margin: 15px 0 0;
}

.generalSaveDirtyPromptDialog .warningIcon {
    margin: 5px;
    cursor: default;
}

.generalSaveDirtyPromptDialog pre {
    margin: 23px 5px 0 5px;
    white-space: normal;
    word-wrap: break-word;
    vertical-align: middle;
    text-align: center;
}

.generalSaveDirtyPromptDialog .dialogThrobberPos {
    left: auto;
    right: 230px;
}

.dialogThrobberPos {
    position: absolute;
    bottom: -35px;
    left: 40%;
}

.generalDialogThrobberPos,
div.clientSelector .source span {
    position: relative;
    top: 3px;
}

#ui_message_exception {
    display: none;
}

    #ui_message_exception span {
        position: relative;
    }

#capture_layout .buttonOptions {
    left: 0;
    top: 11px;
    min-width: 165px;
    width: auto;
    bottom: auto;
    padding: 10px 0;
}

#qs .buttonOptions {
    position: absolute;
    right: 2px;
    top: 31px;
    width: 225px;
}

    #qs .buttonOptions .ui-combobox input.isCombo {
        display: inline-block;
        width: 187px;
    }

ul.buttonOptions {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #12c3f4;
    list-style: none outside none;
    padding: 10px;
    position: absolute;
    right: 19px;
    text-align: right;
    z-index: 2;
    position: absolute;
    bottom: 5px;
}

    ul.buttonOptions li {
        text-align: right;
    }

        ul.buttonOptions li div {
            font-weight: bold;
            text-align: left;
        }

span.buttonOptionsClose {
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

span.custom_button > a.whiteIcon {
    left: -5px;
    position: relative;
    top: 25%;
}

span.custom_button > a.whiteIcon,
span.custom_button > span.whiteIcon {
    background-image: url("../../Content/themes/jquery-ui/shared/images/ui-icons_d8e7f3_256x240.png?v=24.2.161");
}

.workflowUIContainer {
    padding: 1px;
    text-align: right;
}

.wfInfo {
    width: 100%;
}

    .wfInfo div {
        display: inline-block;
        height: 15px;
        overflow: hidden;
        width: 100%;
    }

.branchLabels {
    margin: 5px 0 0 5px;
}

    .branchLabels ul {
        list-style: none;
        padding: 0 0 0 20px;
    }

        .branchLabels ul li {
            margin: 5px 0;
        }

.wfChatLogEntry,
.versChatLogEntry {
    /* border: 1px solid #000; */
    margin: 5px 0 0;
    max-height: 200px;
    min-height: 25px;
    padding: 5px 0;
}

.chatThrobber {
    position: relative;
    width: 270px;
}

    .chatThrobber img {
        margin: 0 0 0 125px;
    }

.wf_button {
    display: inline-block;
    font-weight: bold;
    height: auto;
    line-height: 25px;
    margin: 5px 0 0 0;
    padding: 0 10px;
    width: 180px;
}

span.isRequired {
    display: inline-block;
    padding: 0;
    position: absolute;
    right: -4px;
    top: 6px;
}

.isRequiredEmpty {
    border: 1px solid #a60000;
}

#showRelatedDocuments {
    margin: 0 5px 0 0;
}

#buzzSchedule span {
    display: inline-block;
    text-align: right;
    width: 145px;
}

#buzzSchedule .buzz_left_block {
    float: left;
    width: 355px;
}

#helpDialogIFrame,
#ideaDialogIFrame,
iframe.sendMessage {
    max-height: 185px;
    max-height: 40%;
    width: 100%;
}

#helpDialog textarea,
#ideaDialog textarea,
textarea.sendMessage {
    height: 40%;
    max-height: 40%;
    max-width: 100%;
    min-height: 40%;
    min-width: 100%;
    resize: none;
    width: 100%;
}

#helpDialog a,
#ideaDialog a {
    float: right;
}

#annotationText span,
#annotationText textarea {
    margin: 5px 0;
    width: 100%;
}

#annotationText textarea {
    height: 90%;
    resize: none;
}

#emailFooterEditorIframe {
    height: 100%;
    overflow: hidden;
    width: 100%;
    min-height: 450px;
}

#buzzEditorIframe {
    min-height: 435px;
}

#buzzIframe,
#buzzEditorIframe {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

    #buzzIframe body {
        overflow: hidden;
    }

.ui-combobox {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

    .ui-combobox:hover input.isCombo:not([readonly]):not([disabled]), /* DOC-5883 Rebranding changes for combobox */
    .ui-combobox:hover a {
        border-bottom: 1px solid var(--kc-interactive-hover);
    }

    .ui-combobox:focus-within input.isCombo:not([readonly]):not([disabled]) {
        border: 1px solid var(--a-mauve);
        border-right: 0;
    }

    .ui-combobox:focus-within a {
        border: 1px solid var(--a-mauve);
        border-left: 0;
    }

    .ui-combobox a.ui-state-disabled {
        background: #E6E6E6;
        opacity: 1;
    }

.ui-autocomplete.ui-menu {
    min-width: 50px;
    max-height: 82px;
    overflow: auto;
    overflow-x: hidden;
    z-index: 100000 !important;
}

    .ui-autocomplete.ui-menu.uiCompanyMenu {
        z-index: 9999999999 !important;
    }

.ui-menu .ui-menu-item a {
    min-height: 16px;
    display: inline-block;
    width: 100%;
    max-width: 99%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#admin_screen .ui-autocomplete.ui-menu {
    max-height: 225px;
}

#admin_screen fieldset {
    width:-webkit-fill-available;
    width:-moz-available;
}

/* Image Viewer Rotation Container*/

.transformCont {
    position: absolute;
}

.element_transition {
    -moz-transition: rotate 0.3s ease-out;
    /* FF4+ */
    -ms-transition: rotate 0.3s ease-out;
    /* IE10 */
    -o-transition: rotate 0.3s ease-out;
    /* Opera 10.5+ */
    -webkit-transition: rotate 0.3s ease-out;
    /* Saf3.2+, Chrome */
    transition: rotate 0.3s ease-out;
}

/* Rotations (Can be applied to any element including text) */

.rotate90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    /* for ie 8*/
    /*-ms-transform:rotate(90deg); /* IE 9 (collides with above) */
    transform: rotate(90deg) translate(0px, -100%);
    /* CSS 3 */
    transform-origin: 0 0;
    -moz-transform: rotate(90deg) translate(0, -100%);
    /* Firefox */
    -moz-transform-origin: 0 0;
    /* Firefox */
    -o-transform: rotate(90deg) translate(0, -100%);
    /* Opera */
    -o-transform-origin: 0 0;
    /* Opera */
    -webkit-transform: rotate(90deg) translate(0, -100%);
    /* Safari and Chrome */
    -webkit-transform-origin: 0 0;
    /* Safari and Chrome */
}

.rotate180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    /* for ie 8*/
    /*-ms-transform:rotate(180deg); /* IE 9 */
    transform: rotate(180deg);
    /* CSS 3 */
    transform-origin: center;
    -moz-transform: rotate(180deg);
    /* Firefox */
    -moz-transform-origin: center;
    /* Firefox */
    -o-transform: rotate(180deg);
    /* Opera */
    -o-transform-origin: center;
    /* Opera */
    -webkit-transform: rotate(180deg);
    /* Safari and Chrome */
    -webkit-transform-origin: center;
    /* Safari and Chrome */
}

.rotate270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    /* for ie 8*/
    /* -ms-transform:rotate(270deg); /* IE 9 */
    transform: rotate(270deg) translate(-100%, 0);
    /* CSS 3 */
    transform-origin: 0 0;
    -moz-transform: rotate(270deg) translate(-100%, 0);
    /* Firefox */
    -moz-transform-origin: 0 0;
    /* Firefox */
    -o-transform: rotate(270deg) translate(-100%, 0);
    /* Opera */
    -o-transform-origin: 0 0;
    /* Opera */
    -webkit-transform: rotate(270deg) translate(-100%, 0);
    /* Safari and Chrome */
    -webkit-transform-origin: 0 0;
    /* Safari and Chrome */
}

.bookmarks_container {
    position: relative;
    top: 0px;
    display: inline-block;
    float: left;
}

#bookmarksMenu.dropdown {
    display: inline-block;
    float: left;
    top: 1px;
    width: 24px;
}

.bookmarkItem {
    background-color: #FFCC42;
}

/* Annotation Properties */

.markContainer,
.regionContainer {
    height: 100%;
    width: 100%;
}

    .regionContainer > div {
        position: absolute;
    }

.modalThrobberCont,
.burningInAnnotationsCont {
    height: 100%;
    position: relative;
    width: 100%;
}

    .modalThrobberCont img {
        display: inline-block;
        left: 45%;
        position: absolute;
        top: 40%;
    }

.burningInAnnotationsCont {
    top: 0;
    position: absolute;
}

    .burningInAnnotationsCont img {
        display: inline-block;
        position: relative;
        top: 10px;
        left: 162px;
    }

    .burningInAnnotationsCont > div.burningInMessageCont {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #000000;
        border-radius: 10px;
        width: 375px;
        height: 110px;
        position: absolute;
        bottom: 35px;
        left: 39%;
    }

    .burningInAnnotationsCont > div > div {
        position: absolute;
        bottom: 10px;
        width: 100%;
    }

    .burningInAnnotationsCont span {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin: 2px 0;
    }

.burningInOverlay {
    opacity: .50;
    background: #808080;
}

.grayGradientBackground {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--p-white), endColorstr=var(--p-white));
    background: var(--p-white);
}

div.grayGradient,
div.grayGradient.pressed:active {
    background-image: url("../../Content/images/s.png?v=24.2.161");
    background-position: -2px -178px;
}

    div.grayGradient.pressed,
    div.grayGradient:not(.pressed):active {
        background-position: -2px -200px;
    }


div.blueGradient {
    background-image: url("../../Content/images/s.png?v=24.2.161");
    background-position: -66px -178px;
}

    div.blueGradient.pressed {
        background-position: -66px -207px;
    }

div.toggle_btn,
.fontPropCont div.toggle_btn,
#textStampDTO div.toggle_btn {
    background: var(--kc-interactive-gray); /*Stamps font style*/
    border: solid var(--k-disabled);
}

    div.toggle_btn.pressed,
    .fontPropCont div.toggle_btn.pressed,
    #textStampDTO div.toggle_btn.pressed {
        background: var(--kc-interactive-blue); /*Stamps font style pressed*/
        border: solid var(--kc-interactive-blue);
    }

#textStampDTO .jPicker .Icon {
    border: 0;
    width: 30px;
}

    /* to override inline style */
    #textStampDTO .jPicker .Icon span.Color {
        background: none !important;
    }

    /* to override inline style */
    #textStampDTO .jPicker .Icon span.Image {
        background-image: url("../../Content/images/docstar_sprite.png?v=24.2.161") !important;
        background-position: -500px -130px;
    }

/* Resizable Annotations */

.regionResize .ui-wrapper {
    overflow: visible;
}

.regionResize .ui-resizable-handle {
    border: 1px solid #000;
}

    .regionResize .ui-resizable-handle.ui-resizable-n,
    .regionResize .ui-resizable-handle.ui-resizable-s {
        background: #fff;
        left: calc(50% - 4.5px);
        width: 9px;
        z-index: 100;
    }

    .regionResize .ui-resizable-handle.ui-resizable-e,
    .regionResize .ui-resizable-handle.ui-resizable-w {
        background: #fff;
        height: 9px;
        top: calc(50% - 4.5px);
        z-index: 100;
    }

    .regionResize .ui-resizable-handle.ui-resizable-ne,
    .regionResize .ui-resizable-handle.ui-resizable-nw,
    .regionResize .ui-resizable-handle.ui-resizable-sw {
        background: #fff;
        height: 9px;
        width: 9px;
        z-index: 100;
    }

    .regionResize .ui-resizable-handle.ui-resizable-se {
        background: #fff;
        bottom: -5px;
        height: 9px;
        right: -5px;
        width: 9px;
        z-index: 100;
    }

/* Redactions */

div.redaction {
    display: inline-block;
    position: absolute;
}

/* Text Preview */

.imageStampPreview .imageStampCont,
.textStampPreview .textStampCont {
    display: inline-block;
    height: auto;
    max-height: 300px;
    max-width: 400px;
    overflow: auto;
    position: relative;
    width: auto;
}



#actionConfirmThrobber {
    bottom: 0;
    display: none;
    margin: 5px 0 0 50%;
}

#action-confirm .success_message {
    display: none;
    margin: 0;
    text-align: left;
    width: 95%;
}

pre#catchallerrors {
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
    font-size: 13px;
    white-space: pre-wrap;
    width: 99%;
    word-wrap: break-word;
    max-height: 600px;
    overflow: auto;
}

/* Dialog Formatting */

#cutoffDocuments input {
    margin: 5px 0;
    width: 100%;
}

#addDocFreeze select {
    max-height: 175px;
    width: 82%;
}

#addDocFreeze fieldset {
    margin: 0;
    padding: 0;
}

#removeDocFreeze select {
    margin: 5px 0;
    max-height: 175px;
    width: 100%;
}

#created-link {
    margin: 0 0 15px 0;
}

.alphaNumeric {
    display: inline-block;
    left: 115px;
    position: relative;
    width: 76%;
    word-wrap: break-word;
}

#importEntitiesIFrame {
    width: 100%;
    height: auto;
}

#integrationSetupLink .popoutIntegrationSetup,
#wfDesignerLink .popoutWfDesigner, popoutLineItems {
    background-image: url("../../Content/images/docstar_sprite.png?v=24.2.161");
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 2px;
    width: 7px;
    background-position: -276px -11px;
}

.lineItems {
    right: 45px;
    float: right;
    cursor: pointer;
}

.docTitle {
    margin-left: 135px;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    text-decoration: underline;
    color: blue;
    width: fit-content;
}

#integrationSetupLink,
#wfDesignerLink {
    width: 100%;
}

    #integrationSetupLink a,
    #wfDesignerLink a {
        display: inline-block;
        vertical-align: bottom;
    }

.zoomHighlight {
    border: 3px solid #51CBEE;
    display: inline-block;
    position: absolute;
}

#customfieldsmanager_layout .multiselect,
.customFieldGroupDTO .multiselect {
    width: 600px;
    height: 200px;
}

#customfieldsmanager_layout .ui-multiselect {
    float: left;
    border: 1px solid #ccc;
}

#customfieldsmanager_layout .unstyledList .ui-multiselect li {
    width: 95%;
}

#customfieldsmanager_layout .unstyledList .ui-multiselect ul.selected li {
    width: 95% !important;
}

#customfieldsmanager_layout .ui-multiselect input[type="text"] {
    width: auto;
}

/* LDAP Import */

#admin_action li.enabledIntegrated.hidden,
#admin_action li.enabledIndependent.hidden {
    display: none;
}

#admin_action li.note textarea {
    height: 60px;
    max-width: 55%;
    width: 360px;
}

    #admin_action li.note textarea.securityNote {
        height: 80px;
    }

/* End LDAP Import */

#importLicenseIFrame {
    border: medium none;
    min-height: 45px;
    max-height: 80px;
    position: relative;
    float: right;
    top: -12px;
    width: 375px;
}

#getLicRespItem {
    display: inline-block;
}

#getLicReqItem,
#getLicRespItem {
    margin: 5px 0 15px 0;
    position: relative;
}

#licenseLayout div.container {
    margin: 10px 0;
}

#licenseLayout span.label {
    display: inline-block;
    min-width: 200px;
    width: 200px;
    text-align: right;
}

#licenseLayout .noLicensingCode {
    margin: 0 0 0 10px;
}

#licenseLayout fieldset.licenseLayoutCurrent {
    min-height: 230px;
    margin: 5px 0;
}

#licenseLayout fieldset.licenseLayoutOffline {
    min-height: 90px;
}

span.licenseSubmit {
    display: inline-block;
}

span.licenseSubmit,
.generateLink {
    cursor: pointer;
    display: inline-block;
    height: 16px;
    position: relative;
    top: 3px;
    width: 16px;
}

    span.licenseSubmit.updating,
    .generateLink.updating,
    .loadingThrobber,
    .throbber {
        background-image: url(../../Content/themes/default/throbber.gif?v=24.2.161);
        background-position: 0 0;
    }

.throbber, .throbberHolder {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.helpthrobber {
    bottom: 0;
    display: none;
    left: 48%;
    position: absolute;
}

.loadingThrobber {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 48%;
    top: 10%;
}

/* Combo box - General, override if need be*/
/* multiselect changes*/
.ui-combobox input.ui-autocomplete-input {
    color: var(--p-black);
    font-size: 14px;
    margin: 0;
    padding: 2px 0px;
    height: 16px;
    background: var(--p-white);
    border: 1px solid transparent;
    border-bottom: 1px solid var(--kc-interactive-blue);
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

input.isCombo:not([readonly]):not([disabled]),
.ui-combobox input.isCombo:not([readonly]):not([disabled]) {
    background: var(--p-white);
    width: calc(100% - 32px);
}

.admin_screen input.isCombo {
    height: 16px;
    width: 205px;
}

#admin_screen .ui-combobox .ui-button,
.ui-combobox .ui-button {
    position: absolute;
    bottom: 0;
    top: 0;
    margin-left: -25px;
    width: 25px;
    padding: 0;
    /* ui button for dropdown*/
    border: 1px solid transparent;
    border-bottom: 1px solid var(--kc-interactive-blue);
    background: var(--p-white);
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.ui-dialog .ui-combobox .ui-button {
    height: 22px;
}

/*.ui-widget-content a {
    color: #12c3f4;
}*/
/* #region Data Link */
#dataLinkLayout {
    margin: 5px 0 0;
    width: 100%;
}

    #dataLinkLayout .ui-combobox {
        float: left;
    }

    #dataLinkLayout fieldset {
        padding-bottom: 2px;
    }

    #dataLinkLayout .dataLinkQuerySettings .sPngIB {
        margin: 5px 3px;
    }

    #dataLinkLayout #dataLinkQueries .dataLinkQueryType {
        margin: 0 0 0 10px;
        width: 500px;
    }

    #dataLinkLayout .dataLinkQueryType div {
        float: left;
        min-width: 63px;
    }

    #dataLinkLayout .dataLinkQueryType .metalabel {
        text-align: left;
    }

#dataLinkConnections .sPngIB {
    margin: 2px;
}

#dataLinkLayout .metalabel {
    display: inline-block;
    float: left;
    margin: 2px 8px 0 5px;
    min-width: inherit;
    width: auto;
}

#dataLinkLayout .custom_button {
    float: left;
    height: 14px;
    line-height: 14px;
    margin: 3px 5px;
}

#dataLinkLayout div.left {
    width: 80%;
}

#dataLinkLayout div.right {
    width: 19%;
}

#dataLinkLayout .dispTable {
    height: 100px;
}

#dataLinkLayout .unstyledList {
    margin: 0;
    width: 100%;
}

#dataLinkLayout .accordion {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
}

#dataLinkQueries .dataLinkQuerySettings {
    margin: 5px;
}

    #dataLinkQueries .dataLinkQuerySettings .warningErrorClass {
        display: block;
        float: left;
        height: 0;
        left: 66px;
        position: absolute;
        top: 31px;
        width: auto;
        padding: 3px;
    }

#dataLinkQueries span.label {
    float: left;
    padding: 5px;
}

#dataLinkLayout .accordion .accordionContents {
    display: inline-block;
    padding: 5px;
}

#dataLinkLayout .unstyledList li {
    padding-bottom: 3px;
}

#dataLinkConnections .unstyledList li {
    padding: 0;
}

#dataLinkConnections .warningErrorClass {
    display: inline-block;
    margin: 0 0 5px;
    position: relative;
    top: 2px;
}

#dataLinkQueries input[type="checkbox"],
#dataLinkQueries input[type="radio"],
#dataLinkLayout input[type="radio"] {
    float: left;
    margin: 2px 0;
}

#dataLinkTypeTemplate div {
    float: left;
}

#dataLinkTypeTemplate .dltMain {
    width: 515px;
}

#dataLinkTypeTemplate .dltSub {
    width: 130px;
}

#dataLinkTypeTemplate .exeMain {
    width: 210px;
}

    #dataLinkTypeTemplate .exeMain select {
        width: 170px;
    }

    #dataLinkTypeTemplate .exeMain input.isCombo {
        width: 170px;
    }

#dataLinkTypeTemplate input[type="text"].exe1,
#dataLinkTypeTemplate .dltSubExe1 {
    width: 330px;
}

#dataLinkTypeTemplate input[type="text"].exe2,
#dataLinkTypeTemplate .dltSubExe2 {
    width: 100px;
    margin: 0 5px;
}

#dataLinkTypeTemplate label {
    float: left;
    margin: 0 0 5px 5px;
    text-align: left;
    width: 100%;
}

#dataLinkConnections input[name="ConnectionString"] {
    width: 500px;
}

#dataLinkConnections input.isCombo[name="ConnectionString"] {
    width: 475px;
}

#dataLinkConnections input[name="EncryptedPassword"],
#dataLinkConnections input[name="ConfirmEncryptedPassword"] {
    width: 120px;
}

#testLive.custom_button {
    margin: 5px;
}

#parameterDef .warningErrorClass {
    display: inline-block;
    left: 60px;
    max-width: 195px;
    position: relative;
}

textarea[name="CommandText"],
textarea[name="OldCommandText"] {
    float: left;
    height: 145px;
    margin: 0;
    max-height: 250px;
    max-width: 82%;
    min-height: 50px;
    min-width: 82%;
    padding: 0;
    resize: none;
    width: 82%;
}

#parameterDef .unstyledList {
    width: 280px;
}

    #parameterDef .unstyledList li {
        padding: 2px 0;
    }

#parameterDef label {
    width: 63px;
}

#dataLinkLayout #testAll {
    margin: 3px 1px;
}

select#allQueries,
select#allConnections {
    width: 100%;
}

.docFormat input[type="text"] {
    position: relative;
    top: -2px;
}

/* #endregion Data Link */

/* region Integrations*/

.C3PIEditView .items_radio label {
    text-align: left;
    width: auto;
}

/* #endregion Integrations */

/*Disabled input/textarea text color*/
.disabledText {
    background: #EEE;
    color: #6D6D6D;
}

.dispTable {
    display: table;
    width: 100%;
}

/* Vertically align direct child element of .dispTable*/

.dispTableCellAlignMid {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}

.fsAccordion legend:not(.noAccordionEvent) {
    cursor: pointer;
}

.fsAccordionBody.closed {
    display: none;
}

.fsAccordionBody.open {
    display: block;
}

.fsAccordionTitle,
.horizontalRadioLabelContainer {
    position: relative;
    top: 2px;
}

/* #region Inline Workflow Designer*/

#inlineWorkflowDesigner,
#inlineWorkflowDesigner iframe {
    border: none;
    height: 100%;
    left: 0;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100000;
}

    #inlineWorkflowDesigner .dialogOverlay.ui-widget-overlay {
        display: inline-block;
        z-index: 1000;
    }

/* #endregion Inline Workflow Designer */

/* #region Connection Wizard */

#buildConnection.custom_button {
    margin: 20px 5px 3px 5px;
}

#dataLinkConnections span.pwdComment {
    float: left;
    margin: 22px 0 0;
}

.connectionWizardContents {
    max-height: 100%;
    overflow: auto;
}

    select[name="ConnectionString"] ~ .ui-combobox .ui-icon.comboThrobber,
    select[name="ConnectionString"] ~ .ui-combobox .ui-state-hover .ui-icon.comboThrobber,
    #select[name="ConnectionString"] ~ .ui-combobox .ui-state-focus .ui-icon.comboThrobber,
    select[name="ExecutableName"] ~ .ui-combobox .ui-icon.comboThrobber,
    select[name="ExecutableName"] ~ .ui-combobox .ui-state-hover .ui-icon.comboThrobber,
    #select[name="ExecutableName"] ~ .ui-combobox .ui-state-focus .ui-icon.comboThrobber,
    .connectionWizardContents .ui-icon.comboThrobber,
    .connectionWizardContents .ui-state-hover .ui-icon.comboThrobber,
    .connectionWizardContents .ui-state-focus .ui-icon.comboThrobber {
        background-image: url("../../Content/themes/default/throbber.gif?v=24.2.161");
        background-position: 0 0;
        display: inline-block;
    }

    .connectionWizardContents .ui-combobox {
        width: 236px;
    }

        .connectionWizardContents .ui-combobox input.isCombo[readonly] {
            width: calc(100% - 36px);
        }

    .connectionWizardContents input {
        width: 230px;
    }

    .connectionWizardContents .unstyledList {
        width: 100%;
    }

    .connectionWizardContents span.label {
        float: left;
        padding: 5px;
        text-align: right;
        width: 143px;
    }

    .connectionWizardContents span.warningErrorClass {
        max-height: 300px;
        overflow: auto;
    }

/* #endregion Connection Wizard */

div.columnHeaderEdit.ui-button.ui-widget {
    height: 12px;
    left: 4px;
    margin: -2px;
    position: relative;
    width: 12px;
}

/* #region ResizeDocument Container */
.resize-document {
    height: 100%;
}

    .resize-document .ui-resizable-handle {
        z-index: 999;
    }

/* #endregion ResizeDocument Container */

/* Added so the datepicker is overtop of other elements (eg. resizable handles)*/
.ui-datepicker {
    z-index: 999999 !important;
    width: 18em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker td span, .ui-datepicker td a:hover {
        background: var(--kc-interactive-hover);
        color: var(--p-white);
    }

    .ui-datepicker td span, .ui-datepicker td a:active {
        background: var(--kc-interactive-pressed);
        color: var(--k-disabled);
    }

    .ui-datepicker td span, .ui-datepicker td a:focus {
        border: 1px solid var(--a-mauve);
        background: var(--p-white);
        color: var(--p-black);
    }

.column-width-changed {
    background: -moz-linear-gradient(center top, #E6E6E6, #fbec5d) repeat scroll 0 0 transparent !important;
    color: #333333;
}

/* #region Page Options*/
.pageOptionsDialog .modalThrobberCont {
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    bottom: 25px;
    display: none;
}

.pageOptionsDialog .contentType {
    width: 290px;
}

.pageOptionsDialog span.metalabel {
    min-width: 150px;
    text-align: right;
    margin: 0 5px;
}

.pageOptionsDialog input[type="text"] {
    width: 285px;
}

.pageOptionsDialog .warningErrorClass {
    float: left;
}

.pageOptionsDialog .splitOptions .warningErrorClass {
    float: left;
    width: 100%;
    left: 160px;
    position: relative;
}

/* #endregion Page Options */

#setRequiredDialog .warningErrorClass {
    position: relative;
    left: 105px;
}

/* #endregion Page Options*/

/* #region Capture Layout */
#capture_layout {
    display: inline-block;
    width: 100%;
    height: 100%;
}

    #capture_layout .dropdown .children {
        max-height: 250px;
    }

#scanAcc .accordion > div {
    display: inline-block;
    float: left;
    margin: 5px 0 0 12px;
    width: 100%;
}

#scanAcc .accordion .disabledAccordion.disabled,
.accordion .disabledAccordion.disabled {
    margin: 0;
    opacity: .7;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 13;
}

#scanAcc .fright {
    position: relative;
    right: 27px;
    top: 14px;
}

#capture_layout .accordion > div > div {
    width: 100%;
    float: left;
    display: inline-block;
    margin: 0 0 15px 0;
    position: relative;
}

/* TEMPORARY: until users get used to where batch import is*/
#captureImportTabs {
    font-size: 13px;
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
}

    #captureImportTabs .ui-tabs-panel {
        min-height: 80px;
    }

    #captureImportTabs > div > div {
        float: left;
        display: inline-block;
    }

    #captureImportTabs > ul > li {
        border: 1px solid #999;
    }

        #captureImportTabs > ul > li a {
            color: #000;
            width: 100px;
            text-align: center;
        }

    #captureImportTabs .ui-tabs-nav {
        background: -webkit-gradient(linear, left top, left bottom, from(#D9D9D9), to(#EEEEEE));
        background: -moz-linear-gradient(top, #D9D9D9, #EEEEEE);
        /* for firefox 3.6+ */
        background: linear-gradient(to bottom, #D9D9D9 0, #EEEEEE 100%);
        /* W3C (IE10) maybe others soon.*/
    }

    #captureImportTabs .ui-state-default,
    #scanContentType .ui-state-default {
        /*background: -webkit-gradient(linear, left top, left bottom, from(#D9D9D9), to(#EEEEEE));
        background: -moz-linear-gradient(top, #D9D9D9, #EEEEEE);*/
        /* for firefox 3.6+ */
        /*background: linear-gradient(to bottom, #D9D9D9 0, #EEEEEE 100%);*/
        /* W3C (IE10) maybe others soon.*/
    }

        #captureImportTabs .ui-state-default.ui-state-active {
            z-index: 10;
            background: -webkit-gradient(linear, left top, left bottom, from(#FCEFC7), to(#F1B616));
            background: -moz-linear-gradient(top, #FCEFC7, #F1B616);
            /* for firefox 3.6+ */
            background: linear-gradient(to bottom, #FCEFC7 0, #F1B616 100%);
            /* W3C (IE10) maybe others soon.*/
        }

.custom_button.splitBtn {
    position: relative;
    left: -1px;
    width: 10px;
    height: 25px;
    cursor: pointer;
}

    .custom_button.splitBtn .whiteIcon {
        left: -3px;
    }

    .custom_button.splitBtn.splitBtnShortHeight {
        height: 20px;
    }

        .custom_button.splitBtn.splitBtnShortHeight .whiteIcon {
            top: 3px;
        }

#capture_layout #captureImportTabs_Import .buttons {
    width: auto;
    margin-top: 17px;
    min-width: 344px;
}

#captureImportTabs_Import div.importHTML iframe {
    width: 0;
    height: 0;
    float: left;
}

#importTab {
    border-top-right-radius: 25px;
}

/* END TEMPORARY*/

#capture_layout .accordion dl {
    width: 200px;
}

#capture_layout .accordion .labelAboveSelectCont {
    width: 225px;
    float: left;
    display: inline-block;
}

    #capture_layout .accordion .labelAboveSelectCont dl {
        float: left;
        display: inline-block;
    }

#capture_layout .accordion .labelAboveSelect {
    margin: 0 0 3px 0;
    float: left;
    display: inline-block;
}

#capture_layout .buttons {
    position: relative;
    float: left;
    margin: 11px 0 5px 0;
}

#capture_layout .captureBtns {
    /*height: 35px;*/
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: initial;
    border: 0;
    background-color: #f0ede0;
}

#captureListActions {
    /*position: relative;
    top: 4px;*/
    width: 28%;
    padding-left: 10px;
}

    #captureListActions .dropdown {
        width: 20px;
    }

        #captureListActions .dropdown ul {
            overflow-y: hidden;
        }

.accordionsContainer > div {
    background-color: var(--kc-panel-card-bg);
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, .08);
    float: left;
    width: 100%;
    margin-bottom: 15px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
}

#scanAcc,
#importAcc,
#captureGridCont {
    float: left;
    width: 100%;
    position: relative;
}

.CaptureEditView #scanAcc .items_checkbox,
.CaptureEditView #scanAcc .items_checkbox > div {
    width: auto;
}

    .CaptureEditView #scanAcc .items_checkbox span {
        width: 150px;
    }

.noContentTypesAvailable {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: .5;
    z-index: 10;
}

#captureGridCont .warningErrorClass {
    position: absolute;
    top: 100%;
    width: 100%;
    text-align: center;
    z-index: 11;
}

#systrayConnStatus {
    position: absolute;
    left: 35%;
    margin: 3px 0 0;
    width: 40%;
    background: none;
    border: none;
}

#automationDLConnStatus {
    margin: 3px 0 0;
    background: none;
    border: none;
}

#automationDLPrompt {
    margin: 3px 0 0;
    display: inline-block;
}

#systrayConnStatus.systrayConnectionPrompt #systrayConnStatusText:hover {
    text-decoration: underline;
    color: var(--kc-interactive-hover);
}

#systrayConnStatus.systrayConnectionPrompt #systrayConnStatusText:active {
    text-decoration: underline;
    color: var(--kc-interactive-pressed);
}

#scanAcc .accordion_title.disabled {
    opacity: 0.5;
}

    #scanAcc .accordion_title.disabled #systrayConnStatus #systrayConnStatusText {
        color: var(--k-label);
    }

    #scanAcc .accordion_title.disabled,
    #scanAcc .accordion_title.disabled:active,
    #scanAcc .accordion_title.disabled .accordion_title_contents:hover {
        color: #86898d;
        background: #c4c6c7;
    }

#scanSplitOptions {
    margin: 18px 0 0;
}

    #scanSplitOptions div {
        float: left;
    }

    #scanSplitOptions .radioLabelSpacing {
        margin: 0 8px 0 -5px;
    }

#systrayConnStatusText {
    float: left;
    width: auto;
    max-width: 90%;
    height: 100%;
    position: relative;
    left: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--kc-interactive-blue);
}

#systrayConnStatusIcon {
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
    position: absolute;
    left: 0;
}

    #systrayConnStatusIcon.throbber {
        background-image: url(../../Content/themes/default/throbber.gif?v=24.2.161);
        background-position: 0 0;
    }

#automationDLConnStatusIcon {
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
    position: inherit;
    left: 0;
}

    #automationDLConnStatusIcon.connecting {
        background-image: url(../../Content/images/Connecting.png?v=24.2.161);
        background-position: 0 0;
    }

    #automationDLConnStatusIcon.connected {
        background-image: url(../../Content/images/Connected.png?v=24.2.161);
        background-position: 0 0;
    }

    #automationDLConnStatusIcon.disconnected {
        background-image: url(../../Content/images/Disconnected.png?v=24.2.161);
        background-position: 0 0;
    }

#updateDLClient,
#connectDLClient {
    position: inherit;
}

#scanOptionsDialog > div.fright {
    position: absolute;
    top: 0;
    right: -60px;
}

    #scanOptionsDialog > div.fright.hasAdvanced {
        top: 25px;
    }

    #scanOptionsDialog > div.fright > div {
        height: 100px;
        margin: 5px 2px;
        width: 100%;
    }

#scanOptionsDialog span.label,
#scanOptionsDialog label.label,
#preProcDialog span.label,
#preProcDialog label.label {
    width: 199px;
    display: inline-block;
    text-align: right;
    margin: 6px 2px;
}

#scanOptionsDialog span.radioLabelSpacing,
#preProcDialog span.radioLabelSpacing {
    display: inline-block;
    padding-right: 8px;
}

    #scanOptionsDialog span.radioLabelSpacing.every {
        padding-right: 0px;
        margin-right: 0px;
    }

#preProcDialog .radio-wrap span {
    margin-right: 10px;
}

#scanOptionsDialog input[type="radio"] {
    margin: 0;
}

#hasAdvancedSettings {
    height: 25px;
    text-align: center;
}

#scanOptionsDialog .scanOptionsBarcodeLicense .barcodeLicenseText {
    display: inline-block;
    width: 300px;
}

#requestBarcodeCont {
    display: inline-block;
    width: 100%;
}

    #requestBarcodeCont #requestBarcode {
        position: relative;
        background: var(--kc-interactive-blue);
        color: var(--p-white);
        border: 1px solid #008aa9;
        border-radius: 4px;
        margin-top: 10px;
    }

        #requestBarcodeCont #requestBarcode:hover {
            box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .4);
        }

td .progressCont {
    width: 100%;
    top: 0;
    border: none;
    background: transparent;
}

.progressCont {
    background: #FFF;
    border: 1px solid black;
    width: 300px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    position: relative;
    /*top: 4px;*/
    width: 28%;
}

.pr-10 {
    padding-right: 10px;
}

.progressCont .progress {
    width: 0;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B7D9EA', endColorstr='#7CBBDA');
    background: -webkit-gradient(linear, left top, left bottom, from(#B7D9EA), to(#7CBBDA));
    background: -moz-linear-gradient(top, #B7D9EA, #7CBBDA);
    /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #B7D9EA 0, #7CBBDA 100%);
    /* W3C (IE10) maybe others soon.*/
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.progressCont .progressStatus {
    position: relative;
}

.progressCont .progressIndeterminate {
    width: 56px;
    height: 22px;
    display: inline-block;
    background-image: url("../../Content/images/indeterminate_progress.gif?v=24.2.161");
}

    .progressCont .progressIndeterminate.displayNone {
        display: none;
    }

#directoriesResize {
    height: 100%;
    width: 150px;
    border-right: 1px solid #51CBEE;
}

#directoriesContainer {
    width: 100%;
    height: 100%;
    overflow: auto;
}

#webFileBrowseDialog {
    padding: 0;
}

    #webFileBrowseDialog hr {
        width: 98%;
        float: left;
    }

    #webFileBrowseDialog .throbber {
        left: 45%;
        position: absolute;
        bottom: -35px;
    }

    #webFileBrowseDialog ul {
        list-style: none;
        padding: 0;
        margin: 0;
        height: 100%;
        min-width: 100px;
    }

        #webFileBrowseDialog ul li {
            width: 90%;
            cursor: pointer;
            float: left;
            display: inline-block;
            padding: 0 0 0 10px;
            margin: 5px 0;
        }

            #webFileBrowseDialog ul li.selected {
                border-radius: 5px;
                border: 1px solid #51CBEE;
                padding: 0 0 0 9px;
                margin: 4px 0;
                background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#51CBEE));
                background: -moz-linear-gradient(top, #FFFFFF, #51CBEE);
                /* for firefox 3.6+ */
                background: linear-gradient(to bottom, #FFFFFF 0, #51CBEE 100%);
                /* W3C (IE10) maybe others soon.*/
            }

            #webFileBrowseDialog ul li:hover {
                border-radius: 5px;
                border: 1px solid #51CBEE;
                padding: 0 0 0 9px;
                margin: 4px 0;
            }

            #webFileBrowseDialog ul li span {
                white-space: nowrap;
                word-wrap: break-word;
            }

    #webFileBrowseDialog > div {
        float: left;
        display: inline-block;
    }

#webFileBrowseGrid tr,
#webFileBrowseGrid td {
    border: none;
}

#webFileBrowseBack {
    cursor: pointer;
    line-height: 25px;
    height: 23px;
    width: 98%;
    overflow: hidden;
    text-overflow: ellipsis;
}

    #webFileBrowseBack .vert_seperator,
    #webFileBrowseBack .vert_seperator_hidable {
        top: 1px;
        left: 17px;
        position: absolute;
    }

    #webFileBrowseBack .ui-icon {
        position: absolute;
        top: 5px;
    }

#webFileBrowseBackText {
    word-wrap: break-word;
    white-space: nowrap;
    position: relative;
    left: 25px;
}

#directoriesContainer .ui-resizable-e {
    right: 0;
}

/* #endregion Capture Layout*/

/* #region Guided Help */
#adminShowBuzzSpaceDialog .dialogContent {
    overflow: auto;
    max-height: 95%;
    max-width: 100%;
    width: 100%;
    height: 100%;
}

#adminShowBuzzSpaceDialog .showToAllCont.items_checkbox {
    width: auto;
    float: left;
    left: 20px;
}

#adminShowBuzzSpaceDialog input[name="neverAgain"] {
    margin: 0 5px;
}


#guidedHelp .guidedHelpContents {
    overflow: auto;
    max-height: 95%;
    max-width: 100%;
    width: 100%;
    height: 100%;
}

#guidedHelp .neverAgainCont.items_checkbox {
    /*position: absolute;
    bottom: 5px;
    right: 15px;*/
    width: auto;
    float: right;
    left: -24px;
}

#guidedHelp input[name="neverAgain"] {
    margin: 0 5px;
}

.clientPairingHelp span.helpLabel {
    font-weight: bold;
    margin: 0 0 10px;
}

.clientPairingHelp > div,
.clientPairingHelp > span {
    margin: 5px 0 0;
}

.clientPairingHelp pre {
    margin: 3px 0;
    white-space: pre-wrap;
}

.clientPairingHelp a.custom_button {
    margin: -6px 10px;
    color: #FFF;
}

    .clientPairingHelp a.custom_button:not(.disabled):focus {
        margin: -7px 9px;
    }

.clientPairingHelp .systrayIcon {
    margin: -4px 5px;
    cursor: default;
}


.clientPairingHelp .imgContainer {
    width: calc(100% - 70px);
    padding: 0 35px;
}

    .clientPairingHelp .imgContainer img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

.clientPairingHelp img {
    max-width: 750px;
}

    .clientPairingHelp img.userPrefCap {
        max-height: 500px;
    }

.clientPairingHelp hr {
    width: 100%;
    left: -10px;
    float: left;
    position: relative;
}

.guidedHelpCapture {
    cursor: pointer;
    float: right;
    margin: 7px 0 0;
    position: relative;
    text-align: right;
    text-decoration: underline;
    width: 100%;
}

.ui-dialog a.custom_button {
    color: #FFF;
}

/* dialog title bar guided help*/
.ui-dialog .ui-dialog-titlebar-help {
    height: 16px;
    margin: -10px 0 0;
    padding: 1px;
    position: absolute;
    right: 23px;
    top: 54%;
    width: 16px;
}

.ui-state-hover.ui-dialog-titlebar-help .guidedHelpCapture {
    margin: 0;
}

.ui-dialog-titlebar-help .guidedHelpCapture {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 1px;
}

.ui-dialog-titlebar-expand {
    cursor: pointer;
    height: 18px;
    margin: -10px 0 0;
    padding: 1px;
    position: absolute;
    right: 23px;
    top: 50%;
    width: 19px;
}

    .ui-dialog-titlebar-expand:hover {
        border: 1px solid #999999;
        padding: 0;
    }

    .ui-dialog-titlebar-expand span {
        display: block;
        margin: 1px;
    }



/* #endregion Guided Help*/


/* #region Versioning Sub grid*/

#retrieve_layout_results_list .ui-subgrid td.ui-widget-content.subgrid-cell,
#workflow_layout .ui-subgrid td.ui-widget-content.subgrid-cell {
    display: none;
}

#retrieve_layout_results_list .ui-subgrid .subgrid-data,
#retrieve_layout_results_list .ui-subgrid .tablediv,
#wfItems .ui-subgrid .subgrid-data,
#wfItems .ui-subgrid .tablediv {
    display: inline-block;
}

/* #endregion Versioning Sub grid*/

/* #region Versioning Accordion */
#vers_acc {
    min-height: 215px;
}

    #vers_acc .custom_button {
        float: right;
        position: relative;
        right: 6px;
        margin: 5px 4px 5px 0;
        width: 64px;
    }

    #vers_acc .versioningUIContainer {
        width: 100%;
        padding: 1px;
    }

    #vers_acc .versChatLog {
        width: 100%;
        position: relative;
        left: -1px;
    }

    #vers_acc .chatIcon {
        padding: 3px;
    }

    #vers_acc .versChatLogListContainer {
        border: 1px solid black;
    }

        #vers_acc .versChatLogListContainer > span {
            padding: 2px 5px;
        }

    #vers_acc .versChatLogListContainerScroll {
        max-height: 135px;
        overflow: hidden;
        display: inline-block;
        width: 100%;
        position: relative;
    }

        #vers_acc .versChatLogListContainerScroll .ps-scrollbar-x-rail {
            display: none;
        }

    #vers_acc .versChatLogListContainer ul {
        list-style: none;
        width: 97%;
        /*Prevent overflow in the width direction*/
        padding: 5px;
    }

    #vers_acc .versChatLogListContainer .showComments {
        cursor: pointer;
    }

    #vers_acc .versChatLogListContainer hr {
        width: 96%;
        left: 2%;
        position: relative;
        display: inline-block;
    }

#versioningGrid td,
.ui-subgrid td {
    background-color: inherit;
}

.deleteVersion {
    right: 3px;
    margin: -14px 0 0;
    cursor: pointer;
    background-color: inherit;
}

.deleteVersionComment {
    position: absolute;
    top: 0;
    right: 3px;
    cursor: pointer;
    background-color: inherit;
}

.unpublishVersion {
    right: 20px;
    margin: -14px 0 0;
    cursor: pointer;
    background-color: inherit;
}

/* #endregion Versioning Accordion */

.systraySelection {
    cursor: pointer;
    font-weight: bold;
}

.downloadOption label {
    width: 95px;
    display: inline-block;
}

.items_checkbox .systraySelection {
    position: initial;
}

    .items_checkbox .systraySelection::before {
        content: none;
    }

    .items_checkbox .systraySelection::after {
        content: none;
    }

/* #region Custom Field Value Grid */

.customFieldGroupItemsLibraryView .jqgrow input,
.customFieldGroupItemsLibraryView .ui-jqgrid-btable .jqgrow textarea {
    max-width: 98%;
}


#customfieldsgroup_layout .cfgGridsPreview {
    position: relative;
    min-height: 125px;
}

    #customfieldsgroup_layout .cfgGridsPreview > div {
        max-width: 75%;
        overflow-y: auto;
        overflow-x: hidden;
    }

.ui-subgrid .throbber {
    margin: 25px 0;
    position: relative;
    left: 50%;
}

.deleteGroupItem {
    cursor: pointer;
    background-color: inherit;
    margin: 5px 0 0;
    right: 20px;
}

tr.customFieldGroupItem span.editable {
    width: 100%;
    display: inline-block;
    position: relative;
}

    tr.customFieldGroupItem span.editable textarea {
        width: 100%;
        min-width: 98%;
        max-width: 98%;
    }

#cfg_acc .customFieldGroupItemsLibraryView .customFieldGroupItemsLibraryViewScroll {
    border-bottom: 1px solid #000;
    overflow: hidden;
    max-height: 400px;
    margin: 0 0 5px;
}

.customFieldGroupItemsLibraryView .customFieldGroup {
    width: 65%;
    min-width: 185px;
    height: 20px;
    margin: 0 3px;
}

.customFieldGroupItemsLibraryView .groupName {
    min-width: 150px;
    padding: 0 25px 0 0;
}

.customFieldGroupItemsLibraryView .addGroup {
    bottom: 2px;
    float: right;
    position: relative;
    right: 4px;
    margin: 0 0 3px 0;
}

.customFieldGroupItemsLibraryView .deleteGroup {
    cursor: pointer;
    right: 8px;
    top: 0px;
    position: absolute;
}

.customFieldGroupItemsLibraryView .cfgGridsContainer td.bold {
    font-weight: bold;
}

.customFieldGroupItemsLibraryView .cfgGridsContainer td input,
.customFieldGroupItemsLibraryView .cfgGridsContainer td textarea,
.customFieldGroupItemsLibraryView .cfgGridsContainer td select {
    text-align: inherit;
}

/* #endregion Custom Field Value Grid */

/* #region Custom Multiselect*/
.available .additionalSelectedHTML,
.available .additionalSelectedHTML.newField,
.available .preAdditionalSelectedHTML,
.available .preAdditionalSelectedHTML.newField {
    display: none;
}

.selected li .additionalSelectedHTML {
    display: inline-block;
    margin: 0 5px;
    position: absolute;
    right: 12px;
    top: 2px;
}

.selected li .preAdditionalSelectedHTML {
    display: inline-block;
}

.selected .additionalSelectedHTML input {
    position: relative;
    top: 2px;
    margin: 0 4px;
}

.selected .limitLabelWidth,
.available .limitLabelWidth,
.limitLabelWidth {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.available .limitLabelWidth {
    max-width: 90%;
}

.selected .limitLabelWidth {
    max-width: 70%;
    min-width: 70%;
}

.ctbWidthCustom select {
    width: 350px !important;
}

.ctbWidthCustom input {
    width: 350px !important;
}

.selected .additionalSelectedHTML .defaultFieldHTMLContainer {
    float: left;
}

    .selected .additionalSelectedHTML .defaultFieldHTMLContainer select {
        width: 100px;
    }

    .selected .additionalSelectedHTML .defaultFieldHTMLContainer input {
        margin: 0;
        width: 95px;
        position: relative;
        top: -4px;
    }

    .selected .additionalSelectedHTML .defaultFieldHTMLContainer .folder_icon {
        position: relative;
        top: -2px;
    }

.tbFieldsContainer .defaultFieldHTMLContainer {
    position: relative;
    min-height: 1px;
    min-width: 1px;
    right: 5px;
}

    .tbFieldsContainer .defaultFieldHTMLContainer select {
        width: 100px;
    }

    .tbFieldsContainer .defaultFieldHTMLContainer input:not(Name="DefaultSecurityClassId") {
        width: 95px;
        background-color: var(--kc-interactive-gray);
        color: var(--p-black);
        border: none;
        border-bottom: 1px solid var(--k-disabled);
    }

    .tbFieldsContainer .defaultFieldHTMLContainer .folder_icon {
        position: absolute;
        left: -16px;
        top: 8px;
    }


/* #endregion Custom Mulstiselect*/



#wfItemsPager .pagerLimit {
    position: absolute;
    left: 45px;
    top: 3px;
    z-index: 1;
}

    #wfItemsPager .pagerLimit input {
        width: 30px;
        height: 13px;
        margin: 0;
        font-size: 0.8em;
    }

#arItemsPager .pagerLimit {
    position: absolute;
    left: 45px;
    top: 3px;
    z-index: 1;
}

    #arItemsPager .pagerLimit input {
        width: 30px;
        height: 13px;
        margin: 0;
        font-size: 0.8em;
    }

.view_metadata .displayTable {
    border-collapse: separate;
    border-spacing: 5px;
}

/* #region Inlay Color */
div.InlayColor {
    height: 25px;
    width: 14px;
    float: left;
    display: inline-block;
}

    div.InlayColor span {
        display: inline-block;
        width: 10px;
        height: 21px;
        margin: 1px;
        border: 1px solid #000;
    }

div.InlaySelected {
    background-color: #000;
}

div.InlayColor span.InlayColor_ffaaaa,
table.customGridTable > tbody > tr.watchHighlight_ffaaaa {
    background-color: #ffaaaa;
}

div.InlayColor span.InlayColor_ffd4aa,
table.customGridTable > tbody > tr.watchHighlight_ffd4aa {
    background-color: #ffd4aa;
}

div.InlayColor span.InlayColor_ffffaa,
table.customGridTable > tbody > tr.watchHighlight_ffffaa {
    background-color: #ffffaa;
}

div.InlayColor span.InlayColor_d4ffaa,
table.customGridTable > tbody > tr.watchHighlight_d4ffaa {
    background-color: #d4ffaa;
}

div.InlayColor span.InlayColor_aaffaa,
table.customGridTable > tbody > tr.watchHighlight_aaffaa {
    background-color: #aaffd4;
}

div.InlayColor span.InlayColor_aaffff,
table.customGridTable > tbody > tr.watchHighlight_aaffff {
    background-color: #aaffff;
}

div.InlayColor span.InlayColor_aad4ff,
table.customGridTable > tbody > tr.watchHighlight_aad4ff {
    background-color: #aad4ff;
}

div.InlayColor span.InlayColor_aaaaff,
table.customGridTable > tbody > tr.watchHighlight_aaaaff {
    background-color: #aaaaff;
}

div.InlayColor span.InlayColor_d4aaff,
table.customGridTable > tbody > tr.watchHighlight_d4aaff {
    background-color: #d4aaff;
}

div.InlayColor span.InlayColor_ffaaff,
table.customGridTable > tbody > tr.watchHighlight_ffaaff {
    background-color: #ffaaff;
}

div.InlayColor span.InlayColor_ffaad4,
table.customGridTable > tbody > tr.watchHighlight_ffaad4 {
    background-color: #ffaad4;
}

.tbFieldSettingsContainer ul > li.gradient-ffaaaa,
.gradient-ffaaaa {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ffaaaa');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ffaaaa));
    background: -moz-linear-gradient(top, #FFFFFF, #ffaaaa);
    /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #FFFFFF 0, #ffaaaa 100%);
    /* W3C (IE10) maybe others soon.*/
}

.tbFieldSettingsContainer ul > li.gradient-ffd4aa,
.gradient-ffd4aa {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ffd4aa');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ffd4aa));
    background: -moz-linear-gradient(top, #FFFFFF, #ffd4aa);
    /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #FFFFFF 0, #ffd4aa 100%);
    /* W3C (IE10) maybe others soon.*/
}

.tbFieldSettingsContainer ul > li.gradient-ffffaa,
.gradient-ffffaa {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ffffaa');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ffffaa));
    background: -moz-linear-gradient(top, #FFFFFF, #ffffaa);
    /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #FFFFFF 0, #ffffaa 100%);
    /* W3C (IE10) maybe others soon.*/
}

.tbFieldSettingsContainer ul > li.gradient-d4ffaa,
.gradient-d4ffaa {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#d4ffaa');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#d4ffaa));
    background: -moz-linear-gradient(top, #FFFFFF, #d4ffaa);
    /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #FFFFFF 0, #d4ffaa 100%);
    /* W3C (IE10) maybe others soon.*/
}

.tbFieldSettingsContainer ul > li.gradient-aaffaa,
.gradient-aaffaa {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#aaffaa');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#aaffaa));
    background: -moz-linear-gradient(top, #FFFFFF, #aaffaa);
    /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #FFFFFF 0, #aaffaa 100%);
    /* W3C (IE10) maybe others soon.*/
}

.tbFieldSettingsContainer ul > li.gradient-aaffff,
.gradient-aaffff {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#aaffff');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#aaffff));
    background: -moz-linear-gradient(top, #FFFFFF, #aaffff);
    /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #FFFFFF 0, #aaffff 100%);
    /* W3C (IE10) maybe others soon.*/
}

.tbFieldSettingsContainer ul > li.gradient-aad4ff,
.gradient-aad4ff {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#aad4ff');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#aad4ff));
    background: -moz-linear-gradient(top, #FFFFFF, #aad4ff);
    /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #FFFFFF 0, #aad4ff 100%);
    /* W3C (IE10) maybe others soon.*/
}

.tbFieldSettingsContainer ul > li.gradient-aaaaff,
.gradient-aaaaff {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#aaaaff');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#aaaaff));
    background: -moz-linear-gradient(top, #FFFFFF, #aaaaff);
    /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #FFFFFF 0, #aaaaff 100%);
    /* W3C (IE10) maybe others soon.*/
}

.tbFieldSettingsContainer ul > li.gradient-d4aaff,
.gradient-d4aaff {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#d4aaff');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#d4aaff));
    background: -moz-linear-gradient(top, #FFFFFF, #d4aaff);
    /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #FFFFFF 0, #d4aaff 100%);
    /* W3C (IE10) maybe others soon.*/
}

.tbFieldSettingsContainer ul > li.gradient-ffaaff,
.gradient-ffaaff {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ffaaff');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ffaaff));
    background: -moz-linear-gradient(top, #FFFFFF, #ffaaff);
    /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #FFFFFF 0, #ffaaff 100%);
    /* W3C (IE10) maybe others soon.*/
}

.tbFieldSettingsContainer ul > li.gradient-ffaad4,
.gradient-ffaad4 {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ffaad4');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ffaad4));
    background: -moz-linear-gradient(top, #FFFFFF, #ffaad4);
    /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #FFFFFF 0, #ffaad4 100%);
    /* W3C (IE10) maybe others soon.*/
}

/* #endregion Inlay Color*/


/* #region Watch layout */
.watchLibraryView {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 85%;
    height: 100%;
}

.addWatch {
    bottom: 0;
    left: 50%;
    /*width: 48px;
    height: 14px;
    line-height: 14px;*/
}

.deleteWatch {
    position: relative;
    right: 0;
    cursor: pointer;
}

.watchContainer {
    padding: 5px 0 0;
}

    .watchContainer select {
        min-width: 190px;
    }

    .watchContainer .displayTableCell {
        padding: 0 5px;
        vertical-align: middle;
    }

    .watchContainer span.AlignCenter:first-child {
        display: inline-block;
        float: left;
        position: relative;
        top: -7px;
        padding: 0 0 10px 0;
    }

.watchFieldLabel {
    width: 200px;
}

.watchTrueOrFalseLabel {
    width: 90px;
}

.watchGroupingLabel {
    width: 100px;
}

.watchColorLabel {
    width: 170px;
}

.watchView {
    padding: 5px 0;
}

table > tbody > tr.watchHighlight {
    background: none;
}

.watchContainer .displayTableCell.items_checkbox {
    width: 16%;
    left: 5%;
}

.watchContainer .items_radio {
    left: initial;
}

.watchContainer .radio-wrap {
    left: 0;
}

    .watchContainer .radio-wrap label {
        width: 40px;
    }

/* #endregion Watch layout*/

#admin_screen #customfields_layout input.isCombo:not([readonly]):not([disabled]),
.customFieldMetaEditView input.isCombo:not([readonly]):not([disabled]) {
    width: 170px;
}

#admin_screen #customfields_layout input.isCombo:disabled,
.customFieldMetaEditView input.isCombo:disabled {
    width: 198px;
    background-color: var(--kc-interactive-gray);
    color: var(--p-black);
    border: none;
    border-bottom: 1px solid var(--k-disabled);
}

.testDialog div {
    width: 100%;
}

    .testDialog div span {
        display: inline-block;
        margin: 3px 0 0;
        text-align: right;
        vertical-align: top;
        width: 88px;
    }

.testDialog input[type="text"],
.testDialog textarea {
    width: 200px;
}

.testDialog textarea {
    min-height: 50px;
}

button.dialogLeftButton {
    position: absolute;
    left: 15px;
}

.importJob_marginLeft {
    margin-left: 20px;
}

/* #region Reports Layout */
#tab_panel_container #legacyreports_tab_panel.show_tabs, #reports_tab_panel.show_tabs
#forms_tab_panel.show_tabs {
}

#legacyreports_tab_panel.hide_tabs, #reports_tab_panel.hide_tabs {
    display: block;
}


#legacyreports_tab_panel > div, #reports_tab_panel > div,
#forms_tab_panel > div {
    height: 100%;
    display: table-row;
}

#forms_tab_panel .mainLayout {
    position: relative;
}

#forms_tab_panel .categoryLayout {
    height: 100%;
    max-height: 100%;
}

.navigationLayout {
    width: 170px;
    max-width: 400px;
    height: 100%;
    color: white;
    overflow: hidden;
    vertical-align: top;
    position: relative;
    background-color: var(--p-lt-gray);
}

    .navigationLayout .showHideArrow {
        top: 5px;
    }

    .navigationLayout .collapse_arrow,
    .navigationLayout .expand_arrow {
        position: absolute;
        cursor: pointer;
        z-index: 10;
    }

.categoryLayout,
.dashboardLayout {
    max-height: 49%;
    overflow: hidden;
    margin: 5px 15px 0 0;
}

    .categoryLayout .category,
    .categoryLayout .category .report,
    .dashboardLayout .report {
        cursor: pointer;
        margin: 3px 0 3px 20px;
    }

        .categoryLayout .category:hover,
        .categoryLayout .category .report:hover,
        .dashboardLayout .report:hover {
            text-decoration: underline;
            color: #EEE;
        }

    .categoryLayout a.bold,
    .dashboardLayout a.bold {
        font-weight: bold;
    }

    .categoryLayout a.underline,
    .dashboardLayout a.underline {
        text-decoration: underline;
    }


    .categoryLayout .jstree-leaf.disabled > a {
        color: #DDD;
        cursor: default;
        text-decoration: none;
        font-weight: normal;
    }

    .categoryLayout .categoryList_scroll {
        margin: 0 20px 0 0;
        max-height: 305px;
        min-height: 15px;
        overflow: hidden;
    }

    .categoryLayout .samplesList_scroll {
        margin: 0 20px 0 0;
        max-height: 340px;
        min-height: 15px;
        overflow: hidden;
    }

.mainLayout {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#FFFFFF');
    background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#FFFFFF));
    background: -moz-linear-gradient(top, #F9F9F9, #FFFFFF);
    /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #F9F9F9 0%, #FFFFFF 100%);
    /* W3C (IE10) maybe others soon.*/
    height: 100%;
}

.categoryItemsLayout .unstyledList {
    margin: 0;
}

.categoryItemsLayout .categoryItem {
    cursor: pointer;
    padding: 10px;
    margin: 5px;
    background-color: var(--p-white);
    border: 1px solid var(--k-disabled);
    width: 175px;
    float: left;
    display: inline-block;
    white-space: nowrap;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
}

    .categoryItemsLayout .categoryItem.selected {
        background: #51CBEE;
    }

    .categoryItemsLayout .categoryItem.disabled {
        opacity: 0.3;
    }

    .categoryItemsLayout .categoryItem:hover {
        text-decoration: underline;
    }

    .categoryItemsLayout .categoryItem img {
        width: 125px;
        height: 125px;
        position: relative;
        left: 25px;
    }

        .categoryItemsLayout .categoryItem img.throbber {
            width: 16px;
            height: 16px;
            margin: 55px 53px 54px 53px;
            position: relative;
            left: 30px;
        }

    .categoryItemsLayout .categoryItem span {
        text-decoration: inherit;
        text-align: center;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        color: var(--kc-interactive-blue);
        font-weight: bold;
    }

        .categoryItemsLayout .categoryItem span:hover {
            color: var(--kc-interactive-hover);
        }

        .categoryItemsLayout .categoryItem span:active {
            color: var(--p-black);
        }

/* #endregion Reports Layout */

/* #region DB Sync Settings Layout */
#dbSync_layout input[type="radio"] {
    margin-left: 0;
    margin-right: 0;
}

#dbSync_layout .radioLabelSpacing {
    margin: 0 15px 0 0;
}

#dbSync_layout .warningErrorClass {
    display: inline-block;
}

/* #endregion DB Sync Settings Layout*/

/* #region Scheduling Layout */
.reportSchedulingLayout div > .warningErrorClass {
    width: 100%;
    margin: 0 0 0 100px;
    float: left;
}

.reportSchedulingLayout input[name="Recipients"] {
    width: 415px;
}



.schedulingLayout input {
    min-height: 16px;
}

    .schedulingLayout input[name="ExecutionTime"] {
        width: 165px;
    }

    .schedulingLayout input[name="Frequency"] {
        width: 50px;
    }

.schedulingLayout select {
    min-height: 20px;
}

    .schedulingLayout select[name="ExecutionType"] {
        width: 110px;
        margin: 0 0 0 5px;
    }

.schedulingLayout span.metaLabel,
.reportSchedulingLayout span.metaLabel,
.reportSchedulingLayout span.label {
    width: 90px;
    float: left;
    margin: 4px 10px 0 0;
    text-align: right;
}

.items_radio.report-type label {
    margin-left: 15px;
}

.items_radio.report-type .radioLabelSpacing {
    width: 70px;
}

.schedulingLayout input.isCombo,
.reportSchedulingLayout input.isCombo {
    min-height: 14px;
    background: white;
    width: 385px;
}

.schedulingLayout > div.inlineblock {
    margin: 5px 0;
    width: 100%;
}

.schedulingLayout .date_icon {
    top: -3px;
    cursor: pointer;
}

.reportSchedulingLayout .parameter {
    display: inline-block;
    position: relative;
    margin: 5px 0;
    width: 100%;
    float: left;
}

    .reportSchedulingLayout .parameter select {
        float: left;
        width: 390px;
    }

    .reportSchedulingLayout .parameter input.isCombo {
        width: 357px;
    }

    .reportSchedulingLayout .parameter input.datepicker.hasDatepicker {
        width: 360px;
    }

    .reportSchedulingLayout .parameter input[type="text"] {
        float: left;
        width: 360px;
    }

.reportSchedulingLayout .ui-combobox {
    float: left;
    height: 22px;
}

    .reportSchedulingLayout .ui-combobox .isCombo:disabled {
        background-color: #F0F0F0;
        background-image: none;
    }

.reportSchedulingLayout .parameterValueProperties {
    left: 65px;
    width: 80%;
}

.reportSchedulingLayout label {
    margin: 5px;
}

.reportSchedulingLayout fieldset {
    margin: 0;
}

.reportSchedulingLayout .reportParameters {
    max-height: 400px;
    overflow: auto;
    width: 100%;
    margin: 0 0 0 -9px;
    /* Offset the containing fieldsets padding*/
}

    .reportSchedulingLayout .reportParameters .date_icon {
        position: relative;
        top: -3px;
    }

/* #endregion Scheduling Layout*/

/* #region Password Management Layout */

#passwordManagmentDTO .unstyledList label {
    display: inline-block;
    float: left;
    padding-right: 10px;
    position: relative;
    text-align: right;
    top: 3px;
    width: 231px;
}

#passwordManagmentDTO .unstyledList select,
#passwordManagmentDTO .unstyledList input {
    width: 80px;
}

    #passwordManagmentDTO .unstyledList input[type='checkbox'] {
        width: auto;
    }

#passwordManagmentDTO fieldset {
    border: 0;
}

#pass_management_success .success_message {
    display: none;
    position: relative;
    width: 300px;
}

#pass_management_reset .reset_message {
    display: none;
    position: relative;
    width: 300px;
}

#pass_expired {
    font-size: 13px;
}

    #pass_expired p,
    #pass_expired span.warningErrorClass,
    #pass_expired h1,
    #pass_expired h2 {
        text-align: center;
    }

    #pass_expired #pass_expired_reset label {
        display: inline-block;
        padding-right: 10px;
        position: relative;
        text-align: right;
        width: 425px;
    }

body.passwordExpired {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#FFFFFF');
    background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#FFFFFF));
    background: -moz-linear-gradient(top, #F9F9F9, #FFFFFF);
    /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #F9F9F9 0, #FFFFFF 100%);
    /* W3C (IE10) maybe others soon.*/
}

/* #endregion Password Management Layout*/


#admin_screen .ImportJobsEditView input[name="maxResults"] {
    width: 50px;
}

#dataUsageContainer .left_labeled_layout {
    list-style: none;
}

    #dataUsageContainer .left_labeled_layout label {
        display: inline-block;
        float: left;
        margin: 4px 0 0;
        text-align: right;
        width: 212px;
    }

    #dataUsageContainer .left_labeled_layout span {
        display: inline-block;
        float: left;
        margin: 4px 0 0 25px;
        text-align: left;
        width: 150px;
    }

    #dataUsageContainer .left_labeled_layout li {
        height: 20px;
        margin: 0 0 5px;
    }

/*#region Field Region */
.ui-dialog.limitTitleWidth .ui-dialog-title {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 90%;
    white-space: nowrap;
}

.fieldRegionSelectionContainer textarea {
    height: 80px;
    /* Display 5 rows of text*/
}

.item {
    display: table;
    border-spacing: 5px;
    width: 100%;
}

    .item span {
        display: table-cell;
        font-weight: bold;
        text-align: right;
        width: 110px;
        margin: 5px 0 0 0;
        vertical-align: middle;
    }

    .item select {
        width: 100%;
        display: table-cell;
    }

    .item.enumSettings {
        border-spacing: 0;
        margin: 0 0 4px;
        display: table;
        float: left;
        width: auto;
    }

        .item.enumSettings input {
            margin: 3px 3px 3px 4px;
            display: table-cell;
        }

        .item.enumSettings span {
            width: 130px;
            font-weight: normal;
            position: relative;
            display: table-cell;
            vertical-align: middle;
        }

/*#endregion End Field Region*/

/*#region Content Type Builder Tabs */


#contentTypeBuilderTabs {
    font-size: 13px;
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
}

    #contentTypeBuilderTabs > .ui-tabs-panel {
        padding: 0;
    }

    #contentTypeBuilderTabs .ui-tabs-nav li.ui-tabs-tab a.ui-tabs-anchor {
        padding: .5em .8em;
    }

    #contentTypeBuilderTabs #ct_userGroupTab {
        display: inline-block;
        float: left;
        width: 100%;
    }

        #contentTypeBuilderTabs #ct_userGroupTab .ctlist {
            height: 90px;
            width: 100%;
        }

    #contentTypeBuilderTabs #editSyncAction {
        float: right;
    }

    #contentTypeBuilderTabs .tbFieldsContainer .items_checkbox,
    #contentTypeBuilderTabs .ContentTypeDefaultFieldGroupView .items_checkbox,
    #contentTypeBuilderTabs .ctbDisplayFieldsContainer.items_checkbox {
        padding-left: 15px;
        width: auto;
    }

    #contentTypeBuilderTabs .tbDisplayFieldsContainer.items_checkbox,
    #contentTypeBuilderTabs .ctbDisplayFieldsContainer.items_checkbox {
        left: 0;
    }

/*#endregion Content Type Builder Tabs */

#syncActionContainer img {
    margin-top: 3px;
}

.searchColumnEdit select,
.searchColumnEdit input,
.packageTypeSlotColumnEdit select,
.packageTypeSlotColumnEdit input {
    width: 99%;
}

.uploadIframe {
    height: 30px;
}



#dataLinkDialog {
    overflow: auto;
    max-height: 400px;
}

    #dataLinkDialog .StaticDataGridView {
        width: 100%;
        height: 100%;
    }

    #dataLinkDialog #dataLinkTestResults {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 5px 10px;
    }

#dqLogDialog {
    overflow: auto;
    max-height: 500px;
}

    #dqLogDialog .StaticDataGridView {
        width: 100%;
        height: 100%;
    }

    #dqLogDialog #dqLogResults {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 5px 10px;
    }

div.c3piSettings .connectionIndicator {
    display: inline-block;
}

#admin_screen div.c3piSettings input[type="text"][name="Prefix"] {
    width: 40px;
}

#admin_screen div.c3piSettings div.clientSelector select {
    width: auto;
}

#admin_screen div.c3piSettings select[name="RootUri"] {
    width: 250px;
}

#admin_screen div.c3piSettings ol.mapper li {
    width: 365px;
    /* must be a bit more than that of the label + the select, below */
    float: left;
}

#admin_screen div.c3piSettings ol.mapper label {
    width: 195px;
}

#admin_screen div.c3piSettings ol.mapper select {
    width: 160px;
}

#admin_screen div.c3piQueries select[name="queries"] {
    width: 280px;
}


#wfItems_filter .workflow_sub_menu {
    display: inline-block !important;
    width: 100% !important;
}

.ui-tooltip {
    word-wrap: break-word;
    z-index: 100000;
}

#autoSaveInProgress span {
    position: absolute;
    top: 28px;
    left: 58px;
}

#createFormPublicLink #created-link {
    margin-top: 20px;
}

#formSaveSuccess {
    min-height: 55px;
}

    #formSaveSuccess .neverAgainCont {
        position: absolute;
        bottom: 5px;
        right: 15px;
    }

#dbSync_layout select[name="databaseSyncTables"] {
    width: 100%;
    height: 90%;
}

.auto_Width {
    width: auto;
}

.btn-cancel {
    margin-left: 750px;
    top: 5px;
    position: relative;
    float: left;
    display: none;
}

#importDialogContainer {
    padding: 75px;
}

    #importDialogContainer div.importHTML iframe {
        width: 0;
        height: 0;
    }

.relatedDocumentsAccordion .column_chooser {
    margin-right: 8px;
    float: right;
}

.ui-dialog .customFieldMetaEditView .unstyledList.customFieldValues .items_checkbox {
    left: 20px;
}

#legacyreports_tab_panel .navigationLayout .collapse_arrow, #reports_tab_panel .navigationLayout .collapse_arrow,
#forms_tab_panel .navigationLayout .collapse_arrow {
    right: 5px;
}

#legacyreports_tab_panel .navigationLayout .expand_arrow, #reports_tab_panel .navigationLayout .expand_arrow,
#forms_tab_panel .navigationLayout .expand_arrow {
    right: 3px;
}

#customfieldsmanager_layout .customFieldGroupDTO .additionalSelectedHTML .custom_button {
    background-color: #fff;
    box-shadow: initial;
    border: 1px solid #d5d5d5;
    border-radius: 0;
    margin-right: 2px;
}

    #customfieldsmanager_layout .customFieldGroupDTO .additionalSelectedHTML .custom_button:active {
        background-color: #d7f0f7;
    }

.checkOutDialog {
    overflow: hidden !important;
}

    .checkOutDialog .items_checkbox {
        margin-right: 6px;
    }

#favoriteSearches {    
    width: 100%;
    overflow: auto;
}

.FormsView .categoryLayout .root_list {
    margin-top: 0;
}

.FormsView #forms_filter {
    width: calc(100% - 10px);
}
/*Modal Window */
.ui-jqdialog {
    display: none;
    width: 300px;
    position: absolute;
    padding: .2em;
    font-size: 11px;
    overflow: visible;
}

    .ui-jqdialog .ui-jqdialog-titlebar {
        padding: .3em .2em;
        position: relative;
    }

    .ui-jqdialog .ui-jqdialog-title {
        margin: .1em 0 .2em;
    }

    .ui-jqdialog .ui-jqdialog-titlebar-close {
        position: absolute;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
    }

        .ui-jqdialog .ui-jqdialog-titlebar-close span {
            display: block;
            margin: 1px;
        }

        .ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus {
            padding: 0;
        }

    .ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content {
        border: 0;
        padding: .3em .2em;
        background: none;
        height: auto;
    }

    .ui-jqdialog .ui-jqconfirm {
        padding: .4em 1em;
        border-width: 3px;
        position: absolute;
        bottom: 10px;
        right: 10px;
        overflow: visible;
        display: none;
        height: 80px;
        width: 220px;
        text-align: center;
    }
/* end Modal window*/


/*#region Get Region Viewer */


#documentSearch {
    overflow: hidden; /* Fixes scroll bars for chrome*/
}

    #documentSearch .results {
        position: absolute;
        left: 0;
        top: 35px;
        bottom: 0;
        width: 39%;
    }

        #documentSearch .results .SearchResultsGridView .typeHeader {
            width: 30px !important;
        }

    #documentSearch .extraMarkup {
        height: 100%;
    }

    #documentSearch #retrieve_view_menu {
        display: none;
    }

    #documentSearch .annotations_menu {
        display: none;
    }

    #documentSearch .header {
        width: 39%;
        margin: 5px 0;
    }

        #documentSearch .header input {
            height: 18px;
            width: calc(100% - 90px);
        }

    #documentSearch .selection .spacingMajorLeft {
        margin: 0 0 0 40px;
    }

    #documentSearch .img_container {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008AA9', endColorstr='#008AA9');
        background: -webkit-gradient(linear, left top, left bottom, from(#008AA9), to(#008AA9));
        background: -moz-linear-gradient(top, #008AA9, #008AA9); /* for firefox 3.6+ */
        background: linear-gradient(to bottom, #008AA9 0%, #008AA9 100%); /* W3C (IE10) maybe others soon.*/
    }

    #documentSearch .viewer_image .img_container {
        display: inline-block;
        overflow: hidden;
        position: relative;
        border: 1px solid #000;
        width: 97.5%;
        height: 99%;
    }

    #documentSearch .document_preview {
        background: none;
        display: block;
        position: absolute;
        height: 100%;
        width: 60%;
        right: 0;
        top: 0;
        overflow: hidden;
        box-shadow: none;
    }

    #documentSearch .document_preview_viewer {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 10px;
        right: 0;
        padding: 3px 0 0 0;
    }

    #documentSearch .DocumentImageView {
        margin-right: 4px;
    }

    #documentSearch .view_viewer {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    #documentSearch .viewer_image {
        position: absolute;
        top: 0;
        bottom: 0;
        overflow: visible;
        margin: 32px 0 0 0;
    }

    #documentSearch .viewer_menubar {
        background: linear-gradient(to bottom, #d4e8fc 0%, #032342 100%); /* W3C (IE10) maybe others soon.*/
        background: -moz-linear-gradient(center top, #d4e8fc, #032342) repeat scroll 0 0 transparent;
        background: -webkit-gradient(linear, left top, left bottom, from(#d4e8fc), to(#032342));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = "#d4e8fc", endColorstr = "#032342");
        width: 100%;
        height: 20px;
        float: left;
        cursor: pointer;
        font-weight: bold;
        padding: 3px 0 4px 0;
        color: #FFF;
    }
    /* viewer navigation */
    #documentSearch .viewer_navigation {
        position: relative;
        float: left;
        top: 3px;
        left: 5px;
        margin: 0;
    }

    #documentSearch span[name="viewer_navigation_start"],
    #documentSearch span[name="viewer_navigation_prev"],
    #documentSearch span[name="viewer_navigation_next"],
    #documentSearch span[name="viewer_navigation_end"],
    #documentSearch #nativeViewer_navigation_start,
    #documentSearch #nativeViewer_navigation_prev,
    #documentSearch #nativeViewer_navigation_next,
    #documentSearch #nativeViewer_navigation_end {
        background-image: url("../../Content/themes/jquery-ui/shared/images/ui-icons_454545_256x240.png?v=24.2.161");
        background-color: transparent;
        cursor: pointer;
        position: relative;
        float: left;
        border: none;
        width: 16px;
        height: 16px;
    }

    #documentSearch .viewer_results_type {
        position: relative;
        float: left;
        padding: 0px 5px 0px 5px;
    }

    #documentSearch .viewer_results_max {
        position: relative;
        float: left;
        padding: 0px 5px 0px 5px;
    }

    #documentSearch input[name="viewer_results_counter"] {
        position: relative;
        float: left;
        text-align: center;
        top: -3px;
        width: 30px;
        height: 12px;
        margin: 0 3px 0;
    }

    #documentSearch .accordion {
        position: relative;
        float: left;
        width: 100%;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#FFFFFF');
        background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#FFFFFF));
        background: -moz-linear-gradient(top, #F9F9F9, #FFFFFF); /* for firefox 3.6+ */
        background: linear-gradient(to bottom, #F9F9F9 0%, #FFFFFF 100%); /* W3C (IE10) maybe others soon.*/
    }

    #documentSearch .accordion_title {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCEFC7', endColorstr='#F1B616');
        background: -webkit-gradient(linear, left top, left bottom, from(#FCEFC7), to(#F1B616));
        background: -moz-linear-gradient(top, #FCEFC7, #F1B616); /* for firefox 3.6+ */
        background: linear-gradient(to bottom, #FCEFC7 0%, #F1B616 100%); /* W3C (IE10) maybe others soon.*/
        width: 100%;
        float: left;
        cursor: pointer;
        font-weight: bold;
        padding: 3px 0 4px 0;
    }

    #documentSearch .accordion_title_contents {
        width: 100%;
        height: 20px;
    }

    #documentSearch .accordion_title .title_arrow {
        position: relative;
        float: left;
        width: 15px;
        height: 15px;
        top: 2px;
        left: 7px;
    }

    #documentSearch .accordion_title a {
        position: relative;
        text-decoration: none;
        color: #000;
        top: 3px;
        left: 10px;
    }

    #documentSearch .documentText {
        display: none;
    }
/*#endregion Document Search */

/*#region add to package */
#addToPackage {
    overflow: hidden; /* Fixes scroll bars for chrome*/
}
    #addToPackage .results {
        position: absolute;
        left: 0;
        top: 35px;
        bottom: 0;
        width: 39%;
    }
        #addToPackage .results .SearchResultsGridView .typeHeader {
            width: 30px !important;
        }
    #addToPackage .extraMarkup {
        height: 100%;
    }
    #addToPackage #retrieve_view_menu {
        display: none;
    }
    #addToPackage .annotations_menu {
        display: none;
    }
    #addToPackage .header {
        width: 39%;
        margin: 5px 0;
    }
        #addToPackage .header input {
            height: 18px;
            width: calc(100% - 90px);
        }
    #addToPackage .selection .spacingMajorLeft {
        margin: 0 0 0 40px;
    }
    #addToPackage .documentsToAdd {
        background: none;
        display: block;
        position: absolute;
        height: calc(100% - 30px);
        width: 60%;
        right: 0;
        top: 30px;
        overflow: hidden;
        box-shadow: none;
    }
    #addToPackage .StaticDataGridView {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 10px;
        right: 0;
        padding: 3px 0 0 0;
    }
    #addToPackage .globalOptions {
        background: none;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
       /* overflow: hidden; */
        box-shadow: none;
        width: 50%;
        text-align: right;
    }

    #addToPackage .globalOptions .items_checkbox {
        width: auto;
        position: relative;
        margin-bottom: 3px;
    }

    #addToPackage .globalOptions .items_checkbox span {
        width: 214px;
        text-align: left;
    }

    #addToPackage .accordion {
        position: relative;
        float: left;
        width: 100%;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#FFFFFF');
        background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#FFFFFF));
        background: -moz-linear-gradient(top, #F9F9F9, #FFFFFF); /* for firefox 3.6+ */
        background: linear-gradient(to bottom, #F9F9F9 0%, #FFFFFF 100%); /* W3C (IE10) maybe others soon.*/
    }
    #addToPackage .accordion_title {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCEFC7', endColorstr='#F1B616');
        background: -webkit-gradient(linear, left top, left bottom, from(#FCEFC7), to(#F1B616));
        background: -moz-linear-gradient(top, #FCEFC7, #F1B616); /* for firefox 3.6+ */
        background: linear-gradient(to bottom, #FCEFC7 0%, #F1B616 100%); /* W3C (IE10) maybe others soon.*/
        width: 100%;
        float: left;
        cursor: pointer;
        font-weight: bold;
        padding: 3px 0 4px 0;
    }
    #addToPackage .accordion_title_contents {
        width: 100%;
        height: 20px;
    }
    #addToPackage .accordion_title .title_arrow {
        position: relative;
        float: left;
        width: 15px;
        height: 15px;
        top: 2px;
        left: 7px;
    }
    #addToPackage .accordion_title a {
        position: relative;
        text-decoration: none;
        color: #000;
        top: 3px;
        left: 10px;
    }
    #addToPackage .documentText {
        display: none;
    }
/*#endregion Document Search */

/*#region Entity Differences */
.ui-dialog .extraMarkup.entityDiffersFromType {
    font-style: italic;
}

    .ui-dialog .extraMarkup.entityDiffersFromType select,
    .ui-dialog .extraMarkup.entityDiffersFromType input {
        font-style: italic;
    }
/*#endregion Entity Differences */

/*#region Clone Package*/
    #clonePackage .documentsToClone {
        height: 97%;
    }
/*#endregion Clone Package*/

.sPng {
    background-image: url("../../Content/images/docstar_sprite.png?v=24.2.161");
}

.sPngIB {
    background-image: url("../../Content/images/docstar_sprite.png?v=24.2.161");
    display: inline-block;
    cursor: pointer;
}

    .sPngIB.disabled {
        cursor: default;
    }

.iconButton {
    padding: 1px;
    border: 1px solid #d5d5d5;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.folder_icon {
    background-position: -56px -190px;
    width: 16px;
    height: 18px;
}

.action_menu_icon {
    background-image: url("../../Content/images/menu_dots.png?v=24.2.161");
    display: inline-block;
    cursor: pointer;
    background-size: 18px;
    width: 18px;
    height: 22px;
}

.column_chooser_icon {
    background-position: -233px -13px;
    width: 18px;
    height: 18px;
}

.column_chooser_icon_single {
    background-position: -534px -131px;
    width: 18px;
    height: 18px;
}

.column_chooser_icon_small {
    background-position: -356px -8px;
    width: 16px;
    height: 16px;
}

.folder_with_docs_icon {
    background-position: -77px -57px;
    width: 16px;
    height: 16px;
}

.folder_with_subs_icon {
    background-position: -62px -57px;
    width: 16px;
    height: 16px;
}

.inbox_icon {
    background-position: -12px -232px;
    width: 16px;
    height: 16px;
}

.package_icon {
    background-position: -275px -56px;
    width: 16px;
    height: 16px;
}

.slot_icon {
    background-position: -127px -60px;
    width: 17px;
    height: 13px;
}

.xps,
.txt,
.rtf,
.pdf,
.doc,
.docx,
.xls,
.xlsx,
.ppt,
.pptx,
.jpg,
.gif,
.tif,
.png,
.bmp,
.html,
.htm,
.xml,
.msg {
    background-image: url(../../Content/images/s.png?v=24.2.161);
}

.xps {
    background-position: -184px -74px;
    width: 16px;
    height: 16px;
}

.txt {
    background-position: -46px -74px;
    width: 12px;
    height: 16px;
}

.rtf {
    background-position: -78px -91px;
    width: 13px;
    height: 16px;
}

.pdf {
    background-position: -16px -74px;
    width: 16px;
    height: 16px;
}

.doc {
    background-position: -35px -160px;
    width: 16px;
    height: 16px;
}

.docx {
    background-position: -52px -160px;
    width: 16px;
    height: 16px;
}

.xls {
    background-position: -138px -126px;
    width: 16px;
    height: 16px;
}

.xlsx {
    background-position: -155px -126px;
    width: 15px;
    height: 16px;
}

.ppt {
    background-position: -1px -142px;
    width: 16px;
    height: 16px;
}

.pptx {
    background-position: -1px -142px;
    width: 16px;
    height: 16px;
}

.jpg {
    background-position: -114px -108px;
    width: 13px;
    height: 16px;
}

.gif {
    background-position: -1px -74px;
    width: 13px;
    height: 16px;
}

.tif {
    background-position: -59px -74px;
    width: 13px;
    height: 16px;
}

.png {
    background-position: -1px -74px;
    width: 13px;
    height: 16px;
}

.bmp {
    background-position: -176px -108px;
    width: 15px;
    height: 16px;
}

.html {
    background-position: -136px -74px;
    width: 14px;
    height: 16px;
}

.htm {
    background-position: -136px -74px;
    width: 14px;
    height: 16px;
}

.xml {
    background-position: -136px -74px;
    width: 14px;
    height: 16px;
}

.msg {
    background-position: -225px -91px;
    width: 13px;
    height: 11px;
}

.default_icon {
    background-position: -503px -216px;
    width: 20px;
    height: 20px;
}

.chatIcon {
    background-image: url(../../Content/images/docstar_sprite.png?v=24.2.161);
    background-position: -395px -83px;
    width: 20px;
    height: 9px;
}

.userIcon {
    background-position: -290px -72px;
    width: 20px;
    height: 20px;
}

.groupIcon {
    background-position: -290px -72px;
    width: 16px;
    height: 20px;
}

.approved,
.denied,
.wasapproved,
.wasdenied,
.ghostApproved,
.requested,
.requestedfromgroup {
    background-image: url(../../Content/images/s.png?v=24.2.161);
}

.approved {
    background-position: -400px -31px;
    width: 16px;
    height: 20px;
}

.none {
    display: block;
    background: none !important;
    width: 16px;
    height: 20px;
}

.denied {
    background-position: -400px -49px;
    width: 16px;
    height: 20px;
}

.requested,
.requestedfromgroup {
    background-position: -415px -31px;
    width: 16px;
    height: 20px;
}

.wasapproved,
.ghostApproved {
    background-position: -386px -49px;
    width: 16px;
    height: 20px;
}

.wasdenied {
    background-position: -386px -31px;
    width: 16px;
    height: 20px;
}

.rotateAllLeft_icon {
    background-position: -12px -275px;
    width: 16px;
    height: 16px;
}

.rotateLeft_icon {
    background-position: -359px -85px;
    width: 16px;
    height: 16px;
}

.rotateRight_icon {
    background-position: -359px -49px;
    width: 16px;
    height: 16px;
}

.rotateAllRight_icon {
    background-position: -55px -275px;
    width: 16px;
    height: 16px;
}

.saveIcon {
    background-position: -101px -277px;
    width: 18px;
    height: 18px;
}

    .saveIcon.disabledIcon {
        background-position: -145px -277px;
        width: 18px;
        height: 18px;
    }

.saveAsIcon {
    background-position: -355px -91px;
    width: 20px;
    height: 20px;
}

    .saveAsIcon.disabledIcon {
        background-position: -375px -91px;
        width: 20px;
        height: 20px;
    }

.split {
    background-position: -534px -48px;
    width: 16px;
    height: 16px;
}

.splitDelete {
    background-position: -534px -79px;
    width: 16px;
    height: 16px;
}

.systrayIcon {
    background-position: -451px -29px;
    width: 23px;
    height: 23px;
}

.refreshIcon {
    background-position: -100px -55px;
    width: 16px;
    height: 16px;
}

.refreshIconSmall {
    background-position: -100px -55px;
    width: 16px;
    height: 16px;
    transform: scale(0.7);
}

.blueIcon {
    filter: invert(0.45) sepia(100%) hue-rotate(190deg) saturate(900%);
    -webkit-filter: invert(0.6) sepia(100%) hue-rotate(190deg) saturate(900%);
}

.wysiwygGif {
    background-image: url("../../Content/images/jquery.wysiwyg.gif?v=24.2.161");
}

.wysiwygGifIB,
.wysiwygGifIB:active {
    background-image: url("../../Content/images/docstar_sprite.png?v=24.2.161");
    display: inline-block;
    cursor: pointer;
}

.icons16x16GifIB,
.icons16x16GifIB:active {
    background-image: url("../../Content/images/docstar_sprite.png?v=24.2.161");
    display: inline-block;
    cursor: pointer;
}

.fontStyleBold {
    background-position: -59px -16px;
    height: 16px;
    width: 16px;
}

.fontStyleItalic {
    background-position: -233px -57px;
    height: 16px;
    width: 16px;
}

.fontStyleUnderline {
    background-position: -233px -188px;
    height: 16px;
    width: 16px;
}

.alignLeftIcon {
    background-position: -429px -133px;
    width: 16px;
    height: 16px;
}

.alignCenterIcon {
    background-position: -431px -8px;
    width: 16px;
    height: 16px;
}

.alignRightIcon {
    background-position: -431px -82px;
    width: 16px;
    height: 16px;
}

.insertIcon {
    background-position: -431px -177px;
    width: 16px;
    height: 16px;
}

.editIcon {
    background-position: -272px -100px;
    width: 16px;
    height: 16px;
}

.sumIcon {
    background-position: -403px -268px;
    width: 13px;
    height: 16px;
}

.date_icon {
    background-position: -397px -133px;
    height: 24px;
    width: 24px;
}

.gearIcon {
    background-position: -188px -272px;
    width: 18px;
    height: 20px;
}

.gearIconSmall {
    background-position: -188px -276px;
    width: 13px;
    height: 13px;
}

.gearIconBig {
    background-image: url("../../Content/images/cog.png?v=24.2.161");
    width: 18px;
    height: 20px;
    background-size: 20px;
}

.downloadIcon {
    background-image: url("../../Content/images/downloadIcon.png?v=24.2.161");
    width: 18px;
    height: 20px;
    background-size: 20px;
}

.downloadIconSmall {
    background-image: url("../../Content/images/downloadIcon.png?v=24.2.161");
    width: 13px;
    height: 13px;
    background-size: 15px;
}
.aiInputIcon {
    background-image: url("../../Content/images/aiInputIcon.png?v=24.2.161");
    width: 18px;
    height: 20px;
    background-size: 20px;
}

.aiOutputIcon {
    background-image: url("../../Content/images/aiOutputIcon.png?v=24.2.161");
    width: 18px;
    height: 20px;
    background-size: 20px;
}
.handleIcon {
    background-position: -103px -12px;
    width: 10px;
    height: 14px;
    cursor: move;
}

.hideEyeIcon {
    background-position: -184px -10px;
    width: 18px;
    height: 16px;
}

.showEyeIcon {
    background-position: -142px -143px;
    width: 18px;
    height: 16px;
}

.print_Icon {
    background-position: -271px -34px;
    height: 16px;
    width: 16px;
}

.email_Icon {
    background-position: -286px -34px;
    height: 16px;
    width: 16px;
}

.linkIcon {
    background-position: -100px -232px;
    width: 16px;
    height: 16px;
}

.linkDisabledIcon {
    background-position: -140px -228px;
    width: 16px;
    height: 16px;
}
.aiInputIcon {
    background-image: url("../../Content/images/aiInputIcon.png?v=24.2.161");
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.aiOutputIcon {
    background-image: url("../../Content/images/aiOutputIcon.png?v=24.2.161");
    width: 20px;
    height: 20px;
    background-size: 20px;
    margin-left: 6px;
}

.aiInputDisabledIcon {
    background-image: url("../../Content/images/aiInputDisabledIcon.png?v=24.2.161");
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.aiOutputDisabledIcon {
    background-image: url("../../Content/images/aiOutputDisabledIcon.png?v=24.2.161");
    width: 20px;
    height: 20px;
    background-size: 20px;
    margin-left: 6px;
}

.warningIcon {
    background-position: -11px -12px;
    width: 24px;
    height: 24px;
}

.dashedRectangle {
    background-position: 329px -3px;
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

.disabledIcon {
    cursor: default;
    opacity: .3;
}

.check16Icon {
    background-position: -292px -143px;
    width: 16px;
    height: 16px;
}

.warning16Icon {
    background-position: -292px -159px;
    width: 16px;
    height: 16px;
}

.error16Icon {
    background-position: -308px -158px;
    width: 16px;
    height: 16px;
}

.newForm {
    background-position: -505px -263px;
    width: 16px;
    height: 16px;
}

.largeDocIcon {
    background-image: url("../../Content/images/document_icon.png?v=24.2.161");
    width: 125px;
    height: 143px;
}

.copy {
    background-position: -463px -10px;
    width: 16px;
    height: 16px;
}

    .copy.disabled {
        background-position: -464px -48px;
        width: 16px;
        height: 16px;
    }

.paste {
    background-position: -463px -83px;
    width: 16px;
    height: 16px;
}

    .paste.disabled {
        background-position: -466px -134px;
    }

.move {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    box-shadow: inset 0 0 0 2px;
    height: 16px;
    width: 6px
}
.move::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    bottom: 0;
    left: -3px
}

.moveTo_icon {
    background-position: -303px -31px;
    width: 16px;
    height: 20px;
}

.expandIcon {
    background-position: -401px -227px;
    width: 13px;
    height: 13px;
}

.forms_icon {
    background-image: url("../../Content/images/s.png?v=24.2.161");
    background-position: -330px -160px;
    width: 125px;
    height: 103px;
}

.validateStatusContainer {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.Valid_status {
    background-position: -231px -275px;
    width: 16px;
    height: 16px;
}

.Invalid_status {
    background-position: -324px -275px;
    width: 16px;
    height: 16px;
}

.divide_path {
    background-position: -534px 264px;
    width: 16px;
    height: 20px;
}

.doc_Icon {
    background-position: 411px 252px;
    width: 20px;
    height: 20px;
}

.Missing_status {
    background: none;
}

.status_shadow {
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}

.reloadIcon {
    background-position: -99px -56px;
    width: 18px;
    height: 18px;
}

 /* Menu Shortcut Icons */
.fitWidthIcon {
    background-image: url("../../Content/images/arrow-expand-horizontal.png?v=24.2.161");
    width: 22px;
    height: 22px;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

.fitHeightIcon {
    background-image: url("../../Content/images/arrow-expand-vertical.png?v=24.2.161");
    width: 22px;
    height: 22px;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

.zoomOutIcon {
    background-image: url("../../Content/images/Zoom-Out.png?v=24.2.161");
    width: 22px;
    height: 22px;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

.zoomInIcon {
    background-image: url("../../Content/images/Zoom-In.png?v=24.2.161");
    width: 22px;
    height: 22px;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

.printIcon {
    background-image: url("../../Content/images/printer-outline.png?v=24.2.161");
    width: 22px;
    height: 22px;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

.emailIcon {
    background-image: url("../../Content/images/email-fast-outline.png?v=24.2.161");
    width: 22px;
    height: 22px;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

.assingWorkflowIcon {
    background-image: url("../../Content/images/workflow-assign.png?v=24.2.161");
    width: 22px;
    height: 22px;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

.removeFromWorkflowIcon {
    background-image: url("../../Content/images/workflow-remove.png?v=24.2.161");
    width: 22px;
    height: 22px;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

.restartWorkflowIcon {
    background-image: url("../../Content/images/workflow-restart.png?v=24.2.161");
    width: 22px;
    height: 22px;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

.approveIcon {
    background-image: url("../../Content/images/approve.png?v=24.2.161");
    width: 22px;
    height: 22px;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

.denyIcon {
    background-image: url("../../Content/images/deny.png?v=24.2.161");
    width: 22px;
    height: 22px;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

.auditTrailIcon {
    background-image: url("../../Content/images/audit-trail.png?v=24.2.161");
    width: 22px;
    height: 22px;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

.viewImageIcon {
    background-image: url("../../Content/images/image-outline.png?v=24.2.161");
    width: 22px;
    height: 22px;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

.viewNativeIcon {
    background-image: url("../../Content/images/n-box.png?v=24.2.161");
    width: 22px;
    height: 22px;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

.viewFormIcon {
    background-image: url("../../Content/images/f-box.png?v=24.2.161");
    width: 22px;
    height: 22px;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

.thumbnailOnIcon {
    background-image: url("../../Content/images/thumbnails.png?v=24.2.161");
    width: 22px;
    height: 22px;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

.thumbnailOffIcon {
    background-image: url("../../Content/images/text-box-outline.png?v=24.2.161");
    width: 22px;
    height: 22px;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

.eraserIcon {
    background-image: url("../../Content/images/eraser.png?v=24.2.161");
    width: 16px;
    height: 16px;
    display: block;
    background-size: 14px;
    background-repeat: no-repeat;
}

.shareIcon {
    background-image: url("../../Content/images/share.png?v=24.2.161");
    width: 16px;
    height: 16px;
    display: block;
    background-size: 14px;
    background-repeat: no-repeat;
}

.searchIcon {
    background-image: url("../../Content/images/search.svg?v=24.2.161");
    width: 16px;
    height: 16px;
    display: block;
}
.jPicker .Icon {
  display: inline-block;
  height: 22px; /* change this value if using a different sized color picker icon */
  position: absolute; /* make this element an absolute positioning container */
  text-align: left; /* make the zero width children position to the left of container */
  width: 18px; /* change this value if using a different sized color picker icon */
  border: 1px solid black;
}
.jPicker .Icon span.Color, .jPicker .Icon span.Alpha {
  background-position: 2px 2px;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.jPicker .Icon span.Image {
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.jPicker.Container {
  color: #000;
  z-index: 199 !important;
}
table.jPicker {
    background-color: #efefef;
    border: 1px outset #666;
    font-family: Source Sans Pro, Arial, Helvetica, Sans-Serif;
    font-size: 12px !important;
    margin: 0px;
    padding: 5px;
    width: 545px;
    z-index: 200;
}
.jPicker .Move {
  background-color: #dddddd;
  border-color: #fff #666 #666 #fff;
  border-style: solid;
  border-width: 1px;
  cursor: move;
  height: 12px;
  padding: 0px;
}
.jPicker .Title {
  font-size: 11px !important;
  font-weight: bold;
  margin: -2px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  text-align: center;
  width: 100%;
}
.jPicker div.Map {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #9a9a9a;
  border-right: 2px solid #fff;
  border-top: 2px solid #9a9a9a;
  cursor: crosshair;
  height: 260px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 256px later */
  margin: 0px 10px 10px 10px;
  overflow: hidden; /* hide the overdraw of the Color Map icon when at edge of viewing box */
  padding: 0px;
  position: relative; /* make this element an absolute positioning container */
  width: 260px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 256px later */
}
.jPicker div[class="Map"] {
  height: 256px; /* correct to 256px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
  width: 256px; /* correct to 256px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
}
.jPicker div.Bar {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #9a9a9a;
  border-right: 2px solid #fff;
  border-top: 2px solid #9a9a9a;
  cursor: n-resize;
  height: 260px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 256px later */
  margin: 12px 10px 0px 5px;
  overflow: hidden;
  padding: 0px;
  position: relative;
  width: 24px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 20px later */
}
.jPicker div[class="Bar"] {
  height: 256px; /* correct to 256px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
  width: 20px; /* correct to 20px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
}
.jPicker .Map .Map1, .jPicker .Map .Map2, .jPicker .Map .Map3, .jPicker .Bar .Map1, .jPicker .Bar .Map2, .jPicker .Bar .Map3, .jPicker .Bar .Map4, .jPicker .Bar .Map5, .jPicker .Bar .Map6 {
  background-color: transparent;
  background-image: none;
  display: block;
  left: 0px;
  position: absolute;
  top: 0px;
}
.jPicker .Map .Map1, .jPicker .Map .Map2, .jPicker .Map .Map3 {
  height: 2596px;
  width: 256px; /* must specify pixel width. IE7/8 Quirks mode ignores opacity for an absolutely positioned item in a relative container with "overflow: visible". The marker in the colorBar
                   would not be drawn if its overflow is set to hidden. */
}
.jPicker .Bar .Map1, .jPicker .Bar .Map2, .jPicker .Bar .Map3, .jPicker .Bar .Map4 {
  height: 3896px;
  width: 20px; /* must specify pixel width. IE7/8 Quirks mode ignores opacity for an absolutely positioned item in a relative container with "overflow: visible". The marker in the colorBar
                  would not be drawn if its overflow is set to hidden. */
}
.jPicker .Bar .Map5, .jPicker .Bar .Map6 {
  height: 256px;
  width: 20px; /* must specify pixel width. IE7/8 Quirks mode ignores opacity for an absolutely positioned item in a relative container with "overflow: visible". The marker in the colorBar
                  would not be drawn if its overflow is set to hidden. */
}
.jPicker .Map .Map1, .jPicker .Map .Map2, .jPicker .Bar .Map6 {
  background-repeat: no-repeat;
}
.jPicker .Map .Map3, .jPicker .Bar .Map5 {
  background-repeat: repeat;
}
.jPicker .Bar .Map1, .jPicker .Bar .Map2, .jPicker .Bar .Map3, .jPicker .Bar .Map4 {
  background-repeat: repeat-x;
}
.jPicker .Map .Arrow {
  display: block;
  position: absolute;
}
.jPicker .Bar .Arrow {
  display: block;
  left: 0px; /* (arrow width / 2) - (element width / 2) - position arrows' center in elements' center */
  position: absolute;
}
.jPicker .Preview {
  font-size: 9px;
  padding: 5px 0px 0px 0px;
  text-align: center;
}
.jPicker .Preview div {
  border: 2px inset #eee;
  height: 62px;
  margin: 0px auto;
  padding: 0px;
  width: 62px;
}
.jPicker .Preview div span {
  border: 1px solid #000;
  display: block;
  height: 30px;
  margin: 0px auto;
  padding: 0px;
  width: 60px;
}
.jPicker .Preview .Active {
  border-bottom-width: 0px;
}
.jPicker .Preview .Current {
  border-top-width: 0px;
  cursor: pointer;
}
.jPicker input {
  font-size: 13px;
}
.jPicker .Button {
  text-align: center;
  padding: 0px 4px;
  width: 115px;
}
.jPicker .Button input {
  padding: 2px 0px;
  width: 100px;
}
.jPicker .Button .Ok {
  margin: 12px 0px 5px 0px;
}
.jPicker td {
  margin: 0px;
  padding: 0px;
}
.jPicker td.Radio {
  margin: 0px;
  padding: 0px;
  width: 40px;
}
.jPicker td.Radio input {
  margin: 0px 5px 0px 0px;
  padding: 0px;
}
.jPicker td.Text {
  font-size: 12px !important;
  height: 22px;
  margin: 0px;
  padding: 0px;
  text-align: left;
  width: 70px;
}
.jPicker tr.Hex td.Text {
  width: 100px;
}
.jPicker td.Text input {
  background-color: #fff;
  border: 1px inset #aaa;
  height: 19px;
  margin: 0px 0px 0px 5px;
  text-align: left;
  width: 30px;
}
.jPicker td[class="Text"] input {
  height: 15px;
}
.jPicker tr.Hex td.Text input.Hex {
  width: 40px;
}
.jPicker tr.Hex td.Text input.AHex {
  width: 20px;
}
.jPicker .Grid {
  text-align: center;
  width: 114px;
}
.jPicker .Grid span.QuickColor {
  border: 1px inset #aaa;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  margin: 0px;
  padding: 0px;
  width: 19px;
}
.jPicker .Grid span[class="QuickColor"] {
  width: 17px;
}
/* Multiselect
----------------------------------*/

/*.ui-multiselect { border: solid 1px; font-size: 0.8em; }*/
.ui-multiselect {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    min-width: 425px;
}

    .ui-multiselect ul {
        -moz-user-select: none;
    }

    .ui-multiselect li {
        margin: 0;
        padding: 0;
        cursor: default;
        line-height: 20px;
        height: 20px;
        font-size: 13px;
        list-style: none;
        color: var(--p-black);
    }

        .ui-multiselect li a {
            color: #999;
            text-decoration: none;
            padding: 0;
            display: block;
            float: left;
            cursor: pointer;
        }

        .ui-multiselect li.ui-draggable-dragging {
            padding-left: 10px;
        }

    .ui-multiselect div.selected {
        position: relative;
        padding: 0;
        margin: 0;
        border: 0;
        float: left;
        border-left: 1px solid #000
    }

    .ui-multiselect ul.selected {
        position: relative;
        padding: 0;
        overflow: auto;
        overflow-x: hidden;
        background: #fff;
        margin: 0;
        list-style: none;
        border: 0;
        position: relative;
        width: 100%;
    }

        .ui-multiselect ul.selected li {
            width: auto !important;
            min-width: 60%;
        }

    .ui-multiselect div.available {
        position: relative;
        padding: 0;
        margin: 0;
        border: 0;
        float: left;
    }

    .ui-multiselect ul.available {
        position: relative;
        padding: 0;
        overflow: auto;
        overflow-x: hidden;
        background: #fff;
        margin: 0;
        list-style: none;
        border: 0;
        width: 100%;
    }

        .ui-multiselect ul.available li {
            padding-left: 10px;
        }

    .ui-multiselect .ui-state-default {
        border: none;
        margin-bottom: 1px;
        position: relative;
        padding-left: 20px;
    }

    .ui-multiselect .ui-state-hover {
        border: none;
    }

    .ui-multiselect .ui-widget-header {
        border: none;
        font-size: 13px;
        margin-bottom: 1px;
    }

    .ui-multiselect .add-all {
        float: right;
        padding: 7px;
        cursor: pointer;
    }

    .ui-multiselect .remove-all {
        float: right;
        padding: 7px;
        cursor: pointer;
    }

    .ui-multiselect .search {
        float: left;
        padding: 4px;
    }

    .ui-multiselect .count {
        float: left;
        padding: 7px;
    }

    .ui-multiselect li span.ui-icon-arrowthick-2-n-s {
        position: absolute;
        left: 2px;
    }

    .ui-multiselect li a.action {
        position: absolute;
        right: 2px;
        top: 2px;
    }

    .ui-multiselect input.search {
        height: 14px;
        padding: 1px;
        opacity: 0.5;
        margin: 4px;
        width: auto;
    }

    /* Customize scroll bar */

    .ui-multiselect ul.available::-webkit-scrollbar,
    .ui-multiselect ul.selected::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .ui-multiselect ul.available::-webkit-scrollbar-thumb,
    .ui-multiselect ul.selected::-webkit-scrollbar-thumb {
        background-color: var(--k-label);
    }

    .ui-multiselect ul.available::-webkit-scrollbar-track,
    .ui-multiselect ul.selected::-webkit-scrollbar-track {
        background-color: var(--p-white);
    }

    /* Mozilla Scrollbar styles */

    .ui-multiselect ul.available,
    .ui-multiselect ul.selected {
        scrollbar-color: var(--k-label) var(--p-white);
        scrollbar-width: var(--k-scroll);
    }

    /* IE scrollbar styles */

    .ui-multiselect ul.available,
    .ui-multiselect ul.selected {
        -ms-scrollbar-base-color: var(--kc-interactive-blue);
        -ms-scrollbar-track-color: var(--kc-interactive-hover);
    }

.ps-container .ps-scrollbar-x-rail {
    position: absolute;
    /* please don't change 'position' */
    bottom: 3px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 13px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color.2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute;
    /* please don't change 'position' */
    right: 3px;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 13px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color.2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-x {
    position: absolute;
    /* please don't change 'position' */
    bottom: 1px;
    /* there must be 'bottom' for ps-scrollbar-x */
    height: 11px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0;
    /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: var(--k-label);
}

.ps-container .ps-scrollbar-y {
    position: absolute;
    /* please don't change 'position' */
    right: 1px;
    /* there must be 'right' for ps-scrollbar-y */
    width: 11px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie .ps-scrollbar-y {
    font-size: 0;
    /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: var(--k-label);
}

/*IF YOU HAVE A VIEW THAT NEEDS A SPECIFIC STYLE PUT IT IN THE VIEWS CSS NOT HERE */
:root {
    --k-scroll: thin;
}
.customGridHeaderContainer .customGridTable {
    border: none;
}

.aiworkbenchTableColumnWidthAuto {
    width: auto !important;
}

.aiworkbenchTableColumnWidthLg {
    width: 140px !important;
}

.aiworkbenchTableColumnWidthSm {
    width: 70px !important;
}
.customGridScrollableContainer .customGridTable {
    border-top: none;
    border-bottom: none;
}

.customGridTable {
    width: 100%;
    position: relative;
    background: url("../../Content/themes/jquery-ui/shared/images/ui-bg_flat_75_ffffff_40x100.png?v=24.2.161") repeat-x scroll 50% 50% #ffffff;
    border-spacing: 0;
    color: #222222;
    padding: 0;
    margin: 0;
    table-layout: fixed; /*much faster then auto*/
}

    .customGridTable .errorRow {
        border: 2px solid #a60000;
    }

    .customGridTable .emptyGridRow {
        width: 100%;
        height: 100%;
    }
    .customGridTable .emptyGridRow .tableDataCell {
        background:white;
    }

        .customGridTable.emptyGridRow:not(:only-child) {
            display: none;
        }

    .customGridTable .customGridHeader {
        background: var(--kc-grid-header);
        width: 100%;
        height: 22px;
        text-align: left;
        font-weight: 600;
        color: var(--p-black);
        border: 1px solid var(--k-sec-text);

    }

        .customGridTable .customGridHeader > span:not(.headerSubgridExpand) {
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
            width: calc(100% - 16px);
        }

        .customGridTable .customGridHeader.requiresValue:hover::after {
            background: none;
            color: #008aa9;
        }

        .customGridTable .customGridHeader.requiresValue {
            position: relative;
        }

            .customGridTable .customGridHeader.requiresValue::after {
                content: "*";
                position: absolute;
                right: 0;
                padding: 2px;
                background: url("../../Content/themes/jquery-ui/shared/images/ui-bg_glass_75_e6e6e6_1x400.png?v=24.2.161") repeat-x scroll 50% 50% #E6E6E6;
                color: #555;
                font-weight: normal;
            }

        .customGridTable .customGridHeader.customGridSortable {
            cursor: pointer;
        }

    .customGridTable tbody tr:hover:not(.emptyGridRow):not(.customGridHighlight) {
        background: var(--kc-interactive-selected);
        color: var(--p-black);
        border: 1px solid var(--k-label);
    }

    .customGridTable tbody tr.customGridHighlight {
        background: var(--kc-interactive-selected);
        color: var(--p-black);
    }
        .customGridTable tbody tr.customGridHighlight:nth-child(even) {
            background: var(--kc-interactive-selected-band);
            color: var(--p-black);
        }
        /* New User Pref */
        .customGridTable tbody tr:nth-child(even) {
            background-color: var(--kc-grid-banding);
        }
    .customGridTable .customGridHeader,
    .customGridTable .customGridDataCell {
        border-style: solid;
        overflow: hidden;
        white-space: nowrap;
        font-size: 13px;
        padding: 4px;
        border-spacing: 0;
    }

    .customGridHeaderContainer table thead tr th.customGridHeader,
    .customGridScrollableContainer table thead tr th.customGridHeader {
        padding: 1px 4px 2px 4px;
    }

.customGridTable .customGridDataCell {
    outline: 0;
    font-weight: inherit;
    text-align: inherit;
    text-overflow: ellipsis;
    color: #112f41;
    border-color: inherit;
    border-width: 0 0 1px 1px;
    border-bottom-color: #d5d8d9;
    border-left-color: #e9ebec;
}


        .customGridTable .customGridDataCell .ui-selectmenu-button.ui-button {
            width: calc(100% - 24px);
        }

        .customGridTable .customGridDataCell input:not([type="checkbox"]),
        .customGridTable .customGridDataCell select,
        .customGridTable .customGridDataCell .ui-combobox,
        .searchColumnEdit .ui-combobox {
            width: 99%;
        }

            .customGridTable .customGridDataCell .ui-combobox a {
                float: none;
            }

        .customGridTable .customGridDataCell .warningErrorClass {
            white-space: normal;
        }

        .customGridTable .customGridDataCell.requiresValueError {
            border: 2px solid #FF0000;
        }

        .customGridTable .customGridHeader > div,
        .customGridTable .customGridDataCell > div {
            position: relative;
        }

        .customGridTable .customGridDataCell.whiteSpaceNormal {
            white-space: normal;
        }

    .customGridTable .customGridPager {
        background: url("../../Content/themes/jquery-ui/shared/images/ui-bg_glass_75_e6e6e6_1x400.png?v=24.2.161") repeat-x scroll 50% 50% #E6E6E6;
        height: 22px;
        font-size: 0.8em;
    }

        .customGridTable .customGridPager td {
            border: 1px solid #AAA;
        }

        .customGridTable .customGridPager .customGridPagerButton {
            padding: 1px;
        }

            .customGridTable .customGridPager .customGridPagerButton:hover {
                background: url("../../Content/themes/jquery-ui/shared/images/ui-bg_glass_75_dadada_1x400.png?v=24.2.161") repeat-x scroll 50% 50% #dadada;
                color: #212121;
                border: 1px solid #aaaaaa;
                border-radius: 4px;
                padding: 0px;
            }

        .customGridTable .customGridPager .customGridPagerNavigation {
            float: right;
            margin-right: 45%;
        }

            .customGridTable .customGridPager .customGridPagerNavigation span {
                float: left;
            }

            .customGridTable .customGridPager .customGridPagerNavigation input {
                float: left;
                width: 40px;
                height: 11px;
                font-size: 1.1em;
            }

            .customGridTable .customGridPager .customGridPagerNavigation .customGridPagerText {
                margin: 3px;
            }

            .customGridTable .customGridPager .customGridPagerNavigation .ui-icon {
                cursor: pointer;
            }

                .customGridTable .customGridPager .customGridPagerNavigation .ui-icon.disabledNav {
                    cursor: default;
                    opacity: 0.3;
                }

        .customGridTable .customGridPager .viewCount {
            position: absolute;
            right: 0;
            margin: 3px;
        }

    .customGridTable .customGridHeader.subgridExpandHeader {
        width: 20px;
    }

    .customGridTable .customGridDataCell .subgridExpand,
    .customGridTable .customGridHeader .headerSubgridExpand {
        cursor: pointer;
    }

.customGridResizeHelper {
    background-color: #777;
    width: 2px;
    height: 100%;
    margin-left: 3px;
}

.customGridColumnResizeContainer {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: 24px;
}

    .customGridColumnResizeContainer .customGridColumnResizeHandle {
        position: absolute;
        height: 100%;
        width: 9px;
        cursor: col-resize;
        z-index: 90;
    }

.customGridTableContainer {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: initial;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    border-radius: 5px;
}

.customGridHeaderContainer {
    position: absolute;
    z-index: 10;
    overflow: hidden;
    left: 0;
    right: 0;
}

.customGridTableContainer.hScrollOnly .customGridHeaderContainer {
    position: static;
}

.customGridFooterContainer {
    position: absolute;
    bottom: 0;
}

.customGridTableContainer.hScrollOnly .customGridFooterContainer {
    position: static;
}

.customGridScrollableContainer,
.scrollbarWidthCalculation {
    position: absolute;
    overflow: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Has a value if there is a footer (23px), otherwise leave as 0 */
    background-color: #fff;
    /* Mozilla Scrollbar styles */
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
    /* IE scrollbar styles */
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}

    .customGridScrollableContainer::-webkit-scrollbar,
    .scrollbarWidthCalculation::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .customGridScrollableContainer::-webkit-scrollbar-thumb,
    .scrollbarWidthCalculation::-webkit-scrollbar-thumb {
        background-color: var(--k-label);
    }

    .customGridScrollableContainer::-webkit-scrollbar-track,
    .scrollbarWidthCalculation::-webkit-scrollbar-track {
        background-color: var(--k-disabled);
    }

.scrollbarWidthCalculation {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -100px;
    left: -100px;
    overflow: auto;
}

.customGridTableContainer.hScrollOnly .customGridScrollableContainer {
    position: relative;
}

.customGridScrollableContainer .customGridTable {
    border-right-width: 0;
}

.customGridTable .customGridDataCell .saveRow,
.customGridTable .customGridDataCell .cancelSave {
    margin: 0;
    float: left;
    cursor: pointer;
}

.customGridTable .customGridDataCell .editRow {
    margin: 0 0 0 25%;
    cursor: pointer;
}

.customGridTable th.fillHeader {
    padding: 0;
}

th.customGridHeader.selectionHeader {
    width: 33px;
}

.SubgridViewContainer {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.customGridTable .items_checkbox span {
    overflow: initial !important;
}

.customGridTable thead tr th.centerAlign {
    text-align: center;
}

.StaticDataGridView .topRight {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1px 5px;
}
