/* Minification failed. Returning unminified contents.
(69,36): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-gray'
(95,26): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-gray'
(113,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(115,35): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(121,32): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(127,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(132,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(135,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white-smoke'
(140,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(142,35): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(149,32): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(155,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(159,32): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(163,27): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(178,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(180,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(187,36): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(195,40): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(203,43): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(221,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(227,22): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-shade-gray'
(233,22): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-shade-gray'
(239,22): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-shade-gray'
(244,22): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-shade-gray'
(249,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-gray'
(251,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(253,39): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(257,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(258,21): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(259,39): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(262,39): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(267,39): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(271,39): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(275,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(276,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(277,39): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(280,39): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(285,39): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(289,39): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(294,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-gray'
(296,21): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(298,39): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(321,18): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(326,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(333,17): run-time error CSS1039: Token not allowed after unary operator: '-k-black-panther'
(344,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(351,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(356,29): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(370,28): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(387,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(388,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(393,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(394,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(399,29): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(405,29): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(454,21): run-time error CSS1039: Token not allowed after unary operator: '-k-black-panther'
(467,36): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(468,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(490,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(494,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(498,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(505,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(512,33): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(517,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(542,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(694,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white-smoke'
(744,28): run-time error CSS1039: Token not allowed after unary operator: '-k-cyan-blue'
(779,22): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-blue'
(784,26): run-time error CSS1039: Token not allowed after unary operator: '-k-Cape-Honey'
(1340,28): run-time error CSS1039: Token not allowed after unary operator: '-k-text'
(1345,32): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(1351,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1354,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(1355,34): run-time error CSS1039: Token not allowed after unary operator: '-k-text'
(1367,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(1398,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1405,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1406,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(1411,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1412,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1413,32): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(1418,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1419,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(1424,21): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(1449,28): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2167,1): run-time error CSS1019: Unexpected token, found '@import'
(2167,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Source+Sans+Pro?v=25.1.150)'
(2171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2253,17): run-time error CSS1039: Token not allowed after unary operator: '-k-text'
(2297,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2306,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(2308,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(2386,33): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(2391,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(2392,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(2396,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(2397,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(2403,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-gray'
(2405,21): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(2408,39): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(2419,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2425,30): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2426,25): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(2432,30): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2433,25): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2434,36): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(2440,30): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2441,25): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(2446,25): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(2472,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2477,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(2479,22): run-time error CSS1039: Token not allowed after unary operator: '-k-snow'
(2560,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(2561,21): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2565,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2566,21): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2570,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2571,21): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2583,28): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2587,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2624,28): run-time error CSS1039: Token not allowed after unary operator: '-p-teal'
(2663,17): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2674,17): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2694,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2703,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2708,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(2715,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(2730,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2804,28): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(2809,28): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(2923,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2948,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2955,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(2960,29): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(2981,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(3019,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-error'
(3360,32): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(3371,32): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(3383,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(3383,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(3384,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(3386,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(3387,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(3451,25): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(3453,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(3708,25): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(3721,34): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(3722,29): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(3726,30): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(3727,36): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(3731,30): run-time error CSS1039: Token not allowed after unary operator: '-p-teal'
(3735,25): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(3736,30): run-time error CSS1039: Token not allowed after unary operator: '-p-teal'
(3740,25): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(3741,30): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(3955,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(3957,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(3958,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(3975,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4014,17): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(4020,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-dropdown-banding'
(4021,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(4026,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(4027,17): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4081,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(4092,33): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(4109,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4121,32): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(4134,25): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(4155,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-dropdown-banding'
(4156,25): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(4162,37): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(4163,25): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(4204,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(4330,35): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(4331,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(4345,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(4387,75): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(4387,105): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(4388,75): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(4388,97): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(4389,48): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(4389,66): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(4391,49): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(4391,69): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(4570,32): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-gray'
(4926,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(4927,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(4928,17): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4945,32): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(4947,21): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(4949,39): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(4967,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(4968,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(4979,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(4980,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(4986,17): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4990,21): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(4995,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(4996,29): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(5103,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(5103,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(5104,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(5110,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(5111,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(5229,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(5230,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(5234,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(5246,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(5247,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(5252,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(5253,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(5258,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(5259,33): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(5273,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(5281,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(5282,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(5440,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(5734,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(5739,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(5898,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(5899,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(5900,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(5908,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(5912,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(5913,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(5934,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(5938,21): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(6057,37): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(6063,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(6064,21): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(6070,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(6151,36): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-gray'
(6417,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(6471,28): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-gray'
(6629,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(6630,39): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(6636,36): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(6644,47): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(6648,29): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(6652,29): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(7050,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(7054,32): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(7059,32): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(7268,75): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(7268,103): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(7269,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(7296,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-gray'
(7297,24): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(7303,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(7304,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(7629,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(7634,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(7636,35): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(7643,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(7662,35): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(7663,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(8060,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(8061,21): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(8065,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(8066,21): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(8070,32): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(8071,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(8072,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(8311,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(8376,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(8381,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(8389,21): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(8421,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(8529,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(8530,21): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(9169,65): run-time error CSS1030: Expected identifier, found '='
(9169,66): run-time error CSS1031: Expected selector, found '"DefaultSecurityClassId"'
(9169,66): run-time error CSS1025: Expected comma or open brace, found '"DefaultSecurityClassId"'
(9503,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-gray'
(9504,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(9506,35): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(9572,28): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(9657,28): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(9658,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(9699,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(9704,25): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(9708,25): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
 */
/*
    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 {
    position: relative;
}
.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=25.1.150");
    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=25.1.150");
        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=25.1.150");
        }

/*#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;
}

.allowSupportAccessTimer {
    overflow: hidden;
    border: 1px solid #053C55;
    border-radius: 5px;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.5);
    background-color: #FF8873;
    position: absolute;
    height: 36px;
    width: 176px;
    top: 90vh;
    left: Calc(50vw - 88px);
    z-index: 999999;
    padding: 2px;
    text-align: center;
    cursor: grab;
}

.allowSupportAccessTimer #asatTime {
    font-weight:bold;
    color: white;
}

/*Below are the root color variables*/
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro?v=25.1.150);

: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=25.1.150");
    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=25.1.150");
    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=25.1.150");
            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=25.1.150");
        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=25.1.150");
    width: 10px;
    height: 17px;
    background-size: 16px;
    background-repeat: no-repeat;
}

.expand_arrow {
    background-image: url("../../Content/images/arrow_right.svg?v=25.1.150");
    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=25.1.150);
}

#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=25.1.150);
                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=25.1.150);
                background-position: 0 0
            }

.viewer_image {
    background-image: url(../../Content/images/transparent.png?v=25.1.150);
    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=25.1.150");
    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=25.1.150') no-repeat center center / contain;*/
    background-position: -322px -92px;
    background-image: url("../../Content/images/docstar_sprite.png?v=25.1.150");
    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=25.1.150");
    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=25.1.150");
        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=25.1.150");
    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=25.1.150");
    /*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=25.1.150");
}

.categoryLayout .category > a > ins.jstree-icon {
    background-image: url("../../Content/images/document.svg?v=25.1.150");
    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=25.1.150");
}

#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=25.1.150");
    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=25.1.150");
}

#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=25.1.150");
    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=25.1.150");
    }

#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=25.1.150);
    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=25.1.150");
        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=25.1.150");
    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=25.1.150");
    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=25.1.150);
    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=25.1.150");
}

.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=25.1.150");
    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=25.1.150");
    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=25.1.150") !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=25.1.150");
    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=25.1.150);
        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=25.1.150");
        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=25.1.150);
        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=25.1.150);
        background-position: 0 0;
    }

    #automationDLConnStatusIcon.connected {
        background-image: url(../../Content/images/Connected.png?v=25.1.150);
        background-position: 0 0;
    }

    #automationDLConnStatusIcon.disconnected {
        background-image: url(../../Content/images/Disconnected.png?v=25.1.150);
        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=25.1.150");
}

    .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);
}
html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body {
    border: none;
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
    font-size: 75%;
    font-size: 13px;
    margin: 0;
    padding: 0;
}

#layout {
    width: 100%;
    height: 100%;
}

#header {
    height: 45px;
    margin: 0 0 0 0;
    position: relative;
}


#two_col {
    height: 100%;
    width: 100%;
}


#browse {
    height: 100%;
    position: relative;
    width: 170px;
    float: left;
    -moz-box-shadow: 2px 0 2px #CCC;
    -webkit-box-shadow: 2px 0 2px #CCC;
    box-shadow: 2px 0 2px #CCC;
}

#main, #tabs, #tab_panel_container {
    width: 100%;
    height: 100%;
    position: relative;
}

#link_pass_container {
    display: table;
    height: 80%;
    margin: auto;
    position: relative;
    vertical-align: middle;
}

#inner_link_pass_container {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

#link_pass_contents {
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    display: table-cell;
    height: 175px;
    vertical-align: middle;
    width: 450px;
}

    #link_pass_contents p {
        left: 15px;
        position: relative;
        top: 10px;
        width: 45%;
    }

#pass_items {
    float: left;
    min-height: 70px;
    height: auto;
    left: 20%;
    position: relative;
    width: 60%;
    padding: 15px 0 0;
}

    #pass_items .errors {
        display: inline-block;
        width: 100%;
        padding: 0 0 10px 0;
    }

#link_pass_label {
    width: 100%;
    position: relative;
    left: 10px;
    top: 5px;
}

#link_pass, #link_submit {
    color: #000;
    float: left;
    position: relative;
}

#link_pass_label {
    left: 10px;
    position: relative;
    top: -5px;
    width: 100%;
}

#link_pass {
    left: 10px;
    margin: 0 0 5px 0;
    z-index: 10;
}

#link_submit {
    background-image: url("../../Content/images/s.png?v=25.1.150");
    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=25.1.150");
        background-position: -66px -207px;
    }

#link_submitted, #link_downloading, #link_successful {
    display: none;
    height: 25px;
    position: relative;
    text-align: center;
    top: 5px;
    width: 100%;
}

#download {
    position: absolute;
    height: 0;
    width: 0;
    visibility: hidden;
    border: none;
}

#iprint {
    position: absolute;
    height: 0;
    width: 0;
    border: none;
}

span.progress {
    position: absolute;
    left: 0;
    top: 0;
}

.progressCont {
    height: 21px;
    line-height: 21px;
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    display: none;
}

    .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=25.1.150");
    }

    .progressCont .displayNone {
        display: none;
    }

/* #region Password Management Layout */

#passwordManagmentDTO .unstyledList label {
    display: inline-block;
    float: left;
    padding-right: 10px;
    position: relative;
    text-align: right;
    top: 3px;
    width: 200px;
}

#passwordManagmentDTO .unstyledList select, #passwordManagmentDTO .unstyledList input {
    width: 80px;
}

    #passwordManagmentDTO .unstyledList input[type='checkbox'] {
        width: auto;
    }

#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.*/
}


.left_labeled_layout {
    list-style: none;
}

    .left_labeled_layout label {
        display: inline-block;
        float: left;
        margin: 4px 0 0;
        text-align: right;
        width: 120px;
    }

    .left_labeled_layout li {
        height: 20px;
        margin: 0 0 5px;
    }

#pass_success .success_message {
    display: none;
    left: 130px;
    position: relative;
    width: 300px;
}

.warningErrorClass {
    color: #A60000;
    padding-left: 3px;
}

/* #endregion Password Management Layout*/

