/* Minification failed. Returning unminified contents.
(13,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(595,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(628,40): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(629,40): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(678,38): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(777,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(781,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(787,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(787,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(788,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(794,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(795,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(907,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(911,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(917,31): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(917,46): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(918,31): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(924,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(925,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(958,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(968,17): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(979,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(1176,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1177,17): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1178,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1183,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(1188,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(1189,21): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(1194,37): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(1429,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1430,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1437,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(1438,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(1445,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(1446,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(1455,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1456,17): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1465,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1477,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(1484,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(1485,21): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(1489,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1490,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1491,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1496,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(1497,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(1502,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(1503,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(1508,33): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(1576,36): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(1577,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1598,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1603,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(1608,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(1614,37): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(1625,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1642,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1676,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1680,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(1684,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(1688,33): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(1693,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1694,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1701,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(1702,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(1706,21): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(1707,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(1711,33): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(1761,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(1777,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(1781,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(1787,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(1787,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(1788,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(1794,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(1795,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(2018,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(2019,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(2037,43): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(2236,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(2464,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2501,43): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2507,40): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(2513,47): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(2518,47): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(2522,34): run-time error CSS1039: Token not allowed after unary operator: '-p-white-smoke'
(2607,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(3064,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(3066,22): run-time error CSS1039: Token not allowed after unary operator: '-k-snow'
(3245,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(3249,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(3255,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(3255,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(3256,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(3262,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(3263,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(3391,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(3666,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(3670,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(3676,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(3676,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(3677,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(3683,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(3684,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(4048,40): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(4054,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(4055,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(4058,30): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(4059,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(4063,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(4072,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(4076,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(4082,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(4082,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(4083,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(4089,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(4090,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(4103,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(4107,32): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(4230,54): run-time error CSS1030: Expected identifier, found '.'
(4230,73): run-time error CSS1031: Expected selector, found ')'
(4230,73): run-time error CSS1025: Expected comma or open brace, found ')'
(4234,49): run-time error CSS1030: Expected identifier, found '.'
(4234,68): run-time error CSS1031: Expected selector, found ')'
(4234,68): run-time error CSS1025: Expected comma or open brace, found ')'
(4568,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(4573,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(4580,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(4580,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(4581,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(4588,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(4589,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(4859,28): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4880,51): run-time error CSS1039: Token not allowed after unary operator: '-i-lt-grayish-yellow'
(4914,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(4963,28): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(4978,51): run-time error CSS1039: Token not allowed after unary operator: '-i-lt-grayish-yellow'
(4984,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(5001,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(5008,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(5015,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(5022,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(5037,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(5245,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(5478,21): run-time error CSS1039: Token not allowed after unary operator: '-k-black-panther'
(5581,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(5688,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(5692,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(5698,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(5698,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(5699,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(5705,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(5706,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(5779,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(5984,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(6010,35): run-time error CSS1039: Token not allowed after unary operator: '-k-dark-blue'
(6020,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(6051,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(6176,79): run-time error CSS1039: Token not allowed after unary operator: '-k-pattens-blue'
(6176,114): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(6177,79): run-time error CSS1039: Token not allowed after unary operator: '-k-pattens-blue'
(6177,106): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(6178,52): run-time error CSS1039: Token not allowed after unary operator: '-k-pattens-blue'
(6178,75): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(6180,53): run-time error CSS1039: Token not allowed after unary operator: '-k-pattens-blue'
(6180,79): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(6182,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(6190,79): run-time error CSS1039: Token not allowed after unary operator: '-k-corn-silk'
(6190,111): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(6191,79): run-time error CSS1039: Token not allowed after unary operator: '-k-corn-silk'
(6191,103): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(6192,52): run-time error CSS1039: Token not allowed after unary operator: '-k-corn-silk'
(6192,72): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(6194,53): run-time error CSS1039: Token not allowed after unary operator: '-k-corn-silk'
(6194,76): run-time error CSS1039: Token not allowed after unary operator: '-k-rust'
(6196,21): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(6203,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(6205,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(6291,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(6325,28): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(6423,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(6538,28): run-time error CSS1039: Token not allowed after unary operator: '-k-turquoise-blue'
(6539,30): run-time error CSS1039: Token not allowed after unary operator: '-k-turquoise-blue'
(6618,45): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(6619,28): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(6646,28): run-time error CSS1039: Token not allowed after unary operator: '-k-turquoise-blue'
(6648,30): run-time error CSS1039: Token not allowed after unary operator: '-k-turquoise-blue'
(6864,32): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(6868,32): run-time error CSS1039: Token not allowed after unary operator: '-p-lt-gray'
(6973,26): run-time error CSS1039: Token not allowed after unary operator: '-p-teal'
(6974,25): run-time error CSS1039: Token not allowed after unary operator: '-k-lt-gray'
(7064,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(7068,36): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(7074,31): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(7074,46): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(7075,31): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(7081,40): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(7082,41): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(7334,26): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(7526,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(7528,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(7635,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(7636,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(7642,17): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(7804,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(7813,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(7817,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(7823,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(7823,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(7824,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(7830,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(7831,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(7848,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(7850,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(8116,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(8173,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(8177,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(8183,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(8183,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(8184,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(8190,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(8191,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(8336,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(8341,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(8355,25): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(8395,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(8400,36): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(8407,31): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(8407,46): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(8408,31): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(8415,40): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(8416,41): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(8602,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(8646,36): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(8648,30): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(8706,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(8749,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(8753,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(8759,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(8759,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(8760,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(8766,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(8767,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(8794,32): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(8798,32): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(8804,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(8804,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(8805,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(8811,40): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(8812,41): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(8813,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(8940,32): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(8943,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(8944,32): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(8974,32): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(8978,32): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(8984,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(8984,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(8985,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(8991,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(8992,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(9045,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(9050,28): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(9068,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(9120,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(9129,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(9131,36): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(9451,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(9455,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(9461,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(9461,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(9462,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(9468,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(9469,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(9540,32): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(9544,32): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(9550,31): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(9550,46): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(9551,31): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(9557,40): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(9558,41): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(9643,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(9647,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(9653,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(9653,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(9654,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(9660,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(9661,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(9690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9693,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9695,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9700,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9779,26): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(9905,39): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(10019,32): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(10023,32): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(10029,31): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(10029,46): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(10030,31): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(10036,40): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(10037,41): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(10236,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(10240,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(10246,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(10246,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(10247,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(10253,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(10254,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(10273,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(10277,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(10283,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(10283,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(10284,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(10285,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(10291,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(10292,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(10701,32): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(10705,32): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(10711,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(10711,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(10712,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(10718,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(10719,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(10723,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(11184,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(11188,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(11194,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(11194,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(11195,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(11201,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(11202,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(11303,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(11307,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(11313,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(11313,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(11314,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(11320,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(11321,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(11326,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(11331,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(11414,40): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(11418,40): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(11424,35): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(11424,50): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(11425,35): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(11431,44): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(11432,45): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(11860,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(11867,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(11904,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(11906,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(11913,36): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(12023,47): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(12024,40): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(12028,51): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(12032,44): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(12036,51): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(12133,25): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(12140,40): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(12141,29): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(12146,40): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(12147,29): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(12151,29): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(12254,22): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(12309,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(12315,35): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(12396,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(12400,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(12406,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(12406,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(12407,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(12413,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(12414,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(12545,32): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(12549,32): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(12555,31): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(12555,46): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(12556,31): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(12562,40): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(12563,41): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(12636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12687,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(12691,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(12697,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(12697,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(12698,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(12704,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(12705,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(13016,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(13147,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(13152,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(13314,32): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(13328,40): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(13329,29): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(13361,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-border'
(13362,22): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(13385,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(13389,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(13395,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(13395,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(13396,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(13402,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(13403,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(13580,28): run-time error CSS1039: Token not allowed after unary operator: '-p-teal'
(13620,28): run-time error CSS1039: Token not allowed after unary operator: '-k-turquoise-blue'
(13621,38): run-time error CSS1039: Token not allowed after unary operator: '-k-turquoise-blue'
(13653,27): run-time error CSS1039: Token not allowed after unary operator: '-ggs'
(13931,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(13935,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(13941,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(13941,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(13942,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(13948,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(13949,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(14211,21): run-time error CSS1039: Token not allowed after unary operator: '-p-black'
(14500,28): run-time error CSS1039: Token not allowed after unary operator: '-p-white'
(14501,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-hover'
(14506,28): run-time error CSS1039: Token not allowed after unary operator: '-a-mauve'
(14507,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-blue'
(14511,17): run-time error CSS1039: Token not allowed after unary operator: '-kc-interactive-pressed'
(14733,28): run-time error CSS1039: Token not allowed after unary operator: '-kc-panel-card-bg'
(14811,28): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(14815,28): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(14826,27): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(14826,42): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
(14827,27): run-time error CSS1039: Token not allowed after unary operator: '-k-scroll'
(14833,36): run-time error CSS1039: Token not allowed after unary operator: '-k-label'
(14834,37): run-time error CSS1039: Token not allowed after unary operator: '-k-disabled'
 */
.AceEditorView {
    width: 100%;
    height: 100%;
}

    .AceEditorView .aceEditor {
        width: 100%;
        height: 100%;
    }

    .AceEditorView .cssLayoutExtraButtons {
        margin-top: 30px;
        color: var(--kc-interactive-hover);
        border-radius: 4px;
    }

.AffiliatedOrganizationsEditView .customGridTableContainer,
.AffiliatedOrganizationsEditView .customGridFooterContainer,
.AffiliatedOrganizationsEditView .customGridScrollableContainer {
    position: relative;
}

.AffiliatedOrganizationsEditView input[type="number"].maxRows {
    max-width: 40px
}

.foldersSelect {
    max-width: 150px;
}

.CreateAffiliatedOrganizationView .items_checkbox {
    left: 15px;
    margin: 0px;
    width: 0px;
}

.AffiliatedOrganizationsEditView .customGridHeader,
.AffiliatedOrganizationsEditView .deleteRowCell {
    width: 40px;
}

.deleteRowCell > .deleteSet {
    right: 12px;
    cursor: pointer;
}

.AffiliatedOrganizationGridItemView > td[data-cellid="ViewUser"] {
    text-align: center;
    vertical-align: middle;
}

.AffiliatedOrganizationGridItemView .pickFolder,
.CreateAffiliatedOrganizationView .parentFolder {
    cursor: pointer;
}

.CreateAffiliatedOrganizationView #selectFolder {
    display: list-item;
}

.AIWorkbenchView .custom_button {
    margin: 5px 0px 10px 20px;
}

.AIWorkbenchView .colWidth {
    width: 20%;
}

.AIWorkbenchView .extraction_message {
    display: inline-block;
    left: 50px;
    position: relative;
    width: auto;
}

.AnnotationView {
    display: inline-block;
    float: left;
    position: relative;
    top: -3px;
}

    .AnnotationView .collapsedAnnotationMenuButton {
        float: left;
    }

    .AnnotationView .annotations_menu {
        background: inherit;
    }

        .AnnotationView .annotations_menu .custom_button {
            background: #fff;
            box-shadow: initial;
            border: 1px solid #d5d5d5;
            border-radius: 0;
            margin-right: 2px;
        }

        .AnnotationView .annotations_menu.collapse {
            display: none;
            float: left;
            position: absolute;
            right: -130px;
            top: 23px;
            z-index: 100;
            background: #fff;
        }
        .AnnotationView .toggle_btn.pressed {
            background-image: linear-gradient(#8A8585, #ccc);
        }
        .AnnotationView .showHideAnno:not(.pressed) {
            background-image: linear-gradient(#8A8585, #ccc);
        }
    .AnnotationView div,
    .AnnotationView .fontPropCont div > span {
        background-image: url("../../../Content/images/docstar_sprite.png?v=24.2.161");
        display: inline-block;
        float: left;
    }

        /*.AnnotationView .fontPropCont div.toggle_btn {
        background-image: url("../../../Content/images/s.png?v=24.2.161");
        background-position: -2px -178px;
    }

        .AnnotationView .fontPropCont div.toggle_btn.pressed {
            background-position: -2px -200px;
        }*/

        .AnnotationView div > span {
            height: 21px;
            margin: 2px;
            width: 22px;
        }

    .AnnotationView div.cancelEditMode {
        display: none;
        cursor: pointer;
    }

        .AnnotationView div.cancelEditMode .ui-icon-cancel {
            background-image: url("../../../Content/images/docstar_sprite.png?v=24.2.161");
            background-position: -428px -221px;
        }

    .AnnotationView span.anchor.thick_one {
        background: #000;
        height: 1px;
        margin: .5px 0 0;
        width: 100%;
    }

    .AnnotationView span.anchor.thick_two {
        background: #000;
        height: 2px;
        margin: 1px 0 0;
    }

    .AnnotationView span.anchor.thick_four {
        background: #000;
        height: 4px;
        margin: 2px 0 0;
    }

    .AnnotationView .annoPropsCont {
        background: #f0ede0;
        border: 1px solid #12c3f4;
        color: #000;
        display: none;
        height: 65px;
        position: absolute;
        right: 6px;
        top: 24px;
        width: 400px;
        z-index: 198;
    }

        .AnnotationView .annoPropsCont .dropdown {
            display: inline-block;
            float: left;
            width: 65px;
        }

            .AnnotationView .annoPropsCont .dropdown li {
                background: none;
                color: #000;
                line-height: 20px;
                text-align: center;
                height: 20px;
                padding: 0 5px;
                width: 35px;
            }

            .AnnotationView .annoPropsCont .dropdown span.anchor {
                float: none;
                margin: 0;
                width: auto;
            }

            .AnnotationView .annoPropsCont .dropdown ul li span.anchor {
                padding: 0;
                display: block;
                position: relative;
                top: 47%;
                width: 100%;
            }

        .AnnotationView .annoPropsCont .thickness_text {
            background: #000;
            display: inline-block;
            float: left;
            height: 0;
            position: relative;
            top: 50%;
            width: 50%;
        }

        .AnnotationView .annoPropsCont span.jPicker {
            height: 22px;
            margin: 0;
            max-height: 22px;
            max-width: 25px;
            width: 20px;
        }

            .AnnotationView .annoPropsCont span.jPicker .Icon {
                position: relative;
            }

        .AnnotationView .annoPropsCont > div {
            margin: 5px 0;
        }

        .AnnotationView .annoPropsCont div {
            background: none;
        }

        .AnnotationView .annoPropsCont a {
            background: none;
            display: inline-block;
            float: left;
            margin: 5px;
        }

        .AnnotationView .annoPropsCont select {
            height: 20px;
            width: 150px;
        }

            .AnnotationView .annoPropsCont select[name="FontSize"] {
                width: 45px;
            }

    .AnnotationView .fontPropCont a {
        margin: 0;
        width: 0;
    }

    .AnnotationView div.fontPropCont {
        display: none;
        margin: 0 0 0 5px;
    }

    .AnnotationView .annoProps a {
        height: 14px;
        cursor: pointer;
        margin: 5.5px -3px;
    }

    .AnnotationView .FontStyleBold {
        background-position: -59px -13px;
        /*height: 22px;*/
        width: 16px;
    }

    .AnnotationView .FontStyleItalic {
        background-position: -234px -55px;
        /*height: 16px;*/
        width: 16px;
    }

    .AnnotationView .FontStyleUnderLine {
        background-position: -233px -185px;
        /*height: 16px;*/
        width: 16px;
    }

    .AnnotationView .FontStyleStrike {
        background-position: -498px -78px;
        /*height: 16px;*/
        width: 20px;
    }

/* Image / Text Stamp Sprite */
.imageStampCont,
.textStampCont {
    height: 66px;
    overflow: hidden;
    width: 64px;
}

    .imageStampCont img,
    .textStampCont img {
        position: relative;
    }



.AnnotationView .imageStamps,
.AnnotationView .textStamps {
    background: #bbb;
    border: 1px solid #000;
    color: #000;
    display: none;
    max-height: 152px;
    overflow: auto;
    position: absolute;
    right: 6px;
    top: 24px;
    width: 400px;
    z-index: 198;
}


    .AnnotationView .imageStamps div,
    .AnnotationView .textStamps div {
        background: none;
        margin: 2px;
    }

    .AnnotationView .imageStamps ul,
    .AnnotationView .textStamps ul {
        list-style: none;
        margin: 5px;
        padding: 0;
    }

        .AnnotationView .imageStamps ul li,
        .AnnotationView .textStamps ul li {
            background: #000;
            display: inline-block;
        }

            .AnnotationView .imageStamps ul li.pressed,
            .AnnotationView .textStamps ul li.pressed,
            .AnnotationView .imageStamps ul li.pressed:active,
            .AnnotationView .textStamps ul li.pressed:active {
                background: #F00;
            }

.AppDisplayView {
    width: 100%;
    height: 100%;
    position: relative;
}

    .AppDisplayView .item_type_icon {
        margin: 2px 5px 0 5px;
    }

    .AppDisplayView .approvalTypeIcon span {
        display: inline-block;
        position: relative;
    }

        .AppDisplayView .approvalTypeIcon span.approvalData {
            top: -5px;
        }

:root {
    /*Primary Colors*/
    --p-white: #ffffff;
    --p-black: #000000;
    /*Accent colors*/
    --a-mauve: #b5709a;
    /*Industry colors*/
    /*Kinetic colors*/
    --kc-interactive-blue: #0d6b9a;
    --kc-interactive-hover: #118ed1;
    --kc-interactive-pressed: #09496b;
    /*Kinetic Text colors*/
    --k-label: #616161;
    --k-disabled: #cccccc;
    /*Scrollbar Width*/
    --k-scroll: thin;
}
.AttachmentView {
    width: 72px;
    height: 90px;
    position: relative;
    display: inline-block;
    border: 1px solid #000;
    margin: 5px 0 5px 10px;
    padding: 2px;
    background-color: white;
}

    .AttachmentView .imgContainer {
        float: left;
    }

    .AttachmentView .deleteAttachment {
        position: absolute;
        top: -1px;
        right: -1px;
        cursor: pointer;
        background-color: #FFFFFF;
        border: 1px solid #000;
        border-bottom-left-radius: 5px;
    }

    .AttachmentView div.imgContainer .item_type_icon {
        top: 35px;
        left: 28px;
    }

    .AttachmentView div.imgContainer img {
        background-color: white;
        max-height: 88px;
        max-width: 72px;
    }

    .AttachmentView div.imgContainer:not(.isIcon) img {
        width: 100%;
        height: 100%;
    }

    .AttachmentView div.imgContainer.isIcon img {
        width: 15px;
        height: 16px;
        top: 35px;
        left: 28px;
        position: absolute;
    }

    .AttachmentView .progressCont {
        width: 80%;
        height: 15%;
        top: 70px;
        left: 6px;
        position: absolute;
    }

        .AttachmentView .progressCont .progressStatus {
            top: -4px;
        }

.AttachmentViewer {
    width: 100%;
    height: 100%;
}

    .AttachmentViewer .imgContainer {
        width: 100%;
        height: 100%;
        position: relative;
        border: 1px solid #000;
        margin: 3px;
    }

        .AttachmentViewer .imgContainer.fitWidth {
            width: 100%;
        }

            .AttachmentViewer .imgContainer.fitWidth img {
                width: 100%;
                vertical-align: middle;
            }

        .AttachmentViewer .imgContainer.fitHeight {
            height: 100%;
            text-align: center;
        }

            .AttachmentViewer .imgContainer.fitHeight img {
                height: 100%;
            }

        .AttachmentViewer .imgContainer .item_type_icon,
        .AttachmentViewer .imgContainer.isIcon img {
            position: absolute;
            top: calc(50% - 8px); /* half height of standard icon */
            left: calc(50% - 8px); /* half width of standard icon */
        }

        .AttachmentViewer .imgContainer.isLoading img.actualImage {
            display: none;
        }

        .AttachmentViewer .imgContainer img {
            position: relative;
        }

        .AttachmentViewer .imgContainer.isIcon img {
            width: 15px;
            height: 16px;
        }

    .AttachmentViewer .viewer_navigation {
        display: inline-block;
        margin: 10px auto 0 auto;
    }

    .AttachmentViewer .progressCont {
        width: 50%;
        margin-top: calc(100% - 120px);
        float: none;
    }

    .AttachmentViewer .previewContainer {
        width: 100%;
        height: 100%;
        text-align: center;
    }

        .AttachmentViewer .previewContainer.hasPager {
            height: calc(100% - 25px);
        }

        .AttachmentViewer .previewContainer .imgContainer iframe {
            width: 100%;
            height: 100%;
        }

.AttachmentViewerDialog .att_navigation {
    display: inline-block;
    margin: 0 0 -5px 20px;
}

    .AttachmentViewer .navControl,
    .AttachmentViewerDialog .att_navigation .navControl {
        background-color: transparent;
        border: none;
        cursor: pointer;
        float: left;
        height: 16px;
        position: relative;
    }

    .AttachmentViewer .viewer_results_type,
    .AttachmentViewerDialog .att_navigation .viewer_results_type {
        float: left;
        margin: 0 1px;
        position: relative;
    }

    .AttachmentViewer input,
    .AttachmentViewerDialog .att_navigation input {
        float: left;
        height: 12px;
        margin: 0px 3px;
        position: relative;
        text-align: center;
        top: -3px;
        width: 40px;
    }

.AuditGridView {
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 100px;
}

    .AuditGridView .proxyUserAsterisk {
        font-weight: bold;
    }

    .AuditGridView .customGridTable {
        height: 100%;
    }

        .AuditGridView .customGridTable .narrow {
            width: 45px;
        }

/*Workaround until we redo the admin pages.*/
#admin_action .AuditGridView .customGridPagerNavigation .navigateToPage {
    width: 40px;
}
.AuditSettingsView {
}
    .AuditSettingsView #admin_action > div > div.readOnlyView > div.admin-form > h3 {
        padding-left: 20px;
    }

    .AuditSettingsView .optOutList {
        list-style: none;
        padding-right: 30px;
    }

        .AuditSettingsView .optOutList li {
            box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
            border-radius: 3px;
            border: 1px solid var(--kc-panel-card-border);
            padding: 10px;
            margin-bottom: 20px;
        }

        .AuditSettingsView .optOutList .levelData {
            box-shadow: initial;
            border: 0;
        }

    .AuditSettingsView .readOnlyView {
        margin-bottom: 40px;
        padding-left: 6px;
    }

    .AuditSettingsView .editView {
        margin-bottom: 40px;
        padding-left: 6px;
    }


        .AuditSettingsView .editView .legendContainer {
            list-style: none;
            display: inline-block;
        }

            .AuditSettingsView .editView .legendContainer .legendBox {
                display: flex;
                align-items: center;
                width: auto;
                height: 40px;
                border-radius: 10px;
                box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
                background-color: var(--p-white);
                border: 1px solid var(--k-disabled);
                padding: 0 0 9px 2px;
            }

                .AuditSettingsView .editView .legendContainer .legendBox .legendColumn {
                    display: inline-block;
                    margin-top: 3px;
                    margin-left: 3px;
                }

                    .AuditSettingsView .editView .legendContainer .legendBox .legendColumn .legendCell {
                        margin: 0 5px;
                        cursor: pointer;
                    }

                        .AuditSettingsView .editView .legendContainer .legendBox .legendColumn .legendCell span {
                            display: inline-block;
                            vertical-align: middle;
                            cursor: default;
                        }

                        .AuditSettingsView .editView .legendContainer .legendBox .legendColumn .legendCell .legendLabel {
                            margin-left: 3px;
                            font-weight: bold;
                        }

         .editView .optOutList .levelHR {
            display: block;
            text-align: center;
            overflow: hidden;
            white-space: nowrap;
            width: 100%;
        }

            .AuditSettingsView .editView .optOutList .levelHR > span {
                position: relative;
                display: inline-block;
                font-size: 14px;
                font-weight: bold;
                color: #069;
            }

                .AuditSettingsView .editView .optOutList .levelHR > span:before,
                .AuditSettingsView .editView .optOutList .levelHR > span:after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    width: 9999px;
                    height: 1px;
                    background: var(--kc-panel-card-border);
                }

                .AuditSettingsView .editView .optOutList .levelHR > span:before {
                    right: 100%;
                    margin-right: 15px;
                }

                .AuditSettingsView .editView .optOutList .levelHR > span:after {
                    left: 100%;
                    margin-left: 15px;
                }

        .AuditSettingsView .editView .optOutList .entityType {
            font-weight: bold;
            color: #069;
            font-size: 13px;
            margin: 5px 0 10px 0;
            display: block;
        }

        .AuditSettingsView .editView .optOutList .actionLabel {
            width: 138px;
            display: inline-block;
            vertical-align: middle;
            margin: 0 0 0 5px;
        }

        .AuditSettingsView .editView .optOutList .actionTypeContainer {
            /* margin-bottom: 20px; */
            padding-top: 3px;
        }

            .AuditSettingsView .editView .optOutList .actionTypeContainer > div {
                display: table;
                margin-bottom: 4px;
            }

        .AuditSettingsView .editView .optOutList hr {
            width: 920px;
            position: absolute;
            margin-top: 11px;
        }

        .AuditSettingsView .editView .optOutList .actionTypeContainer .items_checkbox {
            margin-right: 13px;
        }

        .AuditSettingsView .editView .optOutList .actionTypeContainer .action-label {
            display: flex;
            align-items: center;
        }

#admin_action > div > div.readOnlyView > div.admin-form {
    width: Calc(100% - 25px);
}

.AuditTrailGridView {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
}

.AuditTrailGridView .selectAuditType {
    display: block;
    width: 40%;
    padding: 5px;
}

.AuditTrailGridView input[name="formSet"] {
    top: 4px;
}

.AuditTrailGridView .selectAuditType ul {
    list-style-type: none;
}

.AuditTrailGridView .customGridTableContainer {
    flex: 1;
}

.AuditTrailGridView .customGridTable {
    height: 100%;
}

.AuditTrailGridView .customGridTable .narrow {
    width: 45px;
}

.AuditTrailGridView .customGridTableContainer .customGridScrollableContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.AuditTrailGridView .customGridTableContainer .customGridScrollableContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.AuditTrailGridView .customGridTableContainer .customGridScrollableContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

.AuditTrailGridView .customGridTableContainer .customGridScrollableContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.AuditTrailGridView .customGridTableContainer .customGridScrollableContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}
.AuditView .proxyUserAsterisk {
    font-weight: bold;
}

.AuditView .auditMargin {
    margin-top: 10px;
    text-align: center;
}

.AuditView .customGridTableContainer,
.AuditView .customGridFooterContainer,
.AuditView .customGridScrollableContainer {
    position: static;
}
/*For IE only*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .AuditView .customGridHeaderContainer {
        right:0px !important;
    }
}

.AuthProviderGridView .textOverflow {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.AuthProviderGridView th[data-columnid] {
    width: 50%;
}

.AuthProviderGridView th[data-columnid="type"] {
    width: 100px;
}

.AuthProviderGridView .customGridTableContainer, .AuthProviderGridView .customGridScrollableContainer {
    height: 175px;
}

.AuthProviderManagerView {
    position: relative;
}

.AuthProviderManagerView .loadingContainer {
    margin-top: 20px;
    margin-left: 20px;
}

.AuthProviderManagerView .loadingContainer .inlineblock {
    margin-left: 5px;
}

.AuthProviderManagerView .topSpan {
    vertical-align: top;
    margin-top: 2px;
}

.AuthProviderManagerView ol {
    padding-left: 5px;
}

.AuthProviderManagerView ol li {
    list-style: none;
    margin: 0 0 3px;
}

.AuthProviderManagerView ol li.metadata div {
    display: inline-block;
}

.AuthProviderManagerView ol li.metadata>span {
    width: 190px;
    display: inline-block;
    text-align: right;
}

    .AuthProviderManagerView ol li input:not([type="radio"]) input:not([type="checkbox"]) {
        padding: 2px;
        width: 458px;
    }

.AuthProviderManagerView ol li.metadata select,
#admin_screen ol li.metadata select {
    padding: 2px 0;
    margin: 5px 0 0;
    width: 467px;
}

.AuthProviderManagerView ol li.slapboxListItem {
    white-space: nowrap;
}

.AuthProviderManagerView ol li.slapboxListItem>span {
    width: 190px;
    display: inline-block;
    text-align: right;
    vertical-align: top;
    margin-top: 4px;
}

.AuthProviderManagerView .AuthProviderCreateView button {
    margin-right: 10px;
}

.AuthProviderManagerView .AuthProviderGridView .customGridScrollableContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.AuthProviderManagerView .AuthProviderGridView .customGridScrollableContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label) ;
}

.AuthProviderManagerView .AuthProviderGridView .customGridScrollableContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

    .AuthProviderManagerView .AuthProviderGridView .customGridScrollableContainer {
        scrollbar-color: var(--k-label) var(--k-disabled);
        scrollbar-width: var(--k-scroll);
    }

/* IE scrollbar styles */

.AuthProviderManagerView .AuthProviderGridView .customGridScrollableContainer {
    -ms-scrollbar-base-color: var(--k-label) ;
    -ms-scrollbar-track-color: var(--k-disabled);
}
.BookmarksView {
    width: 30px;
}

.BookmarksView .vert_seperator {
    display: block;
    float: left;
    margin: 0 2px;
}

.BookmarksView .displayNone {
    display: none;
}

.BookmarksView .bookmarksMenu dd ul.children {
    overflow-y: hidden;
    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);
}

.BookmarksView .children li {
    border-bottom: 1px solid grey;
    background-color: #FFCC42;
    color: var(--p-black);
}

.BookmarksView .custom_button {
    background: none;
    box-shadow: initial;
    border: 1px solid #d5d5d5;
    border-radius: 0;
}
.BookmarksView .children li span.anchor:hover {
    color: var(--p-black);
    text-decoration: none;
    cursor: pointer;
}
.BookmarksView .children li .anchor {
    color: #000;
    display: inline-block;
    text-decoration: none;
    font-size: 11px;
}
.BulkUserCreateView .admin-form {
    border: 1px solid var(--kc-panel-card-border);
    border-radius: 5px;
}

    .BulkUserCreateView .nonReadOnly .left {
        width: 60%;
        float: left;
    }

.BulkUserCreateView .nonReadOnly .right {
    width: 40%;
    float: left;
}
    .BulkUserCreateView .nonReadOnly .left fieldset, .BulkUserCreateView .nonReadOnly .right fieldset {
        height: 275px;
    }

.BulkUserCreateView .warningErrorClass {
    float: none;
}

.BulkUserCreateView label~.warningErrorClass {
    margin: 5px 0px 5px 5px;
    text-align: center;
    /* Match the width of the label */
}

.BulkUserCreateView textarea {
    resize: none;
}
.C3PIMasterView span.metalabel {
    display: inline-block;
    float: left;
    padding-right: 5px;
    position: relative;
    text-align: right;
    top: 3px;
    width: 144px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.C3PIMasterView li>label {
    float: left;
    text-align: left;
    width: auto;
    position: static;
}

.C3PIMasterView input[name="DLCName"]+.warningErrorClass {
    position: relative;
    left: 145px;
}


.C3PIMasterView .standardSettingsContainer {
    display: inline-block;
    width: 100%;
    margin: 5px 0;
}

.C3PIMasterView .standardSettingsContainer span.metalabel+span {
    margin: 3px 0 0;
}

.C3PIMasterView .C3PIEditView .DataLinkConnectionView {
    width: 100%;
}

.C3PIMasterView .c3piQueries .DataLinkQueriesView #dlListName {
    width: 450px;
}

.C3PIMasterView .c3piQueries .DataLinkQueriesView .DataLinkQueryView .dlqNameContainer.dlqConnectionIdContainer.dlqTypeContainer {
    left: 450px;
}

/*.C3PIMasterView .graytext {
    color: GrayText;
}*/

.C3PIMasterView .c3piImport {
    margin-left: 100px;
}
.CaptureEditView {
    height: 100%;
    width: 100%;
    position: relative;
}

    .CaptureEditView .captureGridCont,
    .CaptureEditView .processingGridCont {
        width: 100%;
        position: relative;
        float: left;
    }

    .CaptureEditView .captureGridCont {
        height: 100%;
    }

    .CaptureEditView .processingGridCont {
        height: 50%;
    }

    .CaptureEditView .document_preview {
        left: 5px;
        right: 0;
        top: -3px;
        position: absolute;
        bottom: 3px;
    }

    .CaptureEditView .document_preview_viewer {
        float: left;
        padding: 3px 0 0;
        position: absolute;
        left: 0;
        right: 0;
        top: -3px;
        bottom: 3px;
    }

    .CaptureEditView .resize-document {
        display: table;
    }

    .CaptureEditView .accordionsContainer,
    .CaptureEditView .gridContainer {
        display: table-row;
    }

    .CaptureEditView .gridContainer {
        height: 100%;
    }

    .CaptureEditView #captureImportTabs_Import .radio-wrap {
        position: initial;
    }

        .CaptureEditView #captureImportTabs_Import .radio-wrap label {
            float: left;
            width: 80%;
            margin-right: 0;
        }

    .CaptureEditView .progressCont {
        position: relative;
    }

.buttonOptions .items_radio {
    padding-left: 0;
}

.CaptureEditView #captureImportTabs_Import .radio-wrap input[type="radio"] {
    left: 89%;
}

.CaptureEditView #captureImportTabs_Import.divTopLeftMargin {
    margin: 5px 0 15px 12px;
}

#scanOptionsDialog input[name="DefinedSplitMethodPageCount"],
#preProcDialog input[name="DefinedSplitMethodPageCount"] {
    width: 34px;
}

#scanOptionsDialog .barcodeSeparatorOptions,
#preProcDialog .barcodeSeparatorOptions,
.spcificBarcodeText {
    margin-top: 8px;
}

#scanOptionsflexContainer {
    margin-bottom: 40px;
}

#scanOptionsflexContainerOptions {
    flex-wrap: wrap;
    width: 100%;
}

.CaptureEditView #importContentType .ui-combobox,
#scanContentType .ui-combobox {
    width: 225px;
}

.CaptureEditView #capture_layout .accordion #importContentType.labelAboveSelectCont {
    width: 245px;
}

.CaptureEditView #capture_layout .accordion #scanContentType.labelAboveSelectCont {
    width: 245px;
}

#scanOptionsDialog .selectBarcodeRegion {
    margin-left: 20px;
    background: var(--kc-interactive-blue);
    color: var(--p-white);
    border: 1px solid var(--kc-interactive-blue);
    border-radius: 4px;
}

    #scanOptionsDialog .selectBarcodeRegion:hover {
        background: var(--kc-interactive-hover);
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
    }

    #scanOptionsDialog .selectBarcodeRegion:active {
        background: var(--kc-interactive-pressed);
        color: var(--k-disabled);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    }

        #scanOptionsDialog .selectBarcodeRegion:focus {
            outline: 1px solid var(--a-mauve);
            outline-offset: 2px;
        }

        #scanOptionsDialog span.label.readModeLabel,
        #preProcDialog span.label.readModeLabel {
            width: 108px !important;
        }

#preProcDialog .selectBarcodeRegion {
    float: right;
    margin-right: 5px;
}

#get_barcode_region {
    overflow: hidden;
    /* Fixes scroll bars for chrome*/
}

    #get_barcode_region #retrieve_view_menu {
        display: none;
    }

    #get_barcode_region .annotations_menu,
    #get_barcode_region .documentText,
    #get_barcode_region .documentNavigator {
        display: none;
    }

    #get_barcode_region .header {
        margin: 5px 0;
    }

    #get_barcode_region .selection .spacingMajorLeft {
        margin: 0 0 0 40px;
    }

    #get_barcode_region .img_container {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008AA9', endColorstr='#008AA9');
        background: -webkit-gradient(linear, left top, left bottom, from(#008AA9), to(#008AA9));
        background: -moz-linear-gradient(top, #008AA9, #008AA9);
        /* for firefox 3.6+ */
        background: linear-gradient(to bottom, #008AA9 0%, #008AA9 100%);
        /* W3C (IE10) maybe others soon.*/
    }

    #get_barcode_region .viewer_image .img_container {
        display: inline-block;
        overflow: hidden;
        position: relative;
        border: 1px solid #000;
        width: calc(100% - 11px);
        height: calc(100% - 5px);
        left: 3px;
    }

    #get_barcode_region #regResults {
        position: absolute;
        left: 0;
        top: 65px;
        bottom: 0;
        width: 39%;
    }

        #get_barcode_region #regResults .SearchResultsGridView .typeHeader {
            width: 30px !important;
        }

    #get_barcode_region .document_preview {
        display: block;
        position: absolute;
        height: 100%;
        width: 60%;
        right: 0;
        top: 0;
        overflow: hidden;
    }

    #get_barcode_region .document_preview_viewer {
        position: relative;
        width: 100%;
        height: calc(100% - 3px);
    }

    #get_barcode_region .view_viewer {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    #get_barcode_region .viewer_image {
        float: left;
        width: 100%;
        height: calc(100% - 32px);
        border: none;
    }

    #get_barcode_region .viewer_menubar {
        background: linear-gradient(to bottom, #d4e8fc 0%, #032342 100%);
        /* W3C (IE10) maybe others soon.*/
        background: -moz-linear-gradient(center top, #d4e8fc, #032342) repeat scroll 0 0 transparent;
        background: -webkit-gradient(linear, left top, left bottom, from(#d4e8fc), to(#032342));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4e8fc", endColorstr="#032342");
        width: 100%;
        height: 20px;
        float: left;
        cursor: pointer;
        font-weight: bold;
        padding: 3px 0 4px 0;
        color: #FFF;
        position: initial;
        top: initial;
        right: initial;
        left: initial;
        margin: initial;
    }

    #get_barcode_region .accordion {
        position: relative;
        float: left;
        width: 100%;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#FFFFFF');
        background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#FFFFFF));
        background: -moz-linear-gradient(top, #F9F9F9, #FFFFFF);
        /* for firefox 3.6+ */
        background: linear-gradient(to bottom, #F9F9F9 0%, #FFFFFF 100%);
        /* W3C (IE10) maybe others soon.*/
    }

    #get_barcode_region .accordion_title {
        /*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.*/
        width: 100%;
        float: left;
        cursor: pointer;
        font-weight: bold;
        padding: 3px 0 4px 0;
    }

    #get_barcode_region .accordion_title_contents {
        width: 100%;
        height: 20px;
    }

    #get_barcode_region .accordion_title .title_arrow {
        position: relative;
        float: left;
        width: 15px;
        height: 15px;
        top: 2px;
        left: 7px;
    }

    #get_barcode_region .accordion_title a {
        position: relative;
        text-decoration: none;
        color: #000;
        top: 3px;
        left: 10px;
    }

    /* viewer navigation */
    #get_barcode_region .viewer_navigation {
        position: relative;
        float: left;
        top: 3px;
        left: 5px;
    }

    #get_barcode_region span[name="viewer_navigation_start"],
    #get_barcode_region span[name="viewer_navigation_prev"],
    #get_barcode_region span[name="viewer_navigation_next"],
    #get_barcode_region span[name="viewer_navigation_end"],
    #get_barcode_region #nativeViewer_navigation_start,
    #get_barcode_region #nativeViewer_navigation_prev,
    #get_barcode_region #nativeViewer_navigation_next,
    #get_barcode_region #nativeViewer_navigation_end {
        background-image: url("../../../Content/themes/jquery-ui/shared/images/ui-icons_454545_256x240.png?v=24.2.161");
    }

    #get_barcode_region span[name="viewer_navigation_start"],
    #get_barcode_region span[name="viewer_navigation_prev"],
    #get_barcode_region span[name="viewer_navigation_next"],
    #get_barcode_region span[name="viewer_navigation_end"],
    #get_barcode_region #nativeViewer_navigation_start,
    #get_barcode_region #nativeViewer_navigation_prev,
    #get_barcode_region #nativeViewer_navigation_next,
    #get_barcode_region #nativeViewer_navigation_end {
        background-color: transparent;
        cursor: pointer;
        position: relative;
        float: left;
        border: none;
        width: 16px;
        height: 16px;
    }

    #get_barcode_region .viewer_results_type {
        position: relative;
        float: left;
        padding: 0px 5px 0px 5px;
    }

    #get_barcode_region .viewer_results_max {
        position: relative;
        float: left;
        padding: 0px 5px 0px 5px;
    }

    #get_barcode_region input[name="viewer_results_counter"] {
        position: relative;
        float: left;
        text-align: center;
        top: -3px;
        width: 30px;
        height: 12px;
        margin: 0 3px 0;
    }

.cancelImport {
    color: #86898d;
    border: 0;
    background: none;
    box-shadow: initial;
    margin-right: 10px;
    cursor: pointer;
}

.submitImport {
    color: var(--kc-interactive-blue);
    border: 1px solid var(--kc-interactive-blue);
    background: none;
}

    .cancelImport:hover,
    .submitImport:hover {
        box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
        border: 1px solid var(--kc-interactive-hover);
        color: var(--kc-interactive-hover);
        background-color: transparent;
    }

    .cancelImport:active,
    .submitImport:active {
        box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
        border: 1px solid var(--kc-interactive-pressed);
        color: var(--kc-interactive-pressed);
        background-color: transparent;
    }

.openBrowse {
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    background: var(--kc-interactive-blue);
    color: var(--p-white);
    cursor: pointer;
    border: 1px solid transparent;
    margin: 0 2px 0 -1px;
    padding: 3px 20px;
    border-radius: 5px 0 0 5px;
}

.browseSelection {
    background: var(--kc-interactive-blue);
    cursor: pointer;
    border: 1px solid transparent;
    padding: 2px 5px;
    border-radius: 0 4px 4px 0;
}

    .openBrowse:hover,
    .browseSelection:hover,
    .preProcessingOptions:hover {
        border: 1px solid transparent;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
        background: var(--kc-interactive-hover);
    }

    .openBrowse:active,
    .browseSelection:active,
    .preProcessingOptions:active {
        box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
        background: var(--kc-interactive-pressed);
        color: var(--k-disabled);
    }

#newSetting {
    background: var(--p-white);
    color: var(--kc-interactive-blue);
    border: 1px solid var(--kc-interactive-blue);
    border-radius: 4px;
}

    #newSetting:hover {
        border: 1px solid var(--kc-interactive-hover);
        color: var(--kc-interactive-hover);
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
    }

    #newSetting:active {
        border: 1px solid var(--kc-interactive-pressed);
        color: var(--kc-interactive-pressed);
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
    }

    #newSetting:focus {
        outline: 1px solid var(--a-mauve);
        outline-offset: 2px;
    }
    #get_barcode_region a.custom_button {
        color: #008aa9;
        border: 1px solid #008aa9;
        border-radius: 4px;
        padding: 0 15px;
        background: none;
        -moz-box-shadow: initial;
        -webkit-box-shadow: initial;
        box-shadow: initial;
    }

/* custom radio button */

#scanSplitOptions > div,
.createAs.horizontalRadioLabelContainer {
    position: relative;
    padding-left: 20px;
}

    .createAs.horizontalRadioLabelContainer > span {
        float: left;
        display: inline-block;
    }

    .createAs.horizontalRadioLabelContainer .horizontalRadioLabelContainer {
        position: relative;
    }

        .createAs.horizontalRadioLabelContainer .horizontalRadioLabelContainer > div {
            float: left;
            margin: 0px 20px;
            position: relative;
        }

    #scanSplitOptions > div input[type="radio"],
    .createAs .horizontalRadioLabelContainer input[type="radio"] {
        position: absolute;
        opacity: 0;
        z-index: 10;
        left: -7px;
        top: -4px;
    }

    .createAs .horizontalRadioLabelContainer input[type="radio"] {
        left: -22px;
    }

    #scanSplitOptions > div span,
    .createAs .horizontalRadioLabelContainer span {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        user-select: none;
        color: #424242;
    }

        #scanSplitOptions > div span::after,
        .createAs .horizontalRadioLabelContainer 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: 3px;
            background-clip: padding-box;
            cursor: pointer;
        }

        #scanSplitOptions > div span::before,
        .createAs .horizontalRadioLabelContainer 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);
        }

    #scanSplitOptions div input[type="radio"]:hover:not(:focus) + span::before,
    .createAs .horizontalRadioLabelContainer input[type="radio"]:hover:not(:focus) + span::before {
        background-color: var(--kc-interactive-hover);
    }

        #scanSplitOptions div input[type="radio"]:hover:not(:focus) + span::after,
        .createAs .horizontalRadioLabelContainer input[type="radio"]:hover:not(:focus) + span::after {
            border: 2px solid var(--kc-interactive-hover);
        }


        #scanSplitOptions div input[type="radio"]:focus + span::after,
        .createAs .horizontalRadioLabelContainer input[type="radio"]:focus + span::after {
            outline: 1px solid var(--a-mauve);
            outline-offset: 2px;
        }

    #scanSplitOptions > div input[type="radio"]:checked + span,
    .createAs .horizontalRadioLabelContainer input[type="radio"]:checked + span {
        color: #000;
    }

        #scanSplitOptions > div input[type="radio"]:checked + span::after,
        .createAs .horizontalRadioLabelContainer input[type="radio"]:checked + span::after {
            border: 2px solid var(--kc-interactive-blue);
        }

        #scanSplitOptions > div input[type="radio"]:checked + span::before,
        .createAs .horizontalRadioLabelContainer input[type="radio"]:checked + span::before {
            opacity: 1;
        }

    #scanSplitOptions > div span::after,
    .createAs .horizontalRadioLabelContainer span::after {
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-clip: padding-box;
    }

    #scanSplitOptions div input[type="radio"]:checked + span::after,
    .createAs .horizontalRadioLabelContainer input[type="radio"]:checked + span::after {
        border: 2px solid var(--kc-interactive-blue);
    }

    #scanSplitOptions div input[type="radio"]:checked + span::before,
    .createAs .horizontalRadioLabelContainer input[type="radio"]:checked + span::before {
        opacity: 1;
    }

    #scanSplitOptions div span::after,
    .createAs .horizontalRadioLabelContainer span::after {
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-clip: padding-box;
    }

#captureImportTabs .items_checkbox {
    width: auto;
    margin-right: 40px;
}

.items_checkbox.fullWidth {
    width: 100% !important;
}

.CaptureEditView .items_radio span span,
.CaptureEditView .items_radio li span,
.CaptureEditView .items_radio label {
    vertical-align: top;
}

#clearScanSettings {
    border-radius: 4px;
    background: none;
    border: 0;
    color: var(--kc-interactive-blue);
}

    #clearScanSettings:hover {
        color: var(--kc-interactive-hover);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    }
    #clearScanSettings:active {
        color: var(--kc-interactive-pressed);
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15);
    }
    #clearScanSettings:focus {
        outline: 1px solid var(--a-mauve);
        outline-offset: 2px;
    }

#advancedScanSettings {
    color: var(--kc-interactive-blue);
    border: 1px solid var(--kc-interactive-blue);
    float: left;
    border-radius: 4px;
    background: none;
}

    #advancedScanSettings:hover {
        color: var(--kc-interactive-hover);
        border: 1px solid var(--kc-interactive-hover);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    }
    #advancedScanSettings:active {
        color: var(--kc-interactive-pressed);
        border: 1px solid var(--kc-interactive-pressed);
        box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
    }
    #advancedScanSettings:focus {
        outline: 1px solid var(--a-mauve);
        outline-offset: 2px;
    }

.w-auto {
    width: auto !important;
}

/* custom check box in case of label followed by checkbox */
.items_checkbox .label-cbox {
    margin: 0;
    top: 6px;
}

#scanOptionsDialog .items_checkbox .label-cbox .label,
#preProcDialog .items_checkbox .label-cbox .label {
    width: 187px;
}

#scanOptionsDialog .items_radio {
    padding-left: 0px;
}

#scanOptionsDialog .items_checkbox {
    left: 0px;
}

.items_checkbox .label-cbox input[type="checkbox"] {
    left: auto;
    top: 6px;
    height: 15px;
}
.fleft .items_checkbox .label-cbox input[type="checkbox"] {
    top: 6px;
}
.dropdown .parent {
    padding: 1px;
    height: 18px;
    font-size: 14px;
}
#scanAcc .dropdown dd > ul > li > span.anchor {
    font-size: 14px;
}
#scanAcc .dropdown dd > ul > li > span.selected {
    font-size: 14px;
    color: black;
    font-weight: bold;
}
#scanAcc .dropdown dd > ul > li > span.anchor:hover {
    color: white;
    background-color: var(--kc-interactive-blue);
}
.items_checkbox .label-cbox span::before {
    left: 20px;
}

.items_checkbox .label-cbox span::after {
    margin-left: 0;
}

.CaptureEditView .captureGridCont .customGridScrollableContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.CaptureEditView .captureGridCont .customGridScrollableContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.CaptureEditView .captureGridCont .customGridScrollableContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

.CaptureEditView .captureGridCont .customGridScrollableContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.CaptureEditView .captureGridCont .customGridScrollableContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}

.CaptureEditView .captureGridCont .customGridFooterContainer {
    bottom: 21px;
}

.CaptureEditView #captureImportTabs_Import ul.buttonOptions li {
    padding-bottom: 3px;
}

    .CaptureEditView #captureImportTabs_Import ul.buttonOptions li > label {
        max-width: 200px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px;
    }

.CaptureGridView {
    width: 100%;
    height: 100%;
    position: relative;
}

.CaptureGridView .customGridTable {
    height: auto;
}

.CaptureGridView .selectionHeader {
    width: 20px;
}

.CaptureGridView .editHeader {
    width: 36px;
}

.CaptureGridView .columnEdit {
    display: inline-block;
    position: absolute;
    top: -3px;
}

.CaptureGridView .customGridHeader div {
    position: relative;
    overflow: hidden;
    width: 100%;
}

/* To customize check box */

.CaptureEditView .items_checkbox {
    position: relative;
    left: 20px;
    width: 50%;
}

.CaptureEditView .items_checkbox>div {
    left: 12px;
    margin: 3px 0 0;
    position: relative;
    width: 30%;
}
.CaptureProgressGridView {
    width: 100%;
    height: 100%;
    position: relative;
}

    .CaptureProgressGridView .customGridScrollableContainer .customGridTable {
        height: 100%;
    }

.CaptureViewerView {
    width: 100%;
    height: 100%;
    position: relative;
}

    .CaptureViewerView .viewer_menubar {
        top: 3px;
        left: 3px;
    }

        .CaptureViewerView .viewer_menubar .controlBlock {
            float: left;
            display: inline-block;
            margin: 3px 0 0 6px;
            font-size: 12px;
        }

            .CaptureViewerView .viewer_menubar .controlBlock.displayNone {
                display: none;
            }

        .CaptureViewerView .viewer_menubar .navControl {
            background-color: transparent;
            border: none;
            cursor: pointer;
            float: left;
            height: 16px;
            position: relative;
        }

        .CaptureViewerView .viewer_menubar input {
            float: left;
            height: 12px;
            margin: 0px 3px;
            position: relative;
            text-align: center;
            top: -3px;
            width: 40px;
        }

        .CaptureViewerView .viewer_menubar .accordion_title_contents {
            width: calc(100% - 10px);
            padding: 0;
        }

    .CaptureViewerView #splitCapturePreview .navControl:not(:last-child) {
        margin-right: 6px;
    }

.CaptureWebFileBrowseGridView {
    width: 100%;
    height: 100%;
}

    .CaptureWebFileBrowseGridView .customGridTable {
        height: auto;
    }

        .CaptureWebFileBrowseGridView .customGridTable .customGridDataCell input[type="checkbox"],
        .CaptureWebFileBrowseGridView .customGridTable .customGridHeader input[type="checkbox"] {
            left: 6px;
        }

.CollaborateView {
    width: 100%;
    height: 100%;
}

    .CollaborateView > div {
        width: 100%;
        margin: 0 0 5px 0;
    }

        .CollaborateView > div > input[type="text"]:not(.copyLink) {
            width: calc(100% - 9px);
            padding-left: 2px;
        }

        .CollaborateView > div > input[type="text"].copyLink {
            width: calc(100% - 30px); /* Accomodate the refresh link */
        }

    .CollaborateView .collaborateChoiceContainer {
        margin: 5px 0;
    }

    .CollaborateView .streamFlex {
        flex: 1;
    }

    .CollaborateView .groupFlex {
        flex: 6;
    }

    .CollaborateView input[name="collaborateChoice"] {
        float: left;
    }

    .CollaborateView .collaborateOptions {
        margin: 0;
    }

        .CollaborateView .collaborateOptions fieldset > span {
            margin: 0 0 0 15px;
        }

    .CollaborateView .flex {
        display: flex;
    }

    .CollaborateView .width100 {
        width: 100%;
    }

    .CollaborateView .userList {
        background-color: #f3f3f3;
        position: absolute;
        z-index: 10;
    }

    .CollaborateView .menu-item {
        cursor: default;
        padding: 1rem;
    }

        .CollaborateView .menu-item.selected {
            background-color: slateGray;
            color: white;
        }

        .CollaborateView .menu-item:hover:not(.selected) {
            background-color: #fafafa;
        }

    .CollaborateView .collaborateChoiceContainer .items_checkbox {
        width: auto;
        left: 20px;
    }

    .CollaborateView .textBlue {
        color: blue;
        font-weight: normal;
    }

    .CollaborateView div.textarea {
        width: calc(100% - 33px);
        height: 7rem;
        font: inherit;
        padding: 0.8rem 1rem;
        border-radius: 2px;
        background: var(--p-white);
        border-bottom: 1px solid var(--kc-interactive-hover);
        overflow: auto;
        overflow-wrap: anywhere !important;
        white-space:pre-wrap;
        word-wrap: break-word;
        display: inline-block;
    }

        .CollaborateView div.textarea:empty:not(:focus):before {
            content: attr(data-placeholder);
        }

        .CollaborateView div.textarea:empty:focus::before {
            content: "";
        }

        .CollaborateView div.textarea :hover {
            border: none;
            border-bottom: 1px solid var(--kc-interactive-hover);
        }

.CollapsedApprovalStampView {
    width: 1em; /* Width of text size*/
    letter-spacing: 1px; /* Make it so letters appear on a single line */
    position: absolute;
    right: 0px;
    border: 1px solid black;
    border-radius: 7px 0 0 7px; /* top-left and bottom-left corners should be rounded */
    padding: 3px;
    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.*/
    color: #000;
    text-align: center;
    cursor: pointer;
    word-wrap: break-word;
    z-index: 151;
}

    .CollapsedApprovalStampView:hover {
        z-index: 152;
    }

    #masterForm .CollapsedApprovalStampView div, /* Override the one set in the #masterForm style tag*/
    .CollapsedApprovalStampView div {
        font-weight: bold;
        width: 100%;
    }
.ColumnSelectView {
    width: 100%;
    height: 100%;
}

.ColumnSelectView .multiselect {
    width: 98%;
    height: 99%;
}

.CompanyInstanceSlapboxView {
    min-width: 818px;
}

    .CompanyInstanceSlapboxView .warningErrorClass {
        vertical-align: top;
    }

    .CompanyInstanceSlapboxView .slapBox {
        margin: 4px 0 5px 0;
        display: inline-block;
        height: 200px;
        margin: 0 0 5px 0;
    }

        .CompanyInstanceSlapboxView .slapBox div {
            display: inline-block;
            float: left;
            height: 100%;
        }

    .CompanyInstanceSlapboxView .primaryList,
    .CompanyInstanceSlapboxView .inclusionList {
        background: #FFF;
        height: 100%;
        height: 200px;
        overflow: auto;
        overflow-x: hidden;
        padding: 0;
        width: 40%;
    }

    .CompanyInstanceSlapboxView select.inputErrorClass {
        border-color: Red;
        color: Red;
    }

    .CompanyInstanceSlapboxView .addToInclusion,
    .CompanyInstanceSlapboxView .removeFromInclusion {
        cursor: pointer;
        display: inline-block;
        margin: 5px;
        position: relative;
        top: 70px;
    }

    .CompanyInstanceSlapboxView .slapBoxPropsParent {
        width: 350px;
        white-space: normal;
    }

    .CompanyInstanceSlapboxView .slapBoxProps {
        padding-left: 5px;
        vertical-align: top;
        margin-top: 15px;
    }

        .CompanyInstanceSlapboxView .slapBoxProps span {
            width: 45px;
            display: inline-block;
        }

/* Must use Id selector to be more specific then #admin_screen input[type='text'] */
#admin_screen .CompanyInstanceSlapboxView .slapBoxProps input {
    width: 100px;
}

.ConditionTestView {
    width: 100%;
    height: 100%;
}

    .ConditionTestView .argumentsContainer {
        display: flex;
    }

        .ConditionTestView .argumentsContainer > div label {
            max-width: 150px;
            word-break: break-word;
        }

        .ConditionTestView .argumentsContainer > div input {
            flex: 1 1 auto;
        }

.ConnectedClientsEditView {
    width: 100%;
    height: 100%;
}

.ConnectedClientsEditView .title {
    display: inline-block;
    margin-right: 10px;
}

.ConnectedClientsEditView .gridContainer {
    margin-top: 5px;
}

.ConnectedClientsEditView .actions-buttons {
    margin-top: 10px;
}

.ContentTypeAIView .lastTrained {
    width: 20px;
    text-decoration: underline;
    font-weight: bold;
    margin-left: 2px;
}
.ContentTypeAIView .ctbAIContainer {
    margin: 10px 5px;
}
.ContentTypeAIView .custom_button {
    width: auto;
    margin-left: 10px;
    height: 30px;
}
.ContentTypeAIView .accuracygraph {
    width: fit-content;
    max-width: 100%;
    height: fit-content;
    max-height: 480px;
}
.ContentTypeAIView .trainModelMsg {
    margin-left: 100px;
}
.ContentTypeAIView .ml-10 {
    margin: 10px 0 0 10px;
}
.ContentTypeAIView .visibilityHidden {
    visibility: hidden;
}
.barChart {
    width: 100%;
    max-width: 700px;
}
.trainModelError {
    color: red;
    font-weight: bold;
    visibility:hidden;
}
.ContentTypeDefaultFieldGroupView {
    width: 100%;
    height: 100%;
}

    .ContentTypeDefaultFieldGroupView .selectedCfgsContainer {
        height: calc(100% - 75px);
        margin: 5px 0 0;
    }

    .ContentTypeDefaultFieldGroupView .sortableElementsContainer ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .ContentTypeDefaultFieldGroupView .sortableElementsContainer ul:empty {
            border: 1px solid var(--kc-panel-card-border);
        }

        .ContentTypeDefaultFieldGroupView .sortableElementsContainer ul > li {
            padding: 0;
        }

.ContentTypeReplacementView span, .ContentTypeReplacementView select {
    display: inline-block;
    margin: 5px 0;
    width: 100%;
}

.ContentTypeScanSettingsView {
}

    .ContentTypeScanSettingsView #ctScanSettingGrid {
        height: 200px;
    }

        .ContentTypeScanSettingsView #ctScanSettingGrid .StaticDataGridView {
            height: 200px;
        }

    .ContentTypeScanSettingsView .ui-icon.ui-icon-plus {
        cursor: pointer;
    }

        .ContentTypeScanSettingsView .ui-icon.ui-icon-plus.disabled {
            cursor: default;
            opacity: 0.5;
        }

    .ContentTypeScanSettingsView .items_checkbox {
        left: initial;
    }
    .ContentTypeScanSettingsView .items_checkbox .label-cbox {
        margin: 0px 15px 0 0px;
    }

.CreateEnvelopeView {
    float: left;
}
    .CreateEnvelopeView .progressCont {
        width: 100%;
    }

    .CreateEnvelopeView > div {
        margin: 1px 5px 5px 0;
        float: left;
        width: 100%;
    }

        .CreateEnvelopeView > div label {
            display: block;
            margin: 3px 0;
        }


.CustomFieldMetaFormulaEditView .formulaMessageContainer {
    margin: 1px 0 0 5px;
    padding: 0 0 5px 0;
    min-height: 85px;
    max-height: 85px;
    overflow: auto;
}

    .CustomFieldMetaFormulaEditView .formulaMessageContainer .formulaError,
    .CustomFieldMetaFormulaEditView .formulaMessageContainer .formulaMessage {
        white-space: pre-wrap;
        margin: 3px 0 0;
    }

#customfieldsmanager_layout .warningErrorClass,
.CustomFieldMetaFormulaEditView input.warningErrorClass {
    color: #a60000;
    position: static;
}

.CustomFieldMetaFormulaEditView textarea {
    width: 100%;
}

.CustomFieldMetaEditView .add-all {
    display: none;
}

.CustomFieldMetaGroupEditView .jPicker .Icon {
    height: 16px;
    width: 16px;
    border: 1px solid #d5d5d5;
}

    .CustomFieldMetaGroupEditView .jPicker .Icon .Image {
        background-size: 16px 14px;
    }

    .CustomFieldMetaGroupEditView .jPicker .Icon .Container {
        Z-INDEX: 300;
    }

.CustomFieldMetaGroupEditView .unstyledList label {
    /* Override style in SiteOld.css */
    top: 0;
    left: 0;
    width: auto;
}

.CustomFieldMetaGroupEditView .toggle_btn:not(.pressed) {
    opacity: .5;
}

    .CustomFieldMetaGroupEditView .toggle_btn:not(.pressed):active {
        opacity: 1;
    }

.CustomFieldMetaPropertiesView .FormulaBuilderView {
    display: inline-block;
    position: relative;
    width: 275px;
}

#customfieldsmanager_layout #customfields_layout .CustomFieldMetaPropertiesView .FormulaBuilderView .ui-combobox {
    width: 100%;
}

.CustomFieldMetaPropertiesView .FormulaBuilderView input.isCombo:not([readonly]):not([disabled]),
.CustomFieldMetaPropertiesView .FormulaBuilderView input.isCombo:disabled,
#customfieldsmanager_layout #customfields_layout .CustomFieldMetaPropertiesView .FormulaBuilderView input.isCombo:not([readonly]):not([disabled]),
#customfieldsmanager_layout #customfields_layout .CustomFieldMetaPropertiesView .FormulaBuilderView input.isCombo:disabled {
    width: calc(100% - 28px);
}

.CustomFieldMetaPropertiesView .warningErrorClass {
    margin: 0 0 0 145px;
}

#customfieldsmanager_layout .CustomFieldMetaPropertiesView .FormulaBuilderView .warningErrorClass,
.CustomFieldMetaPropertiesView .FormulaBuilderView .warningErrorClass {
    width: auto;
    float: none;
    position: static;
    margin: 0;
}

#customfieldsmanager_layout .CustomFieldMetaPropertiesView .FormulaBuilderView textarea.warningErrorClass,
.CustomFieldMetaPropertiesView .FormulaBuilderView textarea.warningErrorClass {
    width: 100%;
}


.CustomFieldMetaPropertiesView .formulaEditViewContainer .editFormulaContainer {
    width: 200px;
}

    .CustomFieldMetaPropertiesView .formulaEditViewContainer .editFormulaContainer textarea {
        min-width: 100%;
        max-width: 100%;
        min-height: 50px;
        max-height: 200px;
    }

li.CustomFieldValueView {
    display: table;
}

    li.CustomFieldValueView > div {
        display: table-row;
    }

.readOnly {
    pointer-events: none;
    opacity: 0.6;
    user-select: none;
    -webkit-user-select: none; /* Safari compatibility  */
}

.CustomFieldValueView {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0 0 5px 0;
    table-layout: fixed;
}

    .CustomFieldValueView .del_cf {
        width: 16px;
        vertical-align: middle;
    }

    .CustomFieldValueView .show_pred {
        width: 20px;
        vertical-align: middle;
    }

    .CustomFieldValueView .hide_pred {
        width: 20px;
        vertical-align: middle;
        visibility: hidden;
    }

    .CustomFieldValueView input {
        /* 
            Display Value element and actual value element need to match in height (including borders/padding/margin etc.) 
            border: 4px (2px top, 2px bot)
            height: 16px
            margin: 3px bot
            padding: 2px (1px top, 1px bot)
            Total: 25px
        */
        padding: 1px 0;
        height: 16px;
        margin: 0 3px 3px;
        width: calc(100% - 25px);
        float: left;
        min-height: 16px;
        border: 1px solid #d3d3d3;
    }

        .CustomFieldValueView input[readonly] {
            background-color: #F0F0F0;
            margin: 0 0 0 6px;
            width: calc(100% - 14px);
        }

    .CustomFieldValueView textarea {
        overflow: hidden;
        resize: none;
        border-bottom: 1px solid var(--kc-interactive-blue);
        font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
        font-size: 13px;
    }

        .CustomFieldValueView textarea[readonly] {
            background-color: #F0F0F0;
            width: calc(100% - 17px);
            margin: 3px 0 0 7px;
        }

    .CustomFieldValueView .cf_val_Container {
        overflow-x: hidden;
        overflow-y: hidden;
        max-height: 100px;
        border: 1px solid black;
        margin: 2px 0;
        padding: 2px 0 2px 2px;
        cursor: default;
        border: 1px solid #d3d3d3;
    }

        .CustomFieldValueView .cf_val_Container.requiresValueError {
            border-color: #ff0000;
            color: #a60000;
        }

        .CustomFieldValueView .cf_val_Container textarea {
            overflow-x: hidden;
            overflow-y: scroll;
            max-height: 100px;
            resize: none;
            border: none;
            padding: 0;
            margin: 0;
            width: 100%;
            outline: 0px solid transparent;
            border-bottom: 1px solid var(--kc-interactive-blue);
            font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
            font-size: 13px;
        }

            .CustomFieldValueView .cf_val_Container textarea:focus {
                border: 1px solid var(--a-mauve);
                outline: none;
            }

            .CustomFieldValueView .cf_val_Container textarea:hover {
                border: none;
                border-bottom: 1px solid var(--kc-interactive-hover);
            }

            .CustomFieldValueView .cf_val_Container textarea:active {
                border: none;
                border-bottom: 1px solid var(--kc-interactive-blue);
            }

            .CustomFieldValueView .cf_val_Container textarea[readonly] {
                background: var(--p-white-smoke);
            }

    .CustomFieldValueView input[type="checkbox"] {
        width: auto;
        height: auto;
        min-height: 0;
        margin: 4px 6px;
        float: left;
    }

        .CustomFieldValueView input[type="checkbox"].requiresValueError {
            box-shadow: 0px 0px 0px 1px #ff0000;
            background-color: #ff0000;
        }

    .CustomFieldValueView .labelWidth select {
        width: calc(100% - 5px);
    }

    .CustomFieldValueView select,
    .CustomFieldValueView textarea {
        font-size: 11px;
        position: relative;
        width: 125px;
    }

    .CustomFieldValueView select {
        float: left;
        margin: 3px;
    }

    .CustomFieldValueView div.cfsFormat {
        vertical-align: top;
        word-break: break-all;

    }
    @media not all and (min-resolution:.1dpi) {
        /* for safari browser only; https://fabiorosado.dev/blog/change-css-safari-only/ */
        .CustomFieldValueView div.cfsFormat {
            display: -webkit-box; 
        }
    }

        .CustomFieldValueView select.cfsFormat,
        .CustomFieldValueView div.cfsFormat span {
            overflow: hidden;
            text-overflow: ellipsis;
            float: left;
            margin: 0 3px;
        }

    .CustomFieldValueView:hover div.cfsFormat:not(.excludeHover):after {
        content: "";
        display: block;
        overflow: hidden;
        height: 1em;
        border-bottom: 2px dotted #999;
    }

    .CustomFieldValueView select.cf_val,
    .CustomFieldValueView .ui-selectmenu-button {
        margin: 3px;
        width: 92%;
    }

    .CustomFieldValueView div.cf_displayVal {
        /* 
            Display Value element and actual value element need to match in height (including borders/padding/margin etc.) 
            border: 4px (2px top, 2px bot)
            height: 18px
            margin: 3px bot
            Total: 25px
        */
        /*border: 2px inset #000000;*/
        /*box-shadow: 1px 1px 1px #000000;*/
        border: 1px solid #d3d3d3;
        display: inline-block;
        height: 18px;
        margin: 0 3px 3px;
        width: calc(100% - 10px);
        max-width: calc(100% - 10px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: var(--p-white);
    }

        .CustomFieldValueView div.cf_displayVal.requiresValueError {
            border-color: #ff0000;
            color: #a60000;
        }

    .CustomFieldValueView div.cf_displayDisabled {
        background-color: #999;
        opacity: 0.5;
    }

    .CustomFieldValueView span.cf_displayVal {
        line-height: 13px;
        padding: 0 4px;
    }

    .CustomFieldValueView .ui-combobox {
        margin: 0 3px 3px;
        width: 100%;
        height: 20px;
        float: left;
    }

        .CustomFieldValueView .ui-combobox input.ui-autocomplete-input {
            color: #000;
            float: none;
            height: 16px;
            width: 80%;
        }

        .CustomFieldValueView .ui-combobox a.ui-button {
            display: inline-block;
            padding: 0;
            position: relative;
            float: none;
            height: 24px;
            margin: -3px 0 0 -4px;
        }

    .CustomFieldValueView span.isRequired {
        display: table-cell;
        vertical-align: middle;
        width: 16px;
        position: relative;
        right: -4px;
        top: 0;
    }

        .CustomFieldValueView span.isRequired.requiresValueError {
            color: #a60000;
        }

    .CustomFieldValueView span.spacer {
        width: 16px;
    }

    .CustomFieldValueView .taMinHeight {
        height: 18px;
    }
    .CustomFieldValueView .predictionText {
        color: #aaa;
    }

li.CustomFieldValueView .ui-icon-circle-close {
    background-image: url(../../../Content/images/docstar_sprite.png?v=24.2.161);
    background-position: -144px -100px;
}

.DashboardView {
    /*display: table-row;*/
    height: 100%;
}

.DashboardView .header {
    border-bottom: 1px solid #d0d0d0;
    display: inline-block;
    height: 30px;
    width: 100%;
}

.DashboardView .db_wfItems {
    /*display: table-row;*/
    width: 100%;
    height: 100%;
    position: relative;
}

.DashboardView .db_wfItems>div {
    /*display: table-cell;*/
    width: 100%;
    height: 100%;
}

.DashboardView .db_wfItems>div>div {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.DashboardView .header_title,
.DashboardView .header_item,
.DashboardView .header_item_right {
    display: inline-block;
    float: left;
    height: 20px;
    margin: 0 10px 0;
    position: relative;
}

.DashboardView .db_tabs {
    margin: 0 5px;
    position: relative;
    top: 3px;
}

    .DashboardView .header_item {
        color: #333;
        font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica, sans-serif;
        letter-spacing: 0;
        text-transform: capitalize;
        font-weight: 400;
        cursor: pointer;
        line-height: 20px;
        margin: 5px 0 0;
        padding: 0;
    }

        .DashboardView .header_item.selected {
            border-bottom-color: #006880;
            color: #006880;
            background: 0 0;
            font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica, sans-serif;
            font-weight: 500;
            border: 0;
            border-bottom: 3px solid #006880;
        }

.DashboardView .header_item_right {
    position: absolute;
    right: -5px;
    top: 1px;
}

.DashboardView .refresh {
    display: inline-block;
}

.DashboardView .header_item span {
    display: inline-block;
    height: 100%;
    margin: 0 20px 5px 5px;
    position: relative;
    width: 100%;
}

.DashboardView .db_group {
    /*display: table;*/
    width: 100%;
    height: 100%;
}

.DashboardView .wfItemsGroup {
    height: 50%;
    margin: 1% 0;
    width: 99%;
}

.wfItemsGroup fieldset {
    height: 100%;
    padding: 0;
    position: relative;
    width: 99%;
}

.wfItemsGroup .wfItemsGroup_container {
    height: 100%;
    overflow: auto;
    position: relative;
    width: 100%;
}

.wfItemsGroup ul,
.wfItemsGroup li {
    list-style: none;
    padding: 0;
    width: 100%;
}

.wfItemsGroup ul span {
    display: inline-block;
    margin: 0 0 0 15px;
    overflow: hidden;
    white-space: nowrap;
    width: 40%;
}

.wfItemsGroup span.group_title {
    font-weight: bold;
    margin: 0 0 0 5px;
    text-align: left;
    white-space: nowrap;
}
.DataLinkColumnsToFieldsView {
    width: 100%;
    display: inline-block;
}

.DataLinkColumnToFieldView {
    display: inline;
    float: left;
    margin: 5px 0;
}

    .DataLinkColumnToFieldView .metalabel {
        max-width: 125px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .DataLinkColumnToFieldView .warningErrorClass {
        display: block;
        margin: 0 0 0 145px;
        max-width: 200px;
        word-wrap: break-word;
    }

.DataLinkConnectionsView {
    width: 100%;
}

    .DataLinkConnectionsView fieldset {
        padding-bottom: 2px;
    }

    .DataLinkConnectionsView .sPngIB {
        margin: 2px;
    }

    .DataLinkConnectionsView .warningErrorClass {
        display: block;
        position: relative;
        left: 145px;
    }

    .DataLinkConnectionsView .dataLinkMultiDBContainer .warningErrorClass {
        display: inline-block;
        position: static;
        margin: 0 0 0 5px;
    }

    .DataLinkConnectionsView .selectedDLCContainer {
        width: calc(100% - 205px); /* Reduce by the width of the connections select list */
    }

        .DataLinkConnectionsView .selectedDLCContainer.isThirdParty {
            height: auto;
            padding: 0;
            margin: 0;
        }

    .DataLinkConnectionsView fieldset {
        padding-bottom: 2px;
    }

    .DataLinkConnectionsView .metalabel {
        display: inline-block;
        float: left;
        margin: 2px 8px 0 5px;
        min-width: 125px;
        width: auto;
        padding: 0;
        text-align: right;
    }

.DataLinkConnectionView .dataLinkTypeContainer label > span {
    margin: 2px 8px 0 5px;
}

.DataLinkConnectionView .sPngIB {
    margin: 2px;
}

.DataLinkConnectionView input[name="ConnectionString"] {
    width: 500px;
    float: left;
}

.DataLinkConnectionView select[name="ConnectionString"] + .ui-combobox,
.DataLinkConnectionView select[name="ExecutableName"] + .ui-combobox {
    width: 509px;
}

.DataLinkConnectionView .metalabel,
.DataLinkConnectionView .clientSelectorContainer .clientSelectorViewContainer label {
    display: inline-block;
    float: left;
    margin: 2px 2px 0 2px;
    max-width: 125px;
    width: auto;
    padding: 0;
    text-align: right;
}

.DataLinkConnectionView .metavalue {
    display: inline-block;
    float: left;
    position: relative;
    top: 5px;
    width: auto;
}

.DataLinkConnectionView .dataLinkTypeContainer {
    margin: 7px 0;
    width: 100%;
    display: inline-block;
}


    .DataLinkConnectionView .dataLinkTypeContainer label {
        float: left;
        width: auto;
    }

        .DataLinkConnectionView .dataLinkTypeContainer label > span {
            margin: 2px;
        }

        .DataLinkConnectionView .dataLinkTypeContainer label > input,
        .DataLinkConnectionView .dataLinkTypeContainer label > span {
            float: left;
        }

.DataLinkConnectionView .dlcButtonsContainer {
    margin: 0 0 0 22px;
}

    .DataLinkConnectionView .dlcButtonsContainer .custom_button {
        float: left;
        height: 16px;
        line-height: 16px;
        margin: 1px 4px 0 0;
    }

.DataLinkConnectionView .dataLinkTypeTemplate > div {
    margin: 10px 0 0;
}

.DataLinkConnectionView .dataLinkTypeTemplate div {
    float: left;
}
.DataLinkConnectionView .dataLinkTypeTemplate .DataLinkQueryWebServiceView,
.DataLinkConnectionView .dataLinkTypeTemplate .DataLinkQueryWebServiceView div, 
.DataLinkConnectionView div.defaultDB label span {
    float: none;
}

.DataLinkConnectionView .dataLinkTypeTemplate .exeMain {
    width: 100%;
}

.DataLinkConnectionView .dataLinkTypeTemplate .dltSubExe1,
.DataLinkConnectionView .dataLinkTypeTemplate .dltSubExe2 {
    width: 100%;
    margin: 5px 0 0 0;
}

.DataLinkConnectionView .dataLinkTypeTemplate input[type="text"].exe1 {
    width: 330px;
    position: relative;
}

.DataLinkConnectionView .dataLinkTypeTemplate input[type="text"].exe2 {
    width: 100px;
}

.DataLinkConnectionView .dataLinkTypeTemplate label {
    float: left;
    margin: 0 0 5px 0px;
    text-align: left;
    width: 100%;
}

.DataLinkConnectionView input[name="RootUri"] {
    width: calc(100% - 170px);
}

.DataLinkConnectionView .udtDescription {
    margin:0 0 0 30px;
    width: 100%;
    display: inline-block;
}
 .DataLinkConnectionView .udtDescription label {
    float: left;
    width: auto;
 }

 .DataLinkConnectionView .udtDescription label > span {
    margin: 2px;
    float: left;
  }
.DataLinkMonitorEditView {
    width: 100%;
    height: 100%;
}
.DataLinkMonitorEditView .fullWidth{
    overflow: hidden;
}
.DataLinkMonitorEditView .unstyledList {
    float: left;
    width: 450px;
    margin: 0px 0px 0px 25px;
    padding-left: 25px;
}
#admin_screen .DataLinkMonitorEditView .blackout {
    float: left;
    width: auto;
}
.DataLinkMonitorEditView .blackoutDays {
    width: 130px;
}
.DataLinkMonitorEditView .blackoutOther {    
    margin-top: 3px;
}
.DataLinkMonitorEditView .dataMonitorValues input{
    width: 270px;
}
#admin_screen .DataLinkMonitorEditView .dataMonitorValues select{
    width: 275px;
    margin-left: 5px;
}
.DataLinkMonitorEditView .item span {
    width: 110px;
    border-spacing: 5px;
}
.DataLinkMonitorEditView .blackout .item span {
    width: 75px;
    border-spacing: 2px;
}
.DataLinkMonitorEditView .blackout .item input[type="number"] {
    width: 30px;   
}
.DataLinkMonitorEditView .blackoutOther .items_checkbox {
    margin-left: 15px;
}
.DataLinkMonitorEditView .blackout .blackoutDays.item span {
    width: 40px;
}
.DataLinkMonitorEditView .daysOptions {
    display: grid;
}

.DataLinkMonitorEditView fieldset {
    border: 1px solid var(--kc-panel-card-border);
    border-radius: 5px;
    background: var(--k-snow);
}

.DataLinkMonitorEditView .enumSettings .items_checkbox {
    width: 0;
    left: 24px;
}
.DataLinkMonitorEditView .paramsContainer {
    width: 60%;
}
.DataLinkMonitorEditView .paramsContainer .fsAccordionBody {
    min-height: 200px;
}
.DataLinkMonitorEditView .columnsGridContainer {
    width: 100%;
    display: grid;
}
.DataLinkMonitorEditView .columnsGridContainer .StaticDataGridView {
    height: 200px;
}
.DataLinkParameterView span {
    margin-right: 2px;
}
.DataLinkParameterView span.invalid {
    color: #a60000;
}
.DataLinkParameterView input.invalid {
    border: 1px solid #a60000;
}
.DataLinkPasswordView > div {
    margin: 0 0 5px;
}

.DataLinkPasswordView input[name="EncryptedPassword"],
.DataLinkPasswordView input[name="ConfirmEncryptedPassword"] {
    width: 138px;
}

.DataLinkQueriesView span.label {
    float: left;
    padding: 5px;
}

.DataLinkQueriesView input[type="checkbox"],
.DataLinkQueriesView input[type="radio"] {
    float: left;
    margin: 2px 0;
}

.DataLinkQueriesView span.hideC3pi {
    float: left;
    margin: 0 5px;
}

.DataLinkQueriesView .test {
    float: left;
    height: 16px;
    line-height: 16px;
    margin: 0 5px 0;
}

#admin_action .DataLinkQueriesView .test[data-testname="testAll"] {
    display: block;
    float: none;
    margin: 0 auto;
    width: 75px;
}

.DataLinkQueriesView .DataLinkQueryView .dlqNameContainer.dlqConnectionIdContainer.dlqTypeContainer {
    display: inline-block;
    position: relative;
    top: -196px;
    left: 325px;
    height: 0;
    overflow: visible;
}

.DataLinkQueriesView .DataLinkQueryView .dlqNameContainer.dlqConnectionIdContainer.dlqTypeContainer.thirdParty {
    top: -166px;
    margin: 0 0 5px 0;
}

#admin_screen .DataLinkQueriesView select[name="Name"] {
    width: 325px;
}
.DataLinkQueryParameterView .unstyledList {
    width: 300px;
    margin: 0;
    float: left;
}

.DataLinkQueryParameterView .unstyledList li {
    padding: 0 0 4px;
}

.DataLinkQueryParameterView .unstyledList li.extraWide {
    width: 125%;
}

.DataLinkQueryParameterView .unstyledList li>span {
    width: 85px;
    display: inline-block;
    margin: 0 5px 0 0;
    text-align: right;
}

.DataLinkQueryParameterView .unstyledList li>span.autoWide {
    width: auto;
    margin-left: 10px;
}



.DataLinkQueryParameterView input ~ .warningErrorClass {
    float:left;
}


.DataLinkQueryParameterView .unstyledList li>input[type="checkbox"],
.DataLinkQueryParameterView .unstyledList li>input[type="radio"] {
    float: none;
}

.DataLinkQueryParameterView .stackShortButtons {
    width: 85px;
}

.DataLinkQueryParameterView .stackShortButtons .custom_button {
    float: left;
    height: 16px;
    line-height: 16px;
    margin: 0 0 3px 5px;
}

#admin_screen .DataLinkQueryParametersView select[name="Parameters"] {
    width: 275px;
}

.DataLinkQueryParameterView .cfgGridsContainer {
    padding: 4px 9px 4px 4px;
    overflow: hidden;
    position: relative;
}

.DataLinkQueryParametersView .customGridTable [data-columnid~="Key"],
.DataLinkQueryParametersView .customGridTable [data-columnid~="Value"],
.DataLinkQueryParametersView .customGridTable [data-columnid~="DefaultValue"] {
    width: 20%;
}

.DataLinkQueryParametersView .customGridTable [data-columnid~="Type"] {
    width: 10%;
}

.DataLinkQueryParametersView .customGridTable .rowNumberCell,
.DataLinkQueryParametersView .customGridTable .deleteRowCell {
    width: 30px;
}

.DataLinkQueryParametersView .customGridTable [data-columnid~="Required"],
.DataLinkQueryParametersView .customGridTable [data-columnid~="Important"] {
    width: 50px;
}

.DataLinkQueryParametersView [data-accid~="parameterDef"] .accordionContents {
    max-height: 200px;
    overflow: auto;
}

.DataLinkQueryParametersView .columnSpacer {
    background: #FFF;
}

.DataLinkQueryParametersView [data-accid~="parameterDef"] .accordionContents::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.DataLinkQueryParametersView [data-accid~="parameterDef"] .accordionContents::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.DataLinkQueryParametersView [data-accid~="parameterDef"] .accordionContents::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

.DataLinkQueryParametersView [data-accid~="parameterDef"] .accordionContents {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.DataLinkQueryParametersView [data-accid~="parameterDef"] .accordionContents {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}
.DataLinkQueryView {
    padding: 0 0 150px 0;
    /* To allow the autocomplete list room, so it doesn't expand the entire page */
}

.DataLinkQueryView .dlqNameContainer.dlqConnectionIdContainer .warningErrorClass {
    display: block;
    position: relative;
    left: 145px;
}

.DataLinkQueryView .dlqNameContainer.dlqConnectionIdContainer .inputValidationContainer .warningErrorClass,
.DataLinkQueryView .dlqNameContainer.dlqConnectionIdContainer .dlqButtonsContainer .warningErrorClass {
    display: inline-block;
    width: 100%;
    position: static;
}

.DataLinkQueryView .inputValidationContainer {
    display: inline-block;
    max-width: 210px;
}

.DataLinkQueryView .docFormat {
    min-width: 500px;
}

.DataLinkQueryView .docFormat input[type="text"] {
    position: relative;
    top: -2px;
}

.DataLinkQueryView .dataLinkQueryType {
    margin: 15px 0 0 95px;
}

.DataLinkQueryView .dataLinkQueryType.thirdParty {
    margin: 15px 0 0 25px;
}

/* Reset style that is applied to .unstyledList label */
.DataLinkQueryView .dataLinkQueryType.unstyledList label {
    display: block;
    float: none;
    width: 100px;
    position: static;
}

.DataLinkQueryView .dataLinkQueryType li {
    float: left;
    min-width: 63px;
}

.DataLinkQueryView .dataLinkQueryType .items_radio {
    padding-left: 0;
}

.DataLinkQueryView .dataLinkQueryType .metalabel {
    text-align: left;
    float: left;
    width: auto;
    min-width: 63px;
    position: static;
}


.DataLinkQueryView text[name="CommandText"],
.DataLinkQueryView textarea[name="OldCommandText"] {
    margin: 0;
    padding: 0;
    resize: none;
    height: 145px;
    min-height: 50px;
    max-height: 250px;
}

.DataLinkQueryView textarea[name="CommandText"] {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.DataLinkQueryView textarea[name="OldCommandText"] {
    min-width: calc(100% - 92px);
}

.DataLinkQueryView .metalabel {
    display: inline-block;
    float: left;
    margin: 2px 8px 0 5px;
    min-width: 75px;
    width: auto;
}

.DataLinkQueryView .dlqButtonsContainer {
    margin: 1px 0 0 15px;
    max-width: 705px;
    /* Prevent any error messages from causing incorrect positioning or wonky layout */
}

.DataLinkQueryView .dlqButtonsContainer .custom_button {
    float: left;
    height: 16px;
    line-height: 16px;
    margin: 0 2px 0;
}

.DataLinkQueryView .dlqButtonsContainer .deleteDataLinkQuery {
    margin-left: 20px;
}

#admin_action .DataLinkQueryView .dlqButtonsContainer .custom_button.test {
    width: 75px;
    height: 30px;
}

#admin_action .DataLinkQueryView .DataLinkQuerySQLView .short_btn {
    height: 25px;
    margin: 5px 0 0 0;
}

.expand_icon {
    height: 25px;
    width: 24px;
    margin: 5px 0 0px 0px;
    float: right;
    border: 1px solid var(--kc-interactive-blue);
    border-radius: 4px;
 }
.DataLinkQueryWebServiceView .errorClass {
    color: Red;
    margin: 0 0 0 10px;
}
.DataLinkQueryWebServiceView .jsonEditor {
    margin: 0 0 0 10px;
}
#admin_action .DataLinkQueryWebServiceView .short_btn {
    height: 25px;
    margin: 5px 0 0 0;
}
.DataLinkQueryWebServiceView textarea[name="CommandText"] {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}
.DataLinkQueryWebServiceView > .fieldset > div {
    float: none;
}



div.DataLinkSearchView, .DataLinkSearchView div.StaticDataGridView  {
    height: 100%;
}

.DataLinkSearchView div.DataLinkParameterView {
    display: inline-block;
    margin-right: 5px;
}

.DataLinkTypeAheadDropdownSettingsView {
    padding: 10px 5px 5px 5px;
}

    .DataLinkTypeAheadDropdownSettingsView .taddSelection,
    .DataLinkTypeAheadDropdownSettingsView .columnsSelectionContainer,
    .DataLinkTypeAheadDropdownSettingsView .additionalFieldsContainer,
    .DataLinkTypeAheadDropdownSettingsView .augmentSetting{
        width: 100%;
        display: inline-block;
    }

.DataLinkTypeAheadDropdownSettingsView .taddSelection label {
    display: inline-block;
    margin: 0 5px 0 0;
    width: 105px;
}

.DataLinkTypeAheadDropdownSettingsView .taddSelection label span {
    float: left;
    margin: 0 2px;
}

.DataLinkTypeAheadDropdownSettingsView select.multiselect {
    width: 600px;
    height: 200px;
}


.DataLinkTypeAheadDropdownSettingsView .leftContainer,
.DataLinkTypeAheadDropdownSettingsView .rightContainer {
    display: inline-block;
    float: left;
    margin: 0 5px 0 0;
}

.DataLinkTypeAheadDropdownSettingsView .leftContainer .refreshIcon {
    position: relative;
    top: 5px;
    background-image: url("../../../Content/images/docstar_sprite.png?v=24.2.161");
    background-position: -102px -56px;
    width: 12px;
    height: 17px;
}

.DataLinkTypeAheadDropdownSettingsView .rightContainer span {
    display: block;
    margin: 5px 0 5px 5px;
}

    .DataLinkTypeAheadDropdownSettingsView .augmentSetting {
        padding-bottom: 3px;
    }

    .DataLinkTypeAheadDropdownSettingsView .augmentSetting .metalabel {
        min-width: 0;
        width: 228px;
        margin-right: 0;
        text-align: left;
    }

.DataLinkTypeAheadDropdownSettingsView input[name="TypeAheadMin"] {
    width: 20px;
    padding: 0 2px;
    margin-left: 2px;
}

/*.DataLinkTypeAheadDropdownSettingsView div.augmentSetting span.metalabel {
        width: 237px;
    }*/

#admin_action .DataLinkQueryView .DataLinkTypeAheadDropdownSettingsView div.commonInput span.metalabel {
    width: auto;
    top: 0;
}

.DataLinkTypeAheadDropdownSettingsView input[type="number"] {
    width: 60px;
}
.DataSourceEConnectView {
    width: 100%;
}

    .DataSourceEConnectView .dltMain {
        width: 100%;
    }

        .DataSourceEConnectView .dltMain [name="ConnectionString"] {
            width: calc(100% - 200px);
        }

.DataSourceEpicorSOView {
    width: 100%;
}

    .DataSourceEpicorSOView .half {
        height: 22px;
    }

.DataSourceEpicorV2View {
    width: 100%;
}

    .DataSourceEpicorV2View .half {
        height: 22px;
    }

.DataSourceEpicorView {
    width: 100%;
}

    .DataSourceEpicorView .half {
        height: 22px;
    }

.DataSourceKarmakFusionView {
    width: 100%;
}

.DataSourceKarmakFusionView .half {
    height: 22px;
    width: 45%;
}

    .DataSourceKarmakFusionView .half input[type="text"], .DataSourceKarmakFusionView .half input[type="password"] {
        width: 250px;
    }


.DataSourceMSSQLView .buildConnection.custom_button {
    float: left;
    height: 16px;
    line-height: 16px;
    margin: 1px 2px 0 5px;
}

.DataSourceODBCView {}

.DataSourceODBCView span.pwdComment {
    float: left;
    margin: 5px 0 0 5px;
}

.DataSourceODBCView span.pwdComment.warningErrorClass,
.DataSourceODBCView span.pwdComment+span.warningErrorClass {
    margin: 0 0 5px;
    display: inline-block;
    width: 100%;
}

.DataSourceODBCView .odbcQueryOptions label {
    margin: 2px 15px 0 0;
    text-align: left;
    display: inline-block;
    width: 110px;
    float: none;
}

.DataSourceODBCView span.pwdComment {
    margin-left: 140px;
}
.DataSourceProphetView {
    width: 100%;
}

    .DataSourceProphetView .half {
        height: 22px;
    }

.DataSourceVisionView {
    width: 100%;
}

    .DataSourceVisionView .half {
        height: 22px;
        width: 45%;
    }

.DataSourceWebServiceView input[name="BaseURL"] {
    width: 400px;
    float: left;
}
    .DataSourceWebServiceView .DataLinkQueryWebServiceView textarea {
        width: 800px;
        max-width: 800px;
    }
.DistributedQueueDashboardView {
    width: 100%;
    position: relative;
}
#admin_screen .DistributedQueueDashboardView select {
    width: 400px;
}
    .DistributedQueueDashboardView .addDashboardItem {
        margin-bottom: 5px;
    }

#admin_screen .DistributedQueueDiagnosticsView {
    width: 100%;
    position: relative;
}
#admin_screen .DistributedQueueDiagnosticsView select {
    width: auto;
}
#admin_screen .DistributedQueueDiagnosticsView .diagCtrl {
    display: inline-block;
    margin: 0px 5px;
}
#admin_screen .DistributedQueueDiagnosticsView .spacer {
    margin: 10px;
}
#admin_screen .DistributedQueueDiagnosticsView input[type="number"] {
    width: 50px;
}


.DistributedQueueEditView {
    width: 100%;
}

.DistributedQueueEditView .StaticDataGridView {
    height: 175px;
    margin-bottom: 20px;
}

.DistributedQueueEditView .StaticDataGridView .customGridTable {
    height: 100%;
}

.DistributedQueueEditView .link {
    color: #12c3f4;
    cursor: pointer;
    text-decoration: underline;
}

.DistributedQueueEditView .customGridTableContainer .customGridScrollableContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.DistributedQueueEditView .customGridTableContainer .customGridScrollableContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.DistributedQueueEditView .customGridTableContainer .customGridScrollableContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

.DistributedQueueEditView .customGridTableContainer .customGridScrollableContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.DistributedQueueEditView .customGridTableContainer .customGridScrollableContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}

.DistributedQueueEditView .ui-icon {
    cursor: pointer;
}

#admin_action .DistributedQueueEditView input[type=text][readonly] {
    background-color: white;
    color: black;
    font-size: 11px;
    margin-top: -2px;
}

#dqp_buttons_div {
    text-align: center;
    margin: 0 0 10px 0;
}

#DistributedQueueDTO li,
#DistributedQueueProcessorDTO li {
    width: 47%;
}

#DistributedQueueDTO {
    clear: left;
}

#dq_buttons_div {
    text-align: center;
}

#dqp_buttons_div label {
    margin: 3px;
}
.DistributedQueueQueryView .dqq_result {
    margin-top: 10px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.DistributedQueueQueryView .customGridScrollableContainer {
    position: relative;
}
.DistributedQueueQueryView .ui-icon {
    cursor: pointer;
}

.DistributedQueueQueryView .errorMsg span {
    color: red;
}


#admin_screen .DistributedQueueQueryView .customGridFooterContainer {
    position: relative;
}
.DistributedQueueReportsView {
    width: 100%;
    position: relative;
}
#admin_screen .DistributedQueueReportsView select {
    width: 400px;
}

#admin_screen .DistributedQueueReportsView .report_buttons {
    text-align: center;
}
    .DistributedQueueReportsView .parameters {
        max-height: 400px;
        overflow: auto;
        width: 100%;
        margin: 0 0 0 -9px;
        /* Offset the containing fieldsets padding*/
    }

        .DistributedQueueReportsView .parameters span.label {
            width: 90px;
            float: left;
            margin: 4px 10px 0 0;
            text-align: right;
        }

        .DistributedQueueReportsView .parameters .date_icon {
            position: relative;
            top: -3px;
        }
#admin_screen .DistributedQueueReportsView .parameters {
    display: inline-block;
    position: relative;
    width: 100%;
    overflow: auto;
    padding-bottom: 10px;
}

    #admin_screen .DistributedQueueReportsView .parameters .ui-resizable-handle {
        bottom: 0px;
    }

    #admin_screen .DistributedQueueReportsView .parameters .parameter {
        display: inline-block;
        margin: 5px;
        min-width: 300px;
        float: left;
        width: 45%;
    }

        #admin_screen .DistributedQueueReportsView .parameters .parameter .label {
            display: inline-block;
            margin: 4px 5px 0 0;
            text-align: right;
            min-width: 100px;
            float: left;
        }

        #admin_screen .DistributedQueueReportsView .parameters .parameter input.datepicker {
            width: 150px;
            float: left;
        }

        #admin_screen .DistributedQueueReportsView .parameters .parameter select,
        #admin_screen .DistributedQueueReportsView .parameters .parameter input {
            max-width: 183px;
            width: 183px;
            float: left;
        }

            #admin_screen .DistributedQueueReportsView .parameters .parameter input[type="text"] {
                border-radius: 2px;
            }

            #admin_screen .DistributedQueueReportsView .parameters .parameter input[type="checkbox"] {
                width: auto;
                margin: 0 5px;
                padding: 0;
                box-shadow: 2px 2px 2px #000;
            }

            #admin_screen .DistributedQueueReportsView .parameters .parameter input.isCombo {
                width: 140px;
                height: 13.6px;
                margin-left: 5px;
            }

        #admin_screen .DistributedQueueReportsView .parameters .parameter label {
            margin: 3px;
        }

#admin_screen .DistributedQueueReportsView .parameters input.isCombo {
    background: white;
}

    #admin_screen .DistributedQueueReportsView .parameters .ui-combobox a {
        float: left;
        height: 22px;
    }

    #admin_screen .DistributedQueueReportsView .parameters input.ui-autocomplete-input {
        display: inline-block;
        float: left;
        margin: 0;
        padding: 0.3em;
        right: 0;
        width: 137px;
        color: #000;
        font-size: 11px;
    }

    #admin_screen .DistributedQueueReportsView .parameters .ui-autocomplete.ui-menu {
        max-height: 82px;
        overflow: auto;
    }

    #admin_screen .DistributedQueueReportsView .parameters .warningErrorClass {
        color: #a60000;
        padding-left: 3px;
    }

    #admin_screen .DistributedQueueReportsView .parameters .date_icon {
        display: inline-block;
        position: relative;
        top: -3px;
        left: 5px;
        cursor: pointer;
    }

    #admin_screen .DistributedQueueReportsView .parameters .ninja {
        color: black;
        visibility: hidden;
    }

    #admin_screen .DistributedQueueReportsView .parameters .customReportButton {
        display: inline-block;
    }

        #admin_screen .DistributedQueueReportsView .parameters .customReportButton span {
            margin: 4px;
        }

        #admin_screen .DistributedQueueReportsView .parameters .customReportButton:hover {
            border: 1px solid rgb(51, 102, 153);
            background-color: rgb(221, 238, 247);
        }


/*#region datetimepicker */
    #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div .ui-widget-header {
        margin-bottom: 8px;
    }

    #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div dl {
        text-align: left;
    }

        #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div dl dt {
            float: left;
            clear: left;
            padding: 0 0 0 5px;
        }

        #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div dl dd {
            margin: 0 10px 10px 40%;
        }

    #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div td {
        font-size: 90%;
    }

    #admin_screen .DistributedQueueReportsView .parameters .ui-tpicker-grid-label {
        background: none;
        border: none;
        margin: 0;
        padding: 0;
    }

    #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div .ui_tpicker_unit_hide {
        display: none;
    }

    #admin_screen .DistributedQueueReportsView .parameters .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%;
    }

        #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
            border-bottom-color: #aaa;
        }

    #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-rtl {
        direction: rtl;
    }

        #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-rtl dl {
            text-align: right;
            padding: 0 5px 0 0;
        }

            #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-rtl dl dt {
                float: right;
                clear: right;
            }

            #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-rtl dl dd {
                margin: 0 40% 10px 10px;
            }

/* Shortened version style */
    #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div.ui-timepicker-oneLine {
        padding-right: 2px;
    }

        #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
        #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div.ui-timepicker-oneLine dt {
            display: none;
        }

        #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
            display: block;
            padding-top: 2px;
        }

        #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div.ui-timepicker-oneLine dl {
            text-align: right;
        }

            #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div.ui-timepicker-oneLine dl dd,
            .ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
                display: inline-block;
                margin: 0;
            }

                #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
                #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
                    content: ':';
                    display: inline-block;
                }

                #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
                #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
                    content: '.';
                    display: inline-block;
                }

        #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
        #admin_screen .DistributedQueueReportsView .parameters .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
            display: none;
        }

/*#endregion datetimepicker*/

/* custom checkbox */

    #admin_screen .DistributedQueueReportsView .parameters .items_checkbox {
        left: 20px;
        width: 120px;
        position: relative;
    }

        #admin_screen .DistributedQueueReportsView .parameters .items_checkbox input[type="checkbox"] {
            position: absolute;
            opacity: 0;
            z-index: 2;
            left: -18px;
            margin: 0;
            cursor: pointer;
        }

        #admin_screen .DistributedQueueReportsView .parameters .items_checkbox span {
            display: inline-block;
            line-height: 14px;
            position: relative;
            color: #424242;
        }

            #admin_screen .DistributedQueueReportsView .parameters .items_checkbox span::before {
                position: absolute;
                content: "";
                width: 6px;
                height: 2px;
                top: 4px;
                left: 3px;
                margin-left: -18px;
                border: 2px solid #fff;
                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;
            }

            #admin_screen .DistributedQueueReportsView .parameters .items_checkbox span::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;
            }

#admin_screen .DistributedQueueReportsView .parameters .items_checkbox input[type="checkbox"]:checked + span::after {
    background: var(--kc-interactive-blue);
    border: 2px solid var(--kc-interactive-blue);
}
        #admin_screen .DistributedQueueReportsView .parameters .items_checkbox input[type="checkbox"]:checked:not(:focus):hover + span::after {
            background: var(--kc-interactive-hover);
            border: 2px solid var(--kc-interactive-hover);
        }

        #admin_screen .DistributedQueueReportsView .parameters .items_checkbox input[type="checkbox"]:not(:checked):not(:focus):hover + span::after {
            border: 2px solid var(--kc-interactive-hover);
        }

#admin_screen .DistributedQueueReportsView .parameters::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

#admin_screen .DistributedQueueReportsView .parameters::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

#admin_screen .DistributedQueueReportsView .parameters::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla scroll styles */

#admin_screen .DistributedQueueReportsView .parameters {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

#admin_screen .DistributedQueueReportsView .parameters {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}

.parameterValueProperties {
    margin-left: 5px;
}

#admin_screen .DistributedQueueReportsView .parameters .ui-combobox {
    display: inherit;
    position: inherit;
    vertical-align: inherit;
}
    #admin_screen .DistributedQueueReportsView .parameters .ui-combobox:hover a {
        border-bottom: 1px solid var(--kc-interactive-hover);
    }

    #admin_screen .DistributedQueueReportsView .parameters .ui-combobox:focus-within a {
        border: 1px solid var(--a-mauve);
        border-left: transparent;
    }
    #admin_screen .DistributedQueueReportsView .parameters .ui-button {
        top: inherit;
        bottom: inherit;
        margin-left: inherit;
        padding: .4em 1em;
        position: relative;
    }
#admin_screen .DistributedQueueReportsView .ui-widget {
    font-family: Source Sans Pro, Roboto, Verdana, Tahoma, sans-serif;
    font-size: 1.1em;
}


.DistributedQueueView .errorMsg span {
    margin-left: 5px;
    color: red;
}


.DocumentFormAnnotationView {
    display: inline-block;
    float: left;
    position: relative;
}


    .DocumentFormAnnotationView .annotations_menu {
        background: inherit;
        display: inline-block;
    }

        .DocumentFormAnnotationView .annotations_menu > div.custom_button {
            float: left;
        }

    .DocumentFormAnnotationView div.custom_button.showHideStamps {
        min-width: 100px; /* Allow the button to resize according to its text */
        height: 16px;
        line-height: 16px;
    }

        .DocumentFormAnnotationView div.custom_button.showHideStamps span {
            width: 100%;
            text-align: center;
        }
.DocumentFormSetGridItemView .ui-icon.displayNone {
    display: none;
}

.DocumentFormSetGridItemView:hover .ui-icon.displayNone {
    display: block;
}

.DocumentFormSetGridItemView.selected {
    background: none repeat-x scroll 50% 50% #fbf9d0;
    color: #363636;
}
.DocumentFormSetGridItemView .seqCol {
    text-align: center;
}
.DocumentFormSetGridView {
    position: relative;
    width: 100%;
    height: 100%;
}

    .DocumentFormSetGridView .seqCol {
        width: 10%;
    }

    .DocumentFormSetGridView .otherColWidth {
        width: 45%;
    }

.DocumentFormSetStatusView {
    left: -1px;
    position: relative;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
    padding: 0px;
    display: table;
}

    .DocumentFormSetStatusView .fsStatusContainer {
        position: relative;
        margin: 0px;
    }

    .DocumentFormSetStatusView .fsStatusContainer div {
        height: 17px;
    }
        .DocumentFormSetStatusView .fsStatusContainer div span {
            padding: 0px 2px;
        }

.DocumentFormView {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

    .DocumentFormView input[type="checkbox"] {
        box-shadow: none;
        /* The designer removes the drop shadow, so the form editor will as well. This makes it more WYSIWYG */
    }

        .DocumentFormView input[type="checkbox"].requiresValueError,
        .DocumentFormView input[type="radio"].requiresValueError {
            box-shadow: 0px 0px 1px 1px #ff0000;
            background-color: #ff0000;
        }

    .DocumentFormView .requiresValueError {
        border-color: #ff0000;
        color: #a60000;
    }

    .DocumentFormView fieldset.formElementMarkup:has(.requiresValueError) {
        border-color: #ff0000 !important;
    }

    .DocumentFormView div.formElementMarkup:has(.requiresValueError) iframe {
        border-color: #ff0000;
        border-width: 1px;
        border-radius: 20px;
        border-style: solid;
    }

.DocumentFormView span.isRequired {
    position: static;
}

    .DocumentFormView .viewer_menubar {
        flex: 0 1 auto;
        position: relative;
    }

        .DocumentFormView .viewer_menubar .view_menu {
            float: left;
            position: relative;
            margin: 0 0 0 3px;
        }

        .DocumentFormView .viewer_menubar .viewer_navigation {
            float: left;
            display: inline-block;
            margin-left: 6px;
            margin: 3px 0 0 6px;
        }

        .DocumentFormView .viewer_menubar .viewer_results_type {
            float: left;
            margin: 0 1px;
            position: relative;
        }

        .DocumentFormView .viewer_menubar .navControl {
            background-color: transparent;
            border: none;
            cursor: pointer;
            float: left;
            height: 16px;
            position: relative;
        }

        .DocumentFormView .viewer_menubar input {
            float: left;
            height: 12px;
            margin: 0px 3px;
            position: relative;
            text-align: center;
            top: -3px;
            width: 40px;
        }

    .DocumentFormView .formPartContainer {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#909090', endColorstr='#808080');
        background: -webkit-gradient(linear, left top, left bottom, from(#909090), to(#808080));
        background: -moz-linear-gradient(top, #909090, #808080); /* for firefox 3.6+ */
        background: linear-gradient(to bottom, #909090 0%, #808080 100%); /* W3C (IE10) maybe others soon.*/
        overflow: auto;
        flex: 1 1 auto;
        margin: 3px;
    }

        .DocumentFormView .formPartContainer .custom_button {
            background: #008aa9;
            border: 1px solid #008aa9;
            color: #fff;
            outline: 0;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 400;
            cursor: default;
            display: inline-block;
            text-align: center;
            text-decoration: none;
        }

        .DocumentFormView .formPartContainer .short_btn {
            cursor: pointer;
            height: 23px;
            line-height: 22px;
            padding: 2px 4px;
            width: auto;
            min-width: 70px;
        }

        .DocumentFormView .formPartContainer #masterForm > div {
            background: #fff;
            margin: auto;
        }

    .DocumentFormView .fileUploadInProgress {
        position: absolute;
        top: 30%;
        left: 42%;
        border: 1px solid black;
        text-align: center;
        padding: 5px 10px;
        z-index: 400;
        display: none;
    }

        .DocumentFormView .fileUploadInProgress .progressIndeterminate {
            width: 56px;
            height: 22px;
            display: inline-block;
            background-image: url("../../../Content/images/indeterminate_progress.gif?v=24.2.161");
        }

    .DocumentFormView span.custom_button.uploadFile {
        width: auto;
        line-height: 16px;
        padding: 1px 5px;
        margin: 0 5px;
    }

    .DocumentFormView .formPartContainer #masterForm span.custom_button.uploadFile {
        vertical-align: baseline; /* reset to default */
    }

    .DocumentFormView .FormAddGroupSetButton, .DocumentFormView .FormDeleteGroupSetButton {
        cursor: pointer;
        position: absolute;
        height: 10px;
        width: 10px;
        background-repeat: no-repeat;
        background-position: center;
        border: 1px solid gray;
        border-radius: 3px;
    }

    .DocumentFormView .formElementMarkup [readonly=readonly] {
        opacity: 0.6;
        pointer-events: none;
    }

    .DocumentFormView .submitButtonContainer {
        position: absolute;
        right: 30px;
    }

        .DocumentFormView .submitButtonContainer a {
            background-image: url("../../../Content/images/s.png?v=24.2.161");
            background-position: -66px -178px;
            border: 1px solid #000;
            color: #FFF;
            text-align: center;
            display: inline-block;
            margin: 0 0 0 5px;
            padding: 1px 5px;
            width: auto;
            min-width: 75px;
        }

            .DocumentFormView .submitButtonContainer a:active {
                background-position: -66px -207px;
            }

            .DocumentFormView .submitButtonContainer a.disabled {
                background-color: #999;
                background-image: none;
                cursor: default;
            }

        .DocumentFormView .submitButtonContainer.left {
            left: 30px;
            right: auto;
        }

        .DocumentFormView .submitButtonContainer.center {
            text-align: center;
            width: 100%;
            left: auto;
            right: auto;
        }

        .DocumentFormView .submitButtonContainer.right {
            right: 30px;
            left: auto;
        }

        .DocumentFormView .submitButtonContainer .throbber {
            margin: 3px 3px 7px 3px;
        }

    .DocumentFormView .anno_menu_cont {
        border: none;
    }

 .DocumentFormView .anno_menu_cont.collapse.pressed {
            background-image: linear-gradient(#636161, #ccc);

 }

  .DocumentFormView .anno_menu_cont.collapse {
            border: 1px solid #000;
            display: inline-block;
            height: 20px;
            position: relative;
            background-image: linear-gradient(#ccc, #636161);
 }

            .DocumentFormView .anno_menu_cont.collapse:active {
                background-image: linear-gradient(#636161, #ccc);
            }

            .DocumentFormView .anno_menu_cont.collapse .collapsedAnnotationMenuButton {
                padding: 5px;
                position: relative;
                top: -2px;
                color: #fff;
            }

    .DocumentFormView .viewer_menubar .vert_seperator_hidable {
        display: block;
        float: left;
        margin: 0 2px 0 5px;
    }

    .DocumentFormView .autoSaveDisabled {
        position: absolute;
        text-align: center;
        top: 0;
        color: white;
        line-height: 20px;
        width: 100%;
        z-index: 400;
        padding-right: 10px;
        padding-left: 10px;
        display: none;
    }

    .DocumentFormView div#animation {
        position: absolute;
        animation: 2s animateFileUploadToRibbon;
        z-index: 99;
        display: none;
    }

/*#region Annotation editing in Forms */
/* items pertaining to approval stamps/annotations need to use the #masterForm so it will override items specified in the form's css*/
#masterForm .editMarkContainer img, #masterForm .editMarkContainer .approvalStampContentContainer, #masterForm .editMarkContainer .hideApprovalStampContainer {
    z-index: 150; /* Ensure that the mark container is over other elements*/
}

#masterForm .editMarkContainer .hideApprovalStampContainer {
    position: absolute;
    top: 3px;
    right: 5px;
    cursor: pointer;
}

#masterForm .editMarkContainer .approvalStampContentContainer {
    width: 100%;
    margin: 2px 0;
}

    #masterForm .editMarkContainer .approvalStampContentContainer .explanationContainer {
        border: 1px solid black;
        overflow: auto;
        margin: 2px 0;
        padding-left: 5px;
        cursor: default;
        max-height: 95px;
        /* Height of textarea in the approval dialog */
    }

        #masterForm .editMarkContainer .approvalStampContentContainer .explanationContainer textarea {
            resize: none;
            border: none;
            padding: 2px 0;
            width: 100%;
        }

            #masterForm .editMarkContainer .approvalStampContentContainer .explanationContainer textarea:focus {
                outline: 0px solid transparent;
            }

    #masterForm .editMarkContainer .approvalStampContentContainer .explanationContainer,
    #masterForm .editMarkContainer .approvalStampContentContainer .signingCeremonyContainer {
        background: #FFF;
    }

    #masterForm .editMarkContainer .approvalStampContentContainer .approvalStampBtnContainer {
        float: right;
    }

    #masterForm .editMarkContainer .approvalStampContentContainer .signingCeremonyContainer {
        padding: 0 5px;
    }

#masterForm .editMarkContainer .selectedAnno {
    z-index: 151;
    /* Always have the selectedAnno on top of others*/
}


#masterForm .ui-draggable:not(.ui-combobox):not(.signatureAreaContainer),
#masterForm div[markid] {
    position: absolute;
}

#masterForm div.transformCont {
    z-index: -1;
    /* This is to prevent the transform container from overlaying anything in the form */
}

#masterForm .submitButtonContainer span:not(.throbber) {
    vertical-align: baseline;
    /*Bug 17405 - have non-throbber buttons maintain default vertical-align, so they will be aligned*/
}

/*#endregion Annotation editing in Forms */


@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .DocumentFormView .formPartContainer {
        margin-top: 25px;
    }

    /* IE11 */
}
/* Customize scroll bar */

.DocumentFormView .formPartContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}


.DocumentFormView .formPartContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}


.DocumentFormView .formPartContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}


/* Mozilla Scrollbar styles */

.DocumentFormView .formPartContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}


/* IE scrollbar styles */

.DocumentFormView .formPartContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}

.DocumentImageContentItemThumbnailsView .contentItem {
    width: 100%;
}

    .DocumentImageContentItemThumbnailsView .contentItem.selectedContentItem {
        background-color: #000;
    }

.DocumentImageContentItemThumbnailsView hr {
    display: inline-block;
    float: left;
    left: 15px;
    position: relative;
    width: 125px;
    height: 3px;
    background: #FFF;
}

.DocumentImageThumbnailsView .thumbs_cont {
    border: 1px solid #000;
    overflow: hidden;
    max-height: 100%;
    min-height: 425px;
    min-width: 160px;
    width: 160px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 32px 0 3px 0;
}

    .DocumentImageThumbnailsView .thumbs_cont.thumbnailleft {
        left: 0;
    }

    .DocumentImageThumbnailsView .thumbs_cont.thumbnailright {
        right: 0;
    }

.DocumentImageThumbnailsView .ps-scrollbar-x-rail {
    display: none;
}

.DocumentImageViewThumbnailContainer .hideNative{
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
}
.DocumentImageThumbnailView {
}

    .DocumentImageThumbnailView div {
        text-align: center;
    }

    .DocumentImageThumbnailView img {
        width: 150px;
        margin: 0px;
        padding: 5px;
        text-align: center;
        position: relative;
    }

        .DocumentImageThumbnailView img.notRendered {
            width: auto;
            margin:75px;
        }

        .DocumentImageThumbnailView img.throbber {
            width: 15px;
            margin: 75px;
            padding: 0;
        }

        .DocumentImageThumbnailView img.selected_thumbnail {
            background-color: #B2DFEE;
        }

    .DocumentImageThumbnailView div.contentItem {
        position: relative;
        width: 100%;
    }

        .DocumentImageThumbnailView div.contentItem.selectedContentItem {
            background-color: #000;
        }

.DocumentImageView {
    /*width: 100%;
    display: block;
    height: 102%;
    right: 0;
    top: -3px;
    margin: 0 0 0 5px;*/
}

.DocumentImageView .anno_menu_cont {
    border: none;
}

.DocumentImageView .anno_menu_cont.collapse.pressed {
    background-position: -66px -207px;
}

.DocumentImageView .anno_menu_cont.collapse {
    border: 1px solid #000;
    display: inline-block;
    height: 20px;
    position: relative;
    background-position: -66px -165px;
}

.DocumentImageView .anno_menu_cont.collapse:active {
    background-image: url("../../../Content/images/s.png?v=24.2.161");
    background-position: -66px -207px;
}

.DocumentImageView .anno_menu_cont.collapse .collapsedAnnotationMenuButton {
    padding: 5px;
    position: relative;
    top: 2px;
    cursor: pointer;
}

.DocumentImageView .viewer_menubar .vert_seperator_hidable {
    display: block;
    float: left;
    margin: 0 2px 0 5px;
}

.DocumentImageView .viewer_menubar .view_menu {
    float: left;
    position: relative;
    margin: 0 0 0 3px;
}

.DocumentImageView .viewer_menubar .viewer_navigation,
.DocumentImageView .viewer_menubar .rotate_menu {
    float: left;
    display: inline-block;
    margin-left: 6px;
    margin: 3px 0 0 6px;
}

.DocumentImageView .viewer_menubar .displayNone,
.DocumentImageView .viewer_menubar div.displayNone {
    display: none;
}

.DocumentImageView .viewer_menubar .viewer_results_type {
    float: left;
    margin: 0 1px;
    position: relative;
}

.DocumentImageView .viewer_menubar .navControl {
    background-color: transparent;
    border: none;
    cursor: pointer;
    float: left;
    height: 16px;
    position: relative;
}

.DocumentImageView .viewer_menubar input {
    float: left;
    height: 12px;
    margin: 0px 3px;
    position: relative;
    text-align: center;
    top: -3px;
    width: 40px;
}

.DocumentImageView .viewer_menubar .rotate_menu .rotateControl {
    float: left;
    cursor: pointer;
    padding-right: 2px;
}

.DocumentImageView .viewer_image {
    background-image: url(../../../Content/images/transparent.png?v=24.2.161);
    border: 1px solid #000;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 3px;
    bottom: 5px;
    /* NOTE: MSEdge native view pdf displays all black if this isn't set */
    left: 3px;
    margin: 32px 0 0 0;
}

.DocumentImageView .viewer_image.thumbnailleft {
    margin-left: 165px;
}

.DocumentImageView .viewer_image.thumbnailright {
    margin-right: 165px;
}

.DocumentImageView .viewer_image .fullIframe {
    height: 100%;
    width: 100%;
}

.DocumentImageView .viewer_image .fullIframe.hideNative {
    display: none;
}

.DocumentImageView .viewer_image .iconIframe {
    height: 34px;
    width: 34px;
}

.DocumentImageView .viewer_image .downloadNativeDocument {
    top: -10px;
    position: relative;
}

.DocumentImageView .viewer_image .userFriendlyMsg {
    color: #FFFFFF;
    font-weight: bold;
}

.DocumentImageView iframe.download {
    display: none;
}
.DocumentImageView .documentText {
    background: #FFF;
    border: 1px solid #000;
    bottom: 7px;
    display: none;
    height: 300px;
    left: 0;
    position: absolute;
    width: 99.7%;
}

.DocumentImageView .bookmarks_container {
    position: relative;
    top: 0px;
    display: inline-block;
    float: left;
    z-index: 10
}

.DocumentMetaFolderView {
    width: 100%;
    position: relative;
}

.DocumentMetaFolderView .valueWidth {
    width: 60%;
}

.DocumentMetaFolderView.metadata_viewer span {
    margin: 0 3px;
}

.DocumentMetaFolderView.metadata_viewer .valueTextArea .folderList {
    border: 1px solid #d3d3d3;
    min-height: 20px;
    width: calc(100% - 10px);
    left: -32px;
    background-color: var(--p-white);
}

.DocumentMetaFolderView.metadata_viewer .valueTextArea .folderList .folderName {
    margin: 3px 0 3px 3px;
    float: left;
    word-break: break-all;
}

.DocumentMetaFolderView.metadata_viewer .valueTextArea .folderList .removeFolder {
    display: none;
    float: right;
    margin: 2px 0 0 0;
}

.DocumentMetaFolderView.metadata_viewer .valueTextArea .folderList li {
    padding: 0px;
}

.DocumentMetaFolderView.metadata_viewer .valueTextArea .folderList li:hover {
    color: #363636;
    background: none repeat-x scroll 50% 50% var(--i-lt-grayish-yellow);
}

.DocumentMetaFolderView.metadata_viewer .valueTextArea .folderList li:hover span.removeFolder {
    display: block;
}

.DocumentMetaFolderView.metadata_viewer .valueTextArea .folderList li span.removeFolder:hover {
    display: block;
}

.DocumentMetaFolderView.metadata_viewer .addFolder {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    bottom: 8px;
    right: 20px;
}

.DocumentMetaFormPartView {
    width: 100%;
    padding: 5px 0;
}

.DocumentMetaFormPartView .throbber {
    margin: auto;
}

.DocumentMetaFormPartView li {
    width: 100%;
}

.DocumentMetaFormPartView fieldset {
    margin: 0 5px;
    border: 1px solid var(--kc-panel-card-border);
    border-radius: 5px;
    padding: 20px 10px;
}

.DocumentMetaFormPartView fieldset legend {
    cursor: pointer;
}

.DocumentMetaFormPartView fieldset legend span {
    outline: none;
}

.DocumentMetaFormPartView .CustomFieldValueView input[readonly] {
    width: calc(100% - 8px);
}

.DocumentMetaFormPartView .CustomFieldValueView textarea[readonly] {
    width: calc(100% - 10px);
}

.DocumentMetaFormPartView .CustomFieldValueView input[readonly],
.DocumentMetaFormPartView .CustomFieldValueView textarea[readonly] {
    margin: 0 3px 3px;
}
.DocumentMetaFormSetView {
    width: 100%;
    min-height: 215px;
    position: relative;
}

    .DocumentMetaFormSetView .DocumentFormSetGridViewContainer {
        height: 175px;
    }

.DocumentMetaPackageView {
    width: 100%;
    position: relative;
}

.DocumentMetaPackageView.metadata_viewer span {
    margin: 0 3px;
}

.DocumentMetaPackageView.metadata_viewer .valueTextArea .packageList {
    border: 1px solid #d3d3d3;
    min-height: 20px;
    width: calc(100% - 10px);
    left: -32px;
    background-color: var(--p-white);
}

.DocumentMetaPackageView.metadata_viewer .valueTextArea .packageList .packageName {
    margin: 3px 0 3px 3px;
    float: left;
    word-break: break-all;
}

.DocumentMetaPackageView.metadata_viewer .valueTextArea .packageName li {
    padding: 0px;
}

.DocumentMetaPackageView.metadata_viewer .valueTextArea .packageName li:hover {
    color: #363636;
    background: none repeat-x scroll 50% 50% var(--i-lt-grayish-yellow);
}
.DocumentMetaRelatedItemsView {
    width: 100%;
    height: 165px; /* Allows for 6 visible related items, without scrolling*/
    position: relative;
    background-color: var(--kc-panel-card-bg);
}

.DocumentMetaRelatedItemsView .typeHeader {
    width: 30px;
}

.DocumentMetaRelatedItemsView .rd_container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.DocumentMetaRelatedItemsView .customGridScrollableContainer,
.scrollbarWidthCalculation {
    background-color: var(--kc-panel-card-bg);
}

.DocumentMetaValiDateView {
    width: 100%;
    min-height: 215px;
    position: relative;
    background-color: var(--kc-panel-card-bg);
}
.DocumentMetaValiDateView .DocumentValiDateGridViewContainer {
    height: 175px;
}
.DocumentMetaValiDateView .customGridScrollableContainer,
.scrollbarWidthCalculation {
    background-color: var(--kc-panel-card-bg);
}

.DocumentMetaVersioningView {
    width: 100%;
    min-height: 215px;
    position: relative;
    background-color: var(--kc-panel-card-bg);
}

.DocumentMetaVersioningView .versioningButtons {
    text-align: right;
    margin-top: 4px;
    position: relative;
    right: 5px;
}

.DocumentMetaVersioningView .DocumentVersioningGridViewContainer {
    height: 175px;
}
.DocumentMetaVersioningView .customGridScrollableContainer,
.scrollbarWidthCalculation {
    background-color: var(--kc-panel-card-bg);
}

.DocumentNativeView {
    width: 100%;
    height: 100%;
    position: relative;
}

    .DocumentNativeView .viewer_menubar .view_menu {
        float: left;
        position: relative;
        margin: 0 0 0 3px;
    }

    .DocumentNativeView .viewer_menubar .viewer_navigation {
        float: left;
        display: inline-block;
        margin-left: 6px;
        margin: 3px 0 0 6px;
    }

    .DocumentNativeView .viewer_menubar .viewer_results_type {
        float: left;
        margin: 0 1px;
        position: relative;
    }

    .DocumentNativeView .viewer_menubar .navControl {
        background-color: transparent;
        border: none;
        cursor: pointer;
        float: left;
        height: 16px;
        position: relative;
    }

    .DocumentNativeView .viewer_menubar input {
        float: left;
        height: 12px;
        margin: 0px 3px;
        position: relative;
        text-align: center;
        top: -3px;
        width: 40px;
    }


    .DocumentNativeView .nativeViewerContainer {
        background-image: url(../../../Content/images/transparent.png?v=24.2.161);
        border: 1px solid #000;
        display: inline-block;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 3px;
        bottom: 5px; /* NOTE: MSEdge native view pdf displays all black if this isn't set */
        left: 3px;
        margin: 32px 0 0 0;
    }

        .DocumentNativeView .nativeViewerContainer .fullIframe {
            height: 100%;
            width: 100%;
        }

            .DocumentNativeView .nativeViewerContainer .fullIframe.hideNative {
                /*DOC-6633 instead of setting display:none moving the content offscreen to avoid iframe recreation*/
                position: absolute;
                left: -5000px;
            }

        .DocumentNativeView .nativeViewerContainer .iconIframe {
            height: 34px;
            width: 34px;
        }

        .DocumentNativeView .nativeViewerContainer .downloadNativeDocument {
            top: -10px;
            position: relative;
        }

        .DocumentNativeView .nativeViewerContainer .userFriendlyMsg {
            color: #FFFFFF;
            font-weight: bold;
        }

    .DocumentNativeView iframe.download {
        display: none;
    }

.DocumentPreviewView {
    width: 100%;
    display: block;
    height: 100%;
    right: 0;
    top: -3px;
    margin: 0 0 0 5px;
}

.DocumentPreviewView .viewer_menubar {
    top: 3px;
    left: 3px;
    background: #f0ede0;
}

.DocumentPreviewView .viewer_menubar .view_menu {
    float: left;
    position: relative;
    margin: 0 0 0 3px;
}

.DocumentPreviewView .viewer_menubar .viewer_navigation {
    float: left;
    display: inline-block;
    margin-left: 6px;
    margin: 3px 0 0 6px;
}

.DocumentPreviewView .viewer_menubar .viewer_results_type {
    float: left;
    margin: 0 1px;
    position: relative;
}

.DocumentPreviewView .viewer_menubar .navControl {
    background-color: transparent;
    border: none;
    cursor: pointer;
    float: left;
    height: 16px;
    position: relative;
}

.DocumentPreviewView .viewer_menubar input {
    float: left;
    height: 12px;
    margin: 0px 3px;
    position: relative;
    text-align: center;
    top: -3px;
    width: 40px;
}

.DocumentPreviewView .viewer_menubar .DocumentViewerMenuView ul.children {
    overflow: visible;
}
.DocumentStatusView {
    margin: 0 0px 0px 18px;
    background: white;
    border: 1px solid red;
}

    .DocumentStatusView .document_status_content {
        width: calc(100% - 30px);
        word-wrap: break-word;
        overflow: auto;
        padding: 5px 7px 5px 7px;
    }

.DocumentValiDateGridItemView .ui-icon.displayNone {
    display: none;
}

.DocumentValiDateGridItemView:hover .ui-icon.displayNone {
    display: block;
}

.DocumentValiDateGridItemView.selected {
    background: none repeat-x scroll 50% 50% #fbf9d0;
    color: #363636;
}

.DocumentValiDateGridView {
    position: relative;
    width: 100%;
    height: 100%;
}

    .DocumentValiDateGridView .customGridHeader {
        width: 33%;
    }

.DocumentValiDateStatusView {
    left: -1px;
    position: relative;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
    padding: 0px;
    display: table;
}

    .DocumentValiDateStatusView .vdStatusContainer {
        position: relative;
        margin: 0px;
    }
.DocumentVersioningCommentView {
    left: -1px;
    position: relative;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
    padding: 0px;
    display: table;
}

    .DocumentVersioningCommentView .versChatLogListContainer {
        border: 1px solid var(--kc-panel-card-border);
        position: relative;
        margin: 0px;
    }

        .DocumentVersioningCommentView .versChatLogListContainer .showCurrentAndPreviousComments {
            cursor: pointer;
        }

        .DocumentVersioningCommentView .versChatLogListContainer hr {
            display: inline-block;
            left: 2%;
            position: relative;
            width: 96%;
        }

        .DocumentVersioningCommentView .versChatLogListContainer ul {
            margin: 4px;
        }

        .DocumentVersioningCommentView .versChatLogListContainer > span {
            margin: 3px;
        }

    .DocumentVersioningCommentView .versChatLogEntry .chatIcon {
        padding: 3px;
    }

    .DocumentVersioningCommentView .versChatLogEntry .versChatInput {
        width: 98%;
    }

    .DocumentVersioningCommentView .versionComment pre {
        white-space: normal;
        word-break:break-all;
    }

    .DocumentVersioningCommentView .versionComment .displayNone {
        display: none;
    }

    .DocumentVersioningCommentView .versionComment:hover .displayNone {
        display: block;
    }

.DocumentVersioningGridItemView .ui-icon.displayNone {
    display: none;
}
.DocumentVersioningGridItemView:hover .ui-icon.displayNone {
    display: block;
}

.DocumentVersioningGridItemView.selected {
    background: none repeat-x scroll 50% 50% #fbf9d0;
    color: #363636;
}

.DocumentVersioningGridView {
    position: relative;
    width: 100%;
    height: 100%;
}

    .DocumentVersioningGridView .customGridHeader {
        width: 20%;
    }

.DocuSignSettingsEditView div.fleft {
    width: 55%;
}

.DocuSignSettingsEditView div.fleft.docuSignUserDetails {
    width: 45%;
}

.DocuSignSettingsEditView div.fleft.docuSignUserDetails .short_btn {
    width: 200px;
}

.DocuSignSettingsEditView .docuSignSettingsList {
    list-style: none;
    padding: 0;
    text-align: left;
    margin-top: 10px;
}

.DocuSignSettingsEditView .docuSignSettingsList div {
    margin-bottom: 10px
}

.DocuSignSettingsEditView .docuSignSettingsList div.docuTemplate .items_checkbox {
    left: 23px;
}

.DocuSignSettingsEditView .docuSignSettingsList label {
    display: inline-block;
    text-align: right;
    width: 200px;
}

.DocuSignSettingsEditView .docuSignSettingsList .top {
    vertical-align: top;
}

.DocuSignSettingsEditView .docuSignUserDetails label {
    width: 100px;
}

.DocuSignSettingsEditView .docuSignUserDetails span {
    width: 300px;
}

.DocuSignSettingsEditView .warning {
    color: red;
}

.DocuSignSettingsEditView div.cbtOptions {
    display: inline;
    margin-left: 20px;
    float: left;
    width: 50%;
}

#admin_screen .DocuSignSettingsEditView select {
    width: calc(100% - 225px);
}

.DocuSignSettingsEditView .ui-icon {
    cursor: pointer;
    vertical-align: middle;
}

.DocuSignSettingsEditView div.cbtOptions .items_radio label {
    text-align: left;
}

.DocuSignSettingsEditView div.cbtOptions .ui-icon-info {
    margin: 0 5px;
    background-image: url(../../../Content/images/docstar_sprite.png?v=24.2.161);
    background-position: -55px -232px;
}

.DocuSignSettingsEditView .invisible {
    visibility: hidden;
}
.dropTarget {
    position: relative;
}

.dropTarget span.ui-icon {
    display: none;
}

.dropTarget .DragAndDropFileUploadView iframe {
    display: block;
}

.dropTarget .DragAndDropFileUploadView {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 20px;
}

.dropTarget .DragAndDropFileUploadView .ui-icon {
    display: none;
}

.dropTarget .DragAndDropFileUploadView span.displayNone {
    display: inline-block;
    position: relative;
    top: 98px;
    font-size: 16px;
    font-weight: bold;
    max-width: none;
}

.DragAndDropFileUploadView {
    float: left;
}

.DragAndDropFileUploadView iframe {
    display: none;
    width: 100%;
    height: 100%;
    border: none;
    font: normal 12px Roboto, sans-serif, Arial, Helvetica, sans-serif;
}

.DragAndDropFileUploadView .ui-icon {
    cursor: pointer;
}
.EIDPConnectionEditView {
    margin: 4px 0;
}

.EntityImportPreviewView {
    width: 100%;
    height: 100%;
}
    .EntityImportPreviewView .flexContainer {
        height: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .EntityImportPreviewView .scrollable {
        overflow: auto;
        flex: 1 1 auto;
    }

    .EntityImportPreviewView .items_checkbox {
        flex: 0 0 auto;
        margin: 2px 0px;
        width: 100%;
    }

    .EntityImportPreviewView .items_checkbox.indent {
        left: 40px;
    }
    .EntityImportPreviewView .progressCont {
        flex: 0 0 auto;
        width: 100%;
        margin-top: 10px;
    }

    .EntityImportPreviewView fieldset {
        margin-bottom: 5px;
    }
   .EntityImportPreviewView td {
        line-height: 14px;
        color: var(--k-black-panther);
    }
    .EntityImportPreviewView td input {
        box-shadow:none;
        margin: 0px 2px 0px 10px;
    }
    .EntityImportPreviewView td.entityLabel {
    }
    .EntityImportPreviewView td.entityCount {
        text-align: right;
        padding-left: 25px;
    }


.EntityMetaApprovalView {
    width: 100%;
    height: 100%;
    position: relative;
}

.EntityMetaApprovalView .appButtonContainer {
    margin: 5px;
    float: right;
}

.EntityMetaApprovalView .errorTextContainer {
    margin: 5px;
    padding:5px;
    text-align:justify;
}
.EntityMetaESigPackageView {
    width: 100%;
    height: 100%;
    position: relative;
}

    .EntityMetaESigPackageView .icons .ui-icon, .EntityMetaESigPackageView .icons .sPngIB {
        cursor: pointer;
        vertical-align: middle;
    }

    .EntityMetaESigPackageView .padLikeABracket {
        padding-left: 4px;
        padding-top: 4px;
        padding-right: 4px;
    }

    .EntityMetaESigPackageView hr {
        width: 98%;
    }

    .EntityMetaESigPackageView .espInfo {
        width: 100%;
    }

        .EntityMetaESigPackageView .espInfo div span {
            float: left;
            padding: 0;
            text-align: left;
        }

        .EntityMetaESigPackageView .espInfo .align-right {
            overflow: hidden;
            padding: 0 0 0 3px;
            white-space: nowrap;
            width: calc(100% - 120px);
            max-width: calc(100% - 120px);
            text-overflow: ellipsis;
        }

        .EntityMetaESigPackageView .espInfo .align-left {
            width: 105px;
        }

    .EntityMetaESigPackageView div.envelopeRecipients {
        padding: 0 5px;
    }

    .EntityMetaESigPackageView .customGridTable .customGridHeader,
    .EntityMetaESigPackageView .customGridTable .customGridDataCell {
        border-right-width: 1px;
        border-right-color: #e9ebec;
    }

    .EntityMetaESigPackageView .customGridTable .customGridHeader {
        width: 30%;
    }

        .EntityMetaESigPackageView .customGridTable .customGridHeader.email {
            width: 40%;
        }

    .EntityMetaESigPackageView.selected {
        background: #fbf9d0;
    }

.EntityMetaESigPackageView span.exceptions {
    background-color: red;
}
.EntityMetaFieldGroupsView {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: var(--kc-panel-card-bg);
}

    .EntityMetaFieldGroupsView .customFieldGroup {
        width: calc(100% - 100px); /* account for width of "Add" button */
        min-width: 100px;
        height: 20px;
        margin: 10px 5px 0;
        float: left;
    }

    .EntityMetaFieldGroupsView .addGroup {
        bottom: 2px;
        float: left;
        position: relative;
        right: 4px;
        margin: 8px 6px 5px;
    }

    .EntityMetaFieldGroupsView .cfgGridsContainer {
        padding: 4px 9px 15px 4px; /* 15px bottom to account for horizontal perfect scroll bar */
        overflow: hidden;
        position: relative; /* Set position so perfect scrollbar show at the bottom of the container (e.g. Line Items) */
    }

        .EntityMetaFieldGroupsView .cfgGridsContainer:empty {
            display: none;
        }

    .EntityMetaFieldGroupsView .customGridTableContainer {
        min-height: 100px;
    }

    .EntityMetaFieldGroupsView .EntityMetaFieldSetValueView .ui-combobox .ui-button {
        display: inline-block;
        padding: 0;
        position: relative;
        float: none;
        height: 22px;
        margin: -4px 0 0 -1px;
    }

.EntityMetaFieldGroupView {
    width: 100%;
    height: 100%;
    min-height: 100px;
    position: relative;
    margin-bottom: 5px;
}

.EntityMetaFieldGroupView .scrollContainer {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
}

.EntityMetaFieldGroupView .rowNumberCell {
    width: 30px;
}

.EntityMetaFieldGroupView .deleteRowCell {
    width: 40px;
}

.EntityMetaFieldGroupView .deleteGroup {
    background-image: url(../../../Content/images/docstar_sprite.png?v=24.2.161);
    background-position: -144px -100px;
    margin: 2px 3px 0 0;
    margin-right: 7px;
}

.EntityMetaFieldGroupView .deleteGroup .isSubgrid {
    float: unset;
}

.EntityMetaFieldGroupView .columnSpacer {
    background: #FFF;
}

.EntityMetaFieldGroupView .isSubgrid {
    overflow: auto;
    width: 100%;
}

.EntityMetaFieldGroupView .missingCFsErrMsgContainer:empty {
    display: none;
}
.EntityMetaFieldGroupView .customGridPager .customGridPagerNavigation {
 margin-right: 35%;
}

.cfgGridsContainer .EntityMetaFieldGroupView .customGridTable span.line-item-check {
    width: 25px;
}

.EntityMetaFieldGroupView tr.totalRow {
    background-color: #e7eded;
    font-weight: 600;
}
/* Customize scroll bar */
.EntityMetaFieldGroupView .customGridScrollableContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.EntityMetaFieldGroupView .customGridScrollableContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.EntityMetaFieldGroupView .customGridScrollableContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

.EntityMetaFieldGroupView .customGridScrollableContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.EntityMetaFieldGroupView .customGridScrollableContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}
.EntityMetaFieldSetVerifyView.navigableItem.navigableItemHighlight.focusBright td {
    border-top: 2px solid rgb(0, 138, 169);
    border-bottom: 2px solid rgb(0, 138, 169);
    border-radius: 3px;
}

    .EntityMetaFieldSetVerifyView.navigableItem.navigableItemHighlight.focusBright td:first-child {
        border-left: 2px solid rgb(0, 138, 169);
    }

    .EntityMetaFieldSetVerifyView.navigableItem.navigableItemHighlight.focusBright td:last-child {
        border-right: 2px solid rgb(0, 138, 169);
    }

.EntityMetaFieldSetVerifyView.navigableItem.navigableItemHighlight.focusMuted td {
    border-top: 2px solid rgba(0, 138, 169, .3);
    border-bottom: 2px solid rgba(0, 138, 169, .3);
    border-radius: 3px;
}

    .EntityMetaFieldSetVerifyView.navigableItem.navigableItemHighlight.focusMuted td:first-child {
        border-left: 2px solid rgba(0, 138, 169, .3);
    }

    .EntityMetaFieldSetVerifyView.navigableItem.navigableItemHighlight.focusMuted td:last-child {
        border-right: 2px solid rgba(0, 138, 169, .3);
    }

.EntityMetaFieldSetView {
    height: 22px;
}

    .EntityMetaFieldSetView.mismatch {
        background: #FFF;
    }

        .EntityMetaFieldSetView.mismatch td {
            border-top: 2px solid #FF0000;
            border-bottom: 2px solid #FF0000;
        }

            .EntityMetaFieldSetView.mismatch td:first-child {
                border-left: 2px solid #FF0000;
            }

            .EntityMetaFieldSetView.mismatch td:last-child {
                border-right: 2px solid #FF0000;
            }

    .EntityMetaFieldSetView td.mismatch {
        color: #FF0000;
        font-weight: bold;
    }

    .EntityMetaFieldSetView .deleteSet {
        margin-right: 9px;
        background-image: url(../../../Content/images/docstar_sprite.png?v=24.2.161);
        background-position: -144px -100px;
        margin: 2px 3px 0 0;
    }

    .EntityMetaFieldSetView td.requiresValue {
        border-color: #ff0000;
        color: #a60000;
    }

.EntityMetaFieldsView {
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 13px;
    background-color: var(--kc-panel-card-bg);
}


.EntityMetaFieldsView .metadata_viewer {
    width: 100%;
    position: relative;
    display: table;
    table-layout: fixed;
}

.EntityMetaFieldsView .metadata_viewer .viewer_meta_title {
    text-align: left;
    vertical-align: middle;
    padding-left: 3px;
    overflow: hidden;
}
@media not all and (min-resolution:.1dpi) {
    /* for safari browser only; https://fabiorosado.dev/blog/change-css-safari-only/ */
    .EntityMetaFieldsView .metadata_viewer .viewer_meta_title {
        display: -webkit-box;
    }
}

.EntityMetaFieldsView .metadata_viewer:hover .viewer_meta_title:after {
    content: "";
    display: block;
    overflow: hidden;
    height: 1em;
    border-bottom: 2px dotted #999;
}

.EntityMetaFieldsView .metadata_viewer select:not(.cfsFormat) {
    height: 20px;
    min-height: 20px;
    position: relative;
    font-size: 13px;
    width: calc(100% - 10px);
    left: 8px;
    border: 1px solid #d3d3d3;
}

    .EntityMetaFieldsView .metadata_viewer select.contenttypeid {
        left: -32px;
    }

    .EntityMetaFieldsView .metadata_viewer .CTLabel {
        margin: 0 3px;
    }

.EntityMetaFieldsView .entityTypeFieldButtons {
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 2px;
}

.EntityMetaFieldsView .entityTypeFieldButtons .throbber {
    margin: 3px;
}

.EntityMetaFieldsView .entityTypeFieldButtons .addCfContainer {
    margin: 0 12px 0 0;
}

.EntityMetaFieldsView .entityTypeFieldButtons .addCfContainer:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}

.EntityMetaFieldsView .entityTypeFieldButtons .syncActionMessageContainer {
    margin: 5px;
}

.EntityMetaFieldsView .entityTypeFieldButtons .syncActionMessageContainer .syncActionError {
    color: red;
}

.EntityMetaFieldsView .formFieldsContainer fieldset {
    margin: 10px 0 0 0;
    padding: 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.EntityMetaFieldsView .formFieldsContainer fieldset legend {
    margin: 0 0 10px 15px;
}

.EntityMetaFieldsView .entityDiffersFromType {
    font-style: italic;
}

.EntityMetaFieldsView .entityDiffersFromType select,
.EntityMetaFieldsView .entityDiffersFromType input {
    font-style: italic;
}

.EntityMetaFieldsView .twoColumns {
    columns: 150px 2;
}
    .EntityMetaFieldsView .twoColumnsContainer {
        display: flex;
        padding: 5px;
    }

        .EntityMetaFieldsView .twoColumnsContainer .items_checkbox {
            width: 18px;
            left: 18px;
        }

.EntityMetaFieldView {
    width: 100%;
    position: relative;
    table-layout: fixed;
}

.EntityMetaFieldView.metadata_viewer select {
    height: 20px;
    min-height: 20px;
    position: relative;
    font-size: 11px;
    width: calc(100% - 15px);
}

.EntityMetaFieldView.metadata_viewer input {
    height: 20px;
    min-height: 20px;
    position: relative;
    font-size: 11px;
    width: calc(100% - 15px);
    left: 8px;
    border: 1px solid #d3d3d3;
}

.EntityMetaFieldView.metadata_viewer .taContainer {
    overflow: auto;
    overflow-x: hidden;
    max-height: 100px;
    border: 1px solid black;
    margin: 2px 0;
    padding-left: 5px;
    cursor: default;
}

/* Bug 11114 - remove the below block once this is fixed */
    .EntityMetaFieldView.metadata_viewer textarea {
        height: 20px;
        min-height: 20px;
        min-width: 128px;
        position: relative;
        width: 90%;
        border-radius: 2px;
        font-family: Source Sans Pro, Verdana, Tahoma;
        font-size: 13px;
        max-height: 100px;
        overflow-x: hidden;
    }

/* Bug 11114 - uncomment the below block once this is fixed */
/*.EntityMetaFieldView.metadata_viewer textarea {
        height: 20px;
        min-height: 20px;
        min-width: 128px;
        position: relative;
        width: 100%;
        border-radius: 2px;
        font-family: Verdana,Tahoma;
        font-size: 11px;
        overflow: hidden;
        resize: none;
        border: none;
        padding: 2px 0;
        outline: 0px solid transparent;
    }*/

.EntityMetaFieldView.metadata_viewer input[type="checkbox"] {
    width: auto;
    margin: 0 0 0 21%;
}

.EntityMetaFieldView.metadata_viewer span {
    min-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    margin: 0 3px;
    word-break: break-word;
}
    .EntityMetaFieldView .show_pred {
        width: 40px;
        vertical-align: middle;
    }

    .EntityMetaFieldView .hide_pred {
        width: 40px;
        vertical-align: middle;
        visibility: hidden;
    }


.EntityMetaHistoryView {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: var(--kc-panel-card-bg);
}

.EntityMetaHistoryView .histTabs {
    max-width: 99%;
    width: 99%;
    display: inline-block;
    list-style: outside none none;
    margin: 0 0 0 1%;
    padding: 0;
    position: relative;
}

    .EntityMetaHistoryView .histTabs .wfTab {
       /*background: linear-gradient(to bottom, #ffffff 0px, #bdbaba 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
            border: 1px solid #b3b5b7;
            border-top-left-radius: 5px;*/
        cursor: pointer;
        display: inline-block;
        float: left;
        height: 20px;
        padding: 0;
        width: 24%;
    }

.EntityMetaHistoryView .histTabs .wfTab.selected {
    border-bottom: 3px solid var(--k-dark-blue);
}
.EntityMetaHistoryView .histTabs .wfTab span {
    display: inline-block;
    line-height: 20px;
    text-align: center;
    width: 100%;
}

    .EntityMetaHistoryView .wfChatLogListCont {
        border: 1px solid var(--kc-panel-card-border);
        margin: 0 0 0 1%;
        overflow: hidden;
        position: relative;
        text-align: left;
        max-width: 97%;
        padding: 5px;
        line-height: 18px;
        max-height: 280px;
        overflow-y: auto;
        border: 1px solid #ccc;
        scroll-behavior: smooth;        
    }

    .EntityMetaHistoryView .wfChatLogListCont.wrapped{
        max-height: 100%;
    }

.EntityMetaHistoryView .wfChatLogListCont .approvalsList {
    display: inline-block;
    list-style: outside none none;
    margin: 3px;
    min-height: 20px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 98%;
    word-wrap: break-word;
}

.EntityMetaHistoryView .wfChatLogListCont .approvalsList li {
    border: 1px solid var(--kc-panel-card-border);
    float: left;
    left: 1%;
    margin: 2px 0;
    position: relative;
    white-space: normal;
    width: 97.5%;
    word-wrap: break-word;
}

.EntityMetaHistoryView .wfChatLogListCont .approvalsList li.currentUserApproval {
    background: none repeat scroll 0 0 #add8e6;
}


.EntityMetaHistoryView .wfChatLogListCont .approvalsList li div {
    float: left;
    margin: 0 2px;
}

.EntityMetaHistoryView .wfChatLogListCont .approvalsList li div.item_type_icon {
    left: 0;
}

.EntityMetaHistoryView .wfChatLogListCont .approvalsList li div.reason {
    max-height: 100px;
    overflow: auto;
    word-break: break-all;
    word-wrap: break-word;
}

.EntityMetaHistoryView .wfChatLogListCont .approvalsList li div.name {
    margin: 2px;
    max-width: 90%;
    width: 90%;
    word-wrap: break-word;
}

.EntityMetaHistoryView .wfChatLogListCont .approvalsList li div.recall div.recall span.anchor {
    color: #0091ea;
}

.EntityMetaHistoryView .wfChatLogListCont .approvalsList li div.recall {
    float: right;
    margin-right: 4px;
}
.EntityMetaView {
    width: 100%;
    height: 100%;
    position: relative;
}

    .EntityMetaView .view_document_data_scroll {
        float: left;
        margin: 0px 3px 0px 0px;
        overflow: hidden;
        padding: 0px;
        position: relative;
        width: 100%;
    }

        .EntityMetaView .view_document_data_scroll ul {
            list-style: outside none none;
            width: 100%;
            position: relative;
            display: inline-block;
            margin: 0px;
            padding: 0px;
        }

    .EntityMetaView div.closed {
        display: none;
    }

    .EntityMetaView .meta_accordions.sorting .meta_accordion_title {
        position: static;
        /* Ensure titlebars are positioned properly when sorting */
    }

    .EntityMetaView .meta_accordion_title_contents .historyButtonContainer {
        position: absolute;
        right: 15px;
    }

    .EntityMetaView .meta_accordion_title_contents .historyButtondownloadContainer {
        position: absolute;
        right: 13px;
    }

    .EntityMetaView .meta_accordion_title_contents .historyButtonFitHeight {
        position: absolute;
        right: 28px;
    }

    .EntityMetaView .meta_accordion_title_closed .meta_accordion_title_contents .historyButtonFitHeight {
        display: none;
    }

    .EntityMetaView .meta_accordion_title_open .meta_accordion_title_contents .historyButtonFitHeight {
        display: block;
    }

    .EntityMetaView .meta_accordion_title_contents .historyButtonFitHeight .fitHeightIcon.wrapped {
        height: 12px;
        background-position-y: -4px;
        margin-top: 3px;
    }

    .EntityMetaView .meta_accordions.sorting .meta_accordion {
        height: 0;
        overflow: hidden;
        display: none;
    }

    .EntityMetaView .meta_accordions > li {
        display: inline-block;
        min-height: 20px;
        width: 100%;
    }

        .EntityMetaView .meta_accordions > li.displayNone {
            display: none;
        }

    .EntityMetaView .meta_accordion_title_Invalid_closed {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--k-pattens-blue), endColorstr=var(--k-rust));
        background: -webkit-gradient(linear, left top, left bottom, from(var(--k-pattens-blue)), to(var(--k-rust)));
        background: -moz-linear-gradient(top, var(--k-pattens-blue), var(--k-rust));
        /* for firefox 3.6+ */
        background: linear-gradient(to bottom, var(--k-pattens-blue) 0%, var(--k-rust) 100%);
        /* W3C (IE10) maybe others soon.*/
        color: var(--p-black);
    }

    .EntityMetaView .meta_accordion_title_closed .column_chooser {
        display: none;
    }

    .EntityMetaView .meta_accordion_title_Invalid_open {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--k-corn-silk), endColorstr=var(--k-rust));
        background: -webkit-gradient(linear, left top, left bottom, from(var(--k-corn-silk)), to(var(--k-rust)));
        background: -moz-linear-gradient(top, var(--k-corn-silk), var(--k-rust));
        /* for firefox 3.6+ */
        background: linear-gradient(to bottom, var(--k-corn-silk) 0%, var(--k-rust) 100%);
        /* W3C (IE10) maybe others soon.*/
        color: var(--p-white);
    }

    .EntityMetaView .meta_accordion_title {
        cursor: ns-resize;
        padding: 4px 0;
        height: 16px;
        background-color: var(--kc-panel-card-bg);
        border-radius: 3px;
        border: 1px solid var(--kc-panel-card-border);
        margin-bottom: 15px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
        margin-top: 10px;
    }

        .EntityMetaView .meta_accordion_title:hover {
            background-color: #ebebeb;
        }

        .EntityMetaView .meta_accordion_title.stickyHeader {
            z-index: 91;
            /* Overlay grid headers, resize handles and meta panel itself */
            backface-visibility: hidden;
            /* fixed blurry font for sticky headers, Chrome */
        }

            .EntityMetaView .meta_accordion_title.stickyHeader.fixed {
                position: fixed;
            }

            .EntityMetaView .meta_accordion_title.stickyHeader.asPlaceholder {
                visibility: hidden;
                /* Hide scrolling "finished" headers when scrolling */
            }

    .EntityMetaView .meta_accordion_title_contents > span.twoColumnsCF {
        float: right;
        right: 37px;
        position: absolute;
        text-decoration: none;
        margin: 0 5px;
    }

        .EntityMetaView .meta_accordion_title_contents > span.twoColumnsCF.off {
            opacity: 0.5;
        }

    .EntityMetaView .meta_accordion_title_contents > span.move {
        float: right;
        right: 5px;
        cursor: pointer;
        position: absolute;
        text-decoration: none;
        margin: 0 5px;
    }

    .EntityMetaView .meta_accordion_title_contents > span.anchor {
        float: left;
        left: 22px;
        line-height: 18px;
        position: absolute;
        text-decoration: none;
        top: 0;
        width: calc(100% - 45px);
        font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica, sans-serif, weight;
        letter-spacing: 0;
        font-size: 18px;
        font-weight: 600;
        padding: 2px 0;
        color: #112f41;
        cursor: ns-resize;
    }

    .EntityMetaView .meta_accordion_title_contents .actionMenuContainer {
        font-weight: normal;
        /* override the accordions bold font*/
        position: absolute;
        right: 20px;
    }

    .EntityMetaView .meta_accordion_title_closed .title_arrow,
    .EntityMetaView .meta_accordion_title_Invalid_closed .title_arrow {
        background-image: url("../../../Content/images/docstar_sprite.png?v=24.2.161");
        background-position: -322px -57px;
        cursor: pointer;
    }

    .EntityMetaView .meta_accordion_title_open .title_arrow,
    .EntityMetaView .meta_accordion_title_Invalid_open .title_arrow {
        background-image: url("../../../Content/images/docstar_sprite.png?v=24.2.161");
        background-position: -322px -92px;
        cursor: pointer;
    }

    .EntityMetaView .meta_accordion {
        background: var(--kc-panel-card-bg);
        margin-top: 0;
        border-left: 0;
        border-right: 0;
        display: inline-block;
        position: relative;
        width: 100%;
    }

    .EntityMetaView .meta_accordion_title > span {
        float: right;
        height: 20px;
        position: relative;
        right: 15px;
        top: 2px;
        width: 90px;
    }

.EntityViewBottom .EntityMetaView .meta_save_container {
    bottom: 35px;
}

.EntityViewLeft .EntityMetaView .meta_save_container {
    bottom: 20px;
}

.EntityMetaView .meta_save_container {
    bottom: 10px;
    display: inline-block;
    float: left;
    height: 45px;
    left: 0px;
    position: relative;
    width: 100%;
    background-color: var(--p-lt-gray);
}

    .EntityMetaView .meta_save_container hr {
        display: inline-block;
        float: left;
        left: 1%;
        position: relative;
        top: 0px;
        width: 98%;
    }

    .EntityMetaView .meta_save_container .noApprovalStampNotImaged {
        margin: 3px;
    }

    .EntityMetaView .meta_save_container .throbber {
        margin: 3px;
    }

    .EntityMetaView .meta_save_container .saveDocumentButton {
        bottom: 7px;
        right: 9px;
    }

.EntityMetaView .throbberContainer {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.EntityMetaView .labelWidth {
    width: fit-content;
}

.EntityMetaView .valueWidth {
    width: 60%;
}

.EntityMetaView .navigableContainer {
    position: absolute;
    top: 0;
    right: 90px;
}

.EntityViewLeft .EntityMetaView .fieldGroupsAccordion .title_arrow,
.EntityViewBottom .EntityMetaView .fieldGroupsAccordion .title_arrow {
    right: -10px
}

.EntityViewLeft .EntityMetaView .view_document_data_scroll,
.EntityViewBottom .EntityMetaView .view_document_data_scroll {
    height: calc(100% - 17px);
}

.autoWidth {
    width: auto !important;
}

.EntityViewBottom .move {
    -webkit-transform: rotate(180deg); /* WebKit */
    transform: rotate(180deg); /* CSS3 */
}

.manageAccordions {
    margin: 0 5px;
}

.EntityMetaView .backSquared {
    position: relative;
    top: 5px;
    right: -4px
}

.EntityMetaView .menuShortcutContainer .DocumentViewerMenuItemsView {
    margin: 0;
    padding: 0;
}

.EntityMetaView .shortcutIconContainer {
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.EntityMetaView .shortcutContainer {
    display: flex;
}

.EntityMetaView .disableShortcut {
    pointer-events: none;
    opacity: 0.5;
}

.EntityMetaWorkflowView {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: var(--kc-panel-card-bg);
}

.EntityMetaWorkflowView .entityDiffersFromType {
    font-style: italic;
}

.EntityMetaWorkflowView .padLikeABracket {
    padding-left: 4px;
    padding-top: 4px;
    padding-right: 4px;
}

.EntityMetaWorkflowView hr {
    width: 98%;
}

.EntityMetaWorkflowView .wfInfo div span {
    float: left;
    padding: 0;
    text-align: left;
}

.EntityMetaWorkflowView .wfInfo .align-right {
    overflow: hidden;
    padding: 0 0 0 3px;
    white-space: nowrap;
    width: calc(100% - 120px);
    max-width: calc(100% - 120px);
    text-overflow: ellipsis;
}

.EntityMetaWorkflowView .wfInfo .align-left {
    font-weight: bold;
    width: 115px;
}

.EntityMetaWorkflowView div span.anchor:not(.custom_button) {
    color: #0091ea;
}

.EntityMetaWorkflowView .wfUIPrompts span.UserPromptString {
    font-weight: bold;
    padding: 0 3px 5px 0;
}

.EntityMetaWorkflowView .wfUIPrompts a.short_btn,
.EntityMetaWorkflowView .wfUIPrompts a.long_btn {
    left: -4px;
    top: -3px;
    bottom: -2px;
    float: right;
    position: relative;
    text-align: center;
}

.EntityMetaWorkflowView .wfUIPrompts a.short_btn.wfSearch {
    margin-top: 3px;
}

.EntityMetaWorkflowView .wfUIPrompts .wfApprove.disabled,
.EntityMetaWorkflowView .wfUIPrompts .wfDeny.disabled {
    cursor: default;
    background-color: #999;
    background-image: none;
}

.EntityMetaWorkflowView .wfUIPrompts .short_btn.isRequiredEmpty {
    border: 1px solid #a60000;
}

.EntityMetaWorkflowView .wfUIPrompts .depress {
    border: 2px inset #888;
}

.EntityMetaWorkflowView .wfUIPrompts .depress.isRequiredEmpty {
    border: 2px inset #a60000;
}

.EntityMetaWorkflowView .wfUIPrompts .wfApprove {
    margin: 0 9px;
}

.EntityMetaWorkflowView .wfUIPrompts .workflowTaskTemplate .radios input {
    display: table-cell;
    width: 15px;
}

.EntityMetaWorkflowView .wfUIPrompts .uiOutput {
    display: table-cell;
    width: 100%;
}

.EntityMetaWorkflowView .wfUIPrompts input[type="text"],
.EntityMetaWorkflowView .wfUIPrompts input[type="datetime"],
.EntityMetaWorkflowView .wfUIPrompts input[type="password"] {
    width: calc(100% - 20px);
}

.EntityMetaWorkflowView .wfUIPrompts input[type="checkbox"].uiOutput {
    min-width: 15px;
}

.EntityMetaWorkflowView .wfUIPrompts select.uiOutput {
    display: inline-block;
}

.EntityMetaWorkflowView .wfUIPrompts .isCombo:focus,
.EntityMetaWorkflowView .wfUIPrompts input.ui-autocomplete-input.uiOutput.isCombo:focus {
    margin: -1px;
    /* Offsets the focus border */
}

.EntityMetaWorkflowView .wfUIPrompts input:focus,
.EntityMetaWorkflowView .wfUIPrompts select:focus {
    border: 2px solid var(--k-turquoise-blue);
    box-shadow: 0 0 5px var(--k-turquoise-blue);
}

.EntityMetaWorkflowView .wfUIPrompts input,
.EntityMetaWorkflowView .wfUIPrompts select {
    box-shadow: none;
}

.EntityMetaWorkflowView .wfUIPrompts textarea.UserPromptString {
    font-weight: bold;
    resize: none;
    background: white;
    border: none;
    width: 98%;
    max-width: 98%;
    font-family: Source Sans Pro, Verdana, Tahoma;
    font-size: 13px;
    overflow: auto;
}

.EntityMetaWorkflowView .wfUIPrompts a.ui-button {
    display: inline-block;
    /* adjust styles for IE 6/7 */
    float: left;
    height: 25px;
    margin-left: -1px;
    padding: 0;
    position: absolute;
    margin-top: 5px
}

.EntityMetaWorkflowView .wfUIPrompts input.ui-autocomplete-input {
    display: inline-block;
    margin: 0;
    padding: 0.3em;
    right: 0;
}

.EntityMetaWorkflowView .wfUIPrompts input.ui-autocomplete-input {
    display: inline-block;
    margin: 0;
    padding: 0.3em;
    right: 0;
}

.EntityMetaWorkflowView .wfUIPrompts input.ui-autocomplete-input.uiOutput {
    width: 90%;
    height: 10px;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0.3em;
    right: 0;
}

.EntityMetaWorkflowView .wfUIPrompts .ui-combobox input.ui-autocomplete-input.uiOutput.isCombo {
    width: calc(100% - 36px);
    height: 23px;
    padding: 0 0.3em;
}

.EntityMetaWorkflowView .wfSearch_selection {
    text-align: right;
    margin-top: -15px;
    margin-bottom: 15px;
}

.EntityMetaWorkflowView .wfSubmit {
    text-align: right;
    position: relative;
}

.EntityMetaWorkflowView .wfSubmit .submitCont {
    display: inline-block;
    position: relative;
    right: 5px;
}

.EntityMetaWorkflowView .wfSubmit .wfSubmitOptionsList {
    background: none repeat scroll 0 0 var(--p-white);
    border: 1px solid var(--p-black);
    list-style: none outside none;
    padding: 10px;
    right: 5px;
    text-align: right;
    z-index: 15;
    /* Increased to overlay grids and most other items */
    position: absolute;
    top: 28px;
    width: 265px;
}

.EntityMetaWorkflowView .wfSubmit .wfSubmitOptionsList li {
    display: inline-block;
    text-align: left;
    width: 100%;
}

.EntityMetaWorkflowView .wfSubmit .wfSubmitOptionsList .wfSubmitOptionsClose {
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.EntityMetaWorkflowView .wfSubmit .wfUIPromptSubmit:focus {
    border: 2px solid var(--k-turquoise-blue);
    margin: -1px 1px -1px -1px;
    box-shadow: 0 0 5px var(--k-turquoise-blue);
}

.EntityMetaWorkflowView .wfSubmit .wfUIPromptSubmit,
.EntityMetaWorkflowView .wfSubmit .wfBack {
    display: inline-block;
    float: left;
    position: relative;
}

.EntityMetaWorkflowView .wfSubmit .wfUIPromptSubmit {
    margin: 0 2px 0 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.EntityMetaWorkflowView .wfSubmit .wfBack {
    margin-right: 5px;
}

.EntityMetaWorkflowView .wfSubmit span.throbber {
    margin: 4px;
}

.EntityMetaWorkflowView .wfSubmit .wfUISubmitOptions {
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 23px;
    padding: 1px 0;
    width: 15px;
    border-radius: 0 4px 4px 0;
}

.EntityMetaWorkflowView .wfSubmit .wfUISubmitOptions a {
    left: 0;
    position: relative;
    top: 20%;
}

.EntityMetaWorkflowView .wfSubmit .wfUISubmitOptions .whiteIcon {
    background-image: url("../../../Content/themes/jquery-ui/shared/images/ui-icons_d8e7f3_256x240.png?v=24.2.161");
}

.EntityMetaWorkflowView .wfSubmit .wfUISubmitOptions.disabled {
    cursor: default;
}

.EntityMetaWorkflowView .wfSubmit span.throbber {
    margin: 4px;
}

.EntityMetaWorkflowView .WFChatLog {
    left: -1px;
    position: relative;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
    padding: 0px;
    display: table;
}

.EntityMetaWorkflowView .WFChatLog .chatIcon {
    padding: 3px;
}

.EntityMetaWorkflowView .WFChatLog .wfChatInput {
    width: 98%;
}

.EntityMetaWorkflowView .ui-combobox {
    margin-left: -4px;
    display: table-cell;
    width: 100%;
    height: 35px;
}

.EntityMetaWorkflowView .UserPromptString {
    max-width: 34%;
}

.EntityMetaWorkflowView .wfLeftJustify {
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.EntityMetaWorkflowView .wfLeftJustify.wfStatusText {
    font-weight: bold;
}

.EntityMetaWorkflowView .wfLeftJustify.wfStatus {
    margin: 5px 0 0 10px;
}

.EntityMetaWorkflowView .wfLeftJustify.noProcess {
    display: inline-block;
    margin: 15px 0;
    text-align: center;
    width: 100%;
}

.EntityMetaWorkflowView .wfLeftJustify.wfException {
    color: #a60000;
}

.EntityMetaWorkflowView .wfExceptionLayout {
    padding: 0 5px;
}

.EntityMetaWorkflowView .wfExceptionLayout .wfException {
    padding: 0 5px;
    text-decoration: underline;
    cursor: pointer;
}

.EntityPagerView .metaNavigationContainer {
        width: 100%;
        display: inline-block;
        padding: 10px 0 5px 0;
        background-color: #FFF;
    }

    .EntityPagerView .meta_navigation {
        display: table;
        margin: 0 auto;
    }

        .EntityPagerView .meta_navigation > span.metadata_navigation_start,
        .EntityPagerView .meta_navigation > span.metadata_navigation_prev,
        .EntityPagerView .meta_navigation > span.metadata_navigation_next,
        .EntityPagerView .meta_navigation > span.metadata_navigation_end {
            background-color: transparent;
            border: none;
            cursor: pointer;
            float: left;
            height: 16px;
            position: relative;
            width: 16px;
        }

        .EntityPagerView .meta_navigation .metadata_results_type,
        .EntityPagerView .meta_navigation .metadata_results_max {
            float: left;
            padding: 0 12px;
            position: relative;
        }

        .EntityPagerView .meta_navigation .metadata_results_counter {
            float: left;
            height: 12px;
            margin: 0 12px;
            position: relative;
            text-align: center;
            top: -3px;
            width: 40px;
        }
.EntityView {
    width: 100%;
    height: 100%;
    position: relative;
}

    .EntityView .EntityViewLeft {
        height: 70%;
        position: relative;
        float: left;
        z-index: 20;
    }

        .EntityView .EntityViewLeft .EntityMetaView {
            height: calc(100% - 5px); /* Make a 5px space, so the meta view isn't pushed up using a bottom */
        }

        .EntityView .EntityViewLeft .EntityPagerView + .EntityMetaView .metaPanelWithPagerView {
            height: calc(100% - 70px); /* Make a 5px space, so the meta view isn't pushed up using a bottom */
        }

    .EntityView .EntityViewRight {
        position: absolute;
        height: 68%;
        right: 0;
        left: 0;
        min-width: 480px;
    }

    .EntityView .EntityViewBottom {
        height: 25%;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        min-width: 480px;
        z-index: 20;
        right: 18px;
    }

    .EntityView .ui-resizable-handle:hover {
        background-color: rgba(2,80,100,.5);
    }

    .EntityView .EntityViewBottom .EntityPagerView {
        margin: 2px 0 0;
    }

        .EntityView .EntityViewBottom .EntityPagerView + .EntityMetaView .metaPanelWithPagerView {
            max-height: calc(100% - 80px);
        }

    .EntityView .EntityViewBottom .ui-resizable-n {
        top: -45px
    }

    .EntityView .EntityViewBottom .EntityMetaView .view_document_data_scroll {
        top: -40px;
        background-color: var(--p-lt-gray);
    }

    .EntityView .EntityViewBottom .meta_accordions {
        background-color: var(--p-lt-gray);
    }
    /*#region Document Hits */
    .EntityView .documentNavigator {
        background: #DAE9F8;
        border: 1px solid #000;
        color: black;
        cursor: default;
        display: none;
        font-weight: normal;
        height: 15px;
        line-height: 15px;
        padding: 7px 5px;
        position: absolute;
        top: 32px;
        z-index: 98;
    }

        .EntityView .documentNavigator div {
            display: inline-block;
            float: left;
        }

        .EntityView .documentNavigator span {
            cursor: default;
            display: inline-block;
            float: left;
            margin: 0 15px 0 0;
        }

            .EntityView .documentNavigator span.ui-icon {
                cursor: pointer;
                margin: 0;
            }

            .EntityView .documentNavigator span.closeDocNav {
                margin: 0 5px 0 0;
            }

            .EntityView .documentNavigator span.cursor {
                cursor: pointer;
            }

    .EntityView .documentText {
        background: #FFF;
        border: 1px solid #000;
        bottom: 7px;
        display: none;
        height: 300px;
        left: 0;
        position: absolute;
        width: 99.7%;
    }

    .EntityView .documentTextHeader {
        background: #DAE9F8;
        border-bottom: 1px solid #000;
        height: 15px;
        padding: 7px 0;
        position: relative;
        width: 100%;
    }

        .EntityView .documentTextHeader span {
            display: inline-block;
            float: left;
            line-height: 15px;
            margin: 0 5px 0 10px;
        }

            .EntityView .documentTextHeader span.closeDocText {
                cursor: pointer;
            }

    .EntityView .documentTextContent {
        height: 265px;
        overflow: auto;
    }

        .EntityView .documentTextContent pre {
            font-family: Source Sans Pro, verdana;
            font-size: 13px;
            margin: 5px 0 5px 15px;
            max-height: 100%;
        }

    .EntityView .hitHighlight {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51CBEE', endColorstr='#51CBEE');
        background: #51CBEE;
    }

    .EntityView .annoHighlight {
        background: #51CBEE;
        display: inline-block;
        opacity: .75;
        position: absolute;
    }

    .EntityView .EntityViewLeft .ui-resizable-e {
        right: -18px; /* Moving the resize handle to the right of the scrollbar */
    }

/*#endregion Document Hits*/

.EntityViewBasicPaneView {
	border-bottom: 1px var(--p-teal) solid;
	background-color: var(--k-lt-gray);
	margin-bottom: 5px;
}

	.EntityViewBasicPaneView .basicInfo,
	.EntityViewBasicPaneView .workflowInfo {
		width: 50%;
		height: 25px;
		margin: 1px;
	}

		.EntityViewBasicPaneView .basicInfo .title,
		.EntityViewBasicPaneView .workflowInfo .wStep {
			font-size: 15px;
			font-weight: bold;
		}

		.EntityViewBasicPaneView .workflowInfo .sPng {
			float: left;
			margin: 2px 10px 0px 15px;
		}

		.EntityViewBasicPaneView .basicInfo .item_type_icon {
			float: left;
			margin-top: 5px;
			margin-right: 15px;
		}

	.EntityViewBasicPaneView .infoContainer {
		display: flex;
	}

	.EntityViewBasicPaneView .noStepName {
		font-style: italic;
	}

	.EntityViewBasicPaneView .basicInfo {
		justify-content: end;
		display: flex;
		margin-right: 20px;
	}

	.EntityViewBasicPaneView .workflowInfo {
		margin-left: 20px;
	}

	.EntityViewBasicPaneView .basicInfo span:not(.title):not(.item_type_icon) {
		margin-top: 2px;
	}

	.EntityViewBasicPaneView .separator {
		margin: 0 5px;
	}

	.EntityViewBasicPaneView .noWF {
		top: 3px;
		position: relative;
	}

.EntityViewerView {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 0 0 18px;
    background: linear-gradient(to bottom, #008AA9 0, #008AA9 100%);
}

    .EntityViewerView.metaPanelHidden {
        left: -18px;
    }

    .EntityViewerView.hideNative .viewer_image {
        visibility: hidden;
        overflow: hidden;
        width: 0;
        height: 0;
    }

    .EntityViewerView .DocumentViewerMenuView ul.children {
        overflow: visible;
    }

        .EntityViewerView .DocumentViewerMenuView ul.children::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }

        .EntityViewerView .DocumentViewerMenuView ul.children::-webkit-scrollbar-thumb {
            background-color: var(--k-label);
        }

        .EntityViewerView .DocumentViewerMenuView ul.children::-webkit-scrollbar-track {
            background-color: var(--k-disabled);
        }

    /* Mozilla Scrollbar styles */

    .EntityViewerView .DocumentViewerMenuView ul.children {
        scrollbar-color: var(--k-label) var(--k-disabled);
        scrollbar-width: var(--k-scroll);
    }

    /* IE scrollbar styles */

    .EntityViewerView .DocumentViewerMenuView ul.children {
        -ms-scrollbar-base-color: var(--k-label);
        -ms-scrollbar-track-color: var(--k-disabled);
    }

    .EntityViewerView .editMarkContainer .approvalStampContentContainer {
        width: 100%;
        margin: 2px 0;
        position: relative;
        float: left;
        top: 100%;
        min-width: 155px;
        cursor: default;
    }

        .EntityViewerView .editMarkContainer .approvalStampContentContainer .explanationContainer {
            border: 1px solid black;
            overflow: auto;
            margin: 2px 0;
            padding-left: 5px;
            cursor: default;
            max-height: 95px;
            /* Height of textarea in the approval dialog */
        }

            .EntityViewerView .editMarkContainer .approvalStampContentContainer .explanationContainer textarea {
                resize: none;
                border: none;
                padding: 2px 0;
                width: 100%;
                outline: 0px solid transparent;
            }

                .EntityViewerView .editMarkContainer .approvalStampContentContainer .explanationContainer textarea:focus {
                    outline: 0px solid transparent;
                }

        .EntityViewerView .editMarkContainer .approvalStampContentContainer .explanationContainer,
        .EntityViewerView .editMarkContainer .approvalStampContentContainer .signingCeremonyContainer {
            background: #FFF;
        }

        .EntityViewerView .editMarkContainer .approvalStampContentContainer .approvalStampBtnContainer {
            float: right;
        }

        .EntityViewerView .editMarkContainer .approvalStampContentContainer .signingCeremonyContainer {
            padding: 0 5px;
        }

    .EntityViewerView .editMarkContainer .selectedAnno {
        z-index: 151;
        /* Always have the selectedAnno on top of others*/
        /*margin: -1px;*/
        /* To make up for the selected border */
    }
    .hiddenDocView {
        width: 15px;
        left: auto;
        right: 2px;
    }

.EnumSettingView {
    display: table;
    float: left;
    width: auto;
}

    .EnumSettingView input {
        display: table-cell;
    }

    .EnumSettingView span {
        position: relative;
        display: table-cell;
        vertical-align: middle;
    }

    .EnumSettingView.item {
        border-spacing: 0;
        margin: 0 0 4px;
        display: table;
        float: left;
        width: auto;
    }

        .EnumSettingView.item input {
            margin: 3px 3px 3px 4px;
            display: table-cell;
        }

        .EnumSettingView.item span {
            width: 130px;
            font-weight: normal;
            position: relative;
            display: table-cell;
            vertical-align: middle;
        }

.ESignatureView {
    width: 100%;
    height: 100%;
    position: relative;
}

    .ESignatureView .viewer_menubar .view_menu {
        float: left;
        position: relative;
        margin: 0 0 0 3px;
    }

    .ESignatureView .viewer_menubar .viewer_navigation {
        float: left;
        display: inline-block;
        margin-left: 6px;
        margin: 3px 0 0 6px;
    }

    .ESignatureView .viewer_menubar .viewer_results_type {
        float: left;
        margin: 0 1px;
        position: relative;
    }

    .ESignatureView .viewer_menubar .navControl {
        background-color: transparent;
        border: none;
        cursor: pointer;
        float: left;
        height: 16px;
        position: relative;
    }

    .ESignatureView .viewer_menubar input {
        float: left;
        height: 12px;
        margin: 0px 3px;
        position: relative;
        text-align: center;
        top: -3px;
        width: 40px;
    }


    .ESignatureView .sigViewerContainer {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 32px 0 0 0;
    }

        .ESignatureView .sigViewerContainer .fullIframe {
            height: 100%;
            width: 100%;
        }

            .ESignatureView .sigViewerContainer .fullIframe.hideNative {
                display: none;
            }

        .ESignatureView .sigViewerContainer .iconIframe {
            height: 34px;
            width: 34px;
        }

        .ESignatureView .sigViewerContainer .download {
            top: -10px;
            position: relative;
        }

    .ESignatureView iframe.download {
        display: none;
    }

    .ESignatureView .sigViewerContainer span {
        margin: 25%;
        color: yellow;
        font-size: 12px;
    }

    .ESignatureView.hideNative .viewer_menubar div:not(.arrow),
    .ESignatureView.hideNative .view_menu {
        visibility: hidden;
        overflow: hidden;
        width: 0;
        height: 0;
    }

    .ESignatureView.hideNative .sigViewerContainer {
        display: none;
    }
.ExportJobsEditView {
    width: 100%;
    height: 100%;
}

.bottomMargin > .items_checkbox {
    left: 18px;
}

    .ExportJobsEditView .gridContainer .StaticDataGridView {
        height: 250px;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .ExportJobsEditView .custom_button {
        margin-top: 5px;
        margin-right: 10px;
    }

    .ExportJobsEditView .blackoutSettings {
        margin-top: 5px;
    }

    .ExportJobsEditView .bottomMargin {
        margin-bottom: 5px;
    }
        .ExportJobsEditView .bottomMargin label {
            margin-right:5px;
        }

.FavoriteSearchesView {
	height: 99%;
	width: 100%;
}

.FavoriteSearchesView details {
	cursor: pointer;
	margin-bottom: 8px;
}

.FavoriteSearchesView details summary {
	margin-bottom: 4px;
}

.FavoriteSearchesView details ul {
	margin: 0;
	padding-left: 30px;
	list-style: none;
}

.FavoriteSearchesView details ul a {
	color: black;
}

.FavoriteSearchesView p {
	margin: 0 0 8px 0;
}

	.FavoriteSearchesView .favoriteSearchesContainers {
		border: 1px solid var(--kc-panel-card-border);
		border-radius: 5px;
		bottom: 5px;
		width: -webkit-fill-available;
		width: -moz-available;
		margin: 5px;
		min-height: calc(100% - 20px);
	}

.FavoriteSearchesView .favoriteSearchesContainers legend {
	font-weight: bold;
	margin: 0 auto;
}


.FieldedSearchView {
    display: table;
    min-height: 30px;
    /* Allow exceptions to expand the height, while also making it so each field row takes up the height it needs */
    position: relative;
    width: calc(100% - 10px);
    margin: 5px 5px 0px 5px;
}

.FieldedSearchView .displayNone {
    display: none;
}

.FieldedSearchView select {
    width: 100%;
}

.FieldedSearchView .database_field {
    position: relative;
    margin: 0;
    width: 40%;
}

.FieldedSearchView .database_field_criteria {
    position: relative;
    margin: 0;
    width: 20%;
}

.FieldedSearchView .database_field_input {
    width: 40%;
}

.FieldedSearchView .database_field_input .ui-combobox a {
    height: 22px;
}

.FieldedSearchView .database_field_input span.warningErrorClass {
    position: relative;
    left: 0;
    width: 100%;
}


.FieldedSearchView .field_search_btn {
    float: left;
    left: 15px;
    position: relative;
    top: 15px;
    width: 96%;
}

.FieldedSearchView span.ui-combobox {
    width: 100%;
}

.FieldedSearchView .rangeStart+.ui-combobox,
.FieldedSearchView .rangeEnd+.ui-combobox {
    width: 100%;
}

    .FieldedSearchView .database_field_text {
        width: calc(100% - 10px);
        font-size: 13px;
        font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
 
    height: 18px; /* height for the textbox in the search-fields changed for the alignment */
}

.FieldedSearchView .ui-selectmenu-button {
    width: calc(100% - 30px);
}

.FieldedSearchView .rangeStartCont,
.FieldedSearchView .rangeEndCont {
    display: table-cell;
    width: 50%;
    border-right: 10px solid rgba(0, 0, 0, 0);
    /* Create spacing between table elements */
}

.FieldedSearchView .rangeStartCont .ui-selectmenu-button,
.FieldedSearchView .rangeEndCont .ui-selectmenu-button {
    width: calc(100% - 20px);
}

    .FieldedSearchView .rangeStart,
    .FieldedSearchView .rangeEnd {
        width: 100%;
        height: 18px;
    }

.FieldedSearchView .field_search_field {
    display: table-row;
}

    .FieldedSearchView .field_search_field>div {
        vertical-align: top;
        display: table-cell;
    }

.FieldedSearchView .field_search_field>div.displayNone {
    display: none;
}

.FieldedSearchView .field_search_field .delFieldCont,
.FieldedSearchView .field_search_field .addFieldCont {
    width: 50%;
    cursor: pointer;
    padding-top: 2px;
}

.FieldedSearchView .field_search_field .datepicker_warning {
    float: left;
    height: 16px;
    position: relative;
    right: 200px;
    top: 18px;
    width: 16px;
}

.FieldedSearchView .field_search_field .datepicker_warning p {
    position: relative;
    top: 0;
    width: 230px;
    z-index: 1;
}


.FieldedSearchView .date_search {
    float: none;
    position: relative;
    top: -3px;
    right: 0;
    margin-right: -3px;
}

.FieldedSearchView .field_search_field .field_criteria_section {
    width: calc(100% - 44px);
    display: inline-flex;
    flex-direction: row;
}

.FieldedSearchView .field_search_field .field_search_buttons {
    width: 40px;
    display: inline-flex;
    flex-direction: row;
}

.FieldedSearchView .input_field_max_width {
    width: 60%;
}

.FieldedSearchView .field_search_field.search_field_border span.ui-combobox input.isCombo {
    width: calc(100% - 6px);
}
.FormConditionEditorView {
    width: 100%;
    height: 93%;
}


    .FormConditionEditorView .textareaResizeNone {
        height: calc(100% - 85px);
    }
.FormElementConditionsView {
    
}

    .FormElementConditionsView .editElementCondition, .FormElementConditionsView .deleteElementCondition, .FormElementConditionsView .editElementRegex {
        float: right;
    }
.FormElementControlsView>div {
    max-height: 24%;
}

.FormElementControlsView .formTabs {
    background-color: var(--kc-panel-card-bg);
    border-radius: 3px;
    border: 1px solid var(--kc-panel-card-border);
    float: left;
    width: 100%;
    margin-bottom: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
}

.FormElementControlsView ul {
    width: 46%;
    list-style: none;
    padding: 0;
    margin: 0 2px;
}

.FormElementControlsView li {
    width: 100%;
    height: 24px;
    padding: 0;
    margin: 0 0 8px;
    border-radius: 6px;
    cursor: move;
}

.FormElementControlsView li span {
    float: left;
    height: 100%;
}

.FormElementControlsView li span.no_text_select {
    line-height: 24px;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.FormElementControlsView span.formElementControlIcon {
    display: inline-block;
    width: 16px;
    margin: 0 3px;
}

.FormElementControlsView .customFieldGroupDisabled {
    background-color: #D7D7D7;
}

/*#region #masterForm replacement css */
/* The below css is to match the default css for a textarea form element, so it appears similar to an element in the designer */

.exampleFormElementContainer {
    display: inline-block;
    position: relative;
    padding: 5px 0;
    width: 100%;
    min-height: 40px;
}

.exampleFormElementContainer .items_checkbox {
    left: 20px;
}

.exampleFormElementContainer .toggleLabel {
    margin: 0 5px 0;
}

    .exampleFormElementContainer textarea {
        font-size: 13px;
        font-family: Source Sans Pro, Verdana;
        font-weight: normal;
    }

.exampleFormElementContainer textarea {
    vertical-align: middle;
    outline: none;
}

.exampleFormElementContainer .formElementLabel {
    white-space: pre;
    vertical-align: middle;
}

.exampleFormElementContainer div.formElementMarkup {
    position: static !important;
    /* Override absolute positioning, set by form element markup */
    display: inline-block;
    border: 1px solid #51cbee;
    box-shadow: 0 1px 3px 0 rgba(81, 203, 238, 0.5);
}

.exampleFormElementContainer label {
    float: left;
    margin: 10px 10px 0;
}

.exampleFormElementContainer .exampleFormElementViewContainer {
    margin: 0 0 0 25px;
    display: inline-block;
}

.uploadForm::-webkit-file-upload-button {
    visibility: hidden;
    width: 0px;
}

.uploadForm::before {
    content: 'Choose File';
    display: inline-block;
    background-color: var(--kc-interactive-blue);
    border: 1px solid var(--kc-interactive-blue);
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    cursor: pointer;
    color: var(--p-white);
    font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
    font-size: 14px;
}
/*#endregion #masterForm remplacement css */
.FormElementGroupSettingsView span.warningErrorClass {
    float: right;
}

.FormElementGroupSettingsView select[name="SortById"] {
    width: 155px;
}

.FormElementGroupSettingsView input[name="MaxPerPage"].flow {
    width: 148px !important;
}

.FormElementGroupSettingsView span.flow {
    margin: 0 0 0 2px;
}

.FormElementGroupView .formElementGroupHandle:not(.ignore) {
    position: absolute;
    border: 1px solid #000;
    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.*/
    z-index: 25;
    /* Added so the group handle will overlay other elements */
    cursor: default;
}

.FormElementGroupView.formElementGroupHelper .formElementGroupHandle:not(.ignore) {
    z-index: auto;
}

.FormElementGroupView.formElementGroupHelper .ui-combobox a {
    margin-right: -1px;
    /* reduce margin so the combobox dropdown doesn't wrap when it has correct width */
}

.FormElementGroupView .formElementGroupHandle.selected,
.FormElementGroupView .formElementMarkup.selected {
    border: 1px solid #51CBEE;
    box-shadow: 0 1px 3px 0 rgba(81, 203, 238, 0.5);
}

#masterForm .FormElementGroupView .groupPreviewDisplayContainer .FormElementGroupSet>div.formElementMarkup {
    padding: 6px;
    /* Added to match the padding of the initial elements in the designer*/
}

.droppedElement .items_checkbox {
    left: 20px;
}

.ui-dialog .droppedElement div.customFieldMetaEditView {
    width: 800px;
}

.ui-dialog .droppedElement .customFieldMetaEditView ol.unstyledList {
    display: inline-block;
    float: left;
    width: auto;
}

.ui-dialog .droppedElement .customFieldMetaEditView ol.unstyledList label {
    width: 100px;
}


.ui-dialog .droppedElement .customFieldMetaEditView .unstyledList.customFieldValues {
    width: auto;
}

.ui-dialog .droppedElement .customFieldMetaEditView .CustomFieldMetaPropertiesView {
    width: 420px;
    display: inline-block;
    float: left;
}
.FormElementLabelValuePairsView {
    list-style: none;
    padding: 0;
    margin: 0;
}

.FormElementLabelValuePairsView li.FormElementLabelValuePairView {
    width: 100%;
    float: left;
    margin: 5px 0;
}

.FormElementLabelValuePairsView li.FormElementLabelValuePairView .labelValuePairContainer {
    width: 225px;
    float: left;
}

.FormElementLabelValuePairsView li.FormElementLabelValuePairView .labelValuePairContainer>div {
    margin: 3px 0 3px 11px;
}

.FormElementLabelValuePairsView li.FormElementLabelValuePairView fieldset .labelValuePairContainer input[type="text"] {
    margin: 0 5px;
    width: 160px;
}

.FormElementLabelValuePairsView li.FormElementLabelValuePairView span {
    display: inline-block;
    min-width: 16px;
}

.FormElementLabelValuePairsView li.FormElementLabelValuePairView input[name="IsSelected"] {
    position: relative;
    top: 15px;
}

.FormElementLabelValuePairsView li.FormElementLabelValuePairView .ui-icon {
    position: relative;
    top: 11px;
}


.FormElementLabelValuePairsView li.FormElementLabelValuePairView .items_radio {
    top: 20px;
    padding-left: 0;
}

.FormElementLabelValuePairsView li.FormElementLabelValuePairView .items_radio label {
    display: inline;
}
.FormElementLabelValuePairView .labelValuePairContainer > div > span:not(.warningErrorClass) {
    width: 49px;
    max-width: 41px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.FormElementSettingsView {
    position: relative;
    height: calc(100% - 40px);
    width: 100%;
}

.FormElementSettingsView .accordion {
    width: 100%;
    height: 100%;
    padding: 5px 0;
}

.FormElementSettingsView .fieldSettingsContainer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30px;
    /*padding: 0px 4px 0 5px;*/
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 100%;
    border: 1px solid var(--kc-panel-card-border);
}

.FormElementSettingsView .fieldSettingsContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.FormElementSettingsView .fieldSettingsContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.FormElementSettingsView .fieldSettingsContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

.FormElementSettingsView .fieldSettingsContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.FormElementSettingsView .fieldSettingsContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}

.FormElementSettingsView .fieldSettingsContainer.aboveOverlay {
    z-index: 1001;
    border: 0;
}

.FormElementSettingsView .fieldSettingsContainer.aboveOverlay>div:not([data-accid="formElementFormulaAccState"]) {
    display: none;
}

.FormElementSettingsView .fieldSettingsContainer>div {
    margin: 5px 0;
}

    .FormElementSettingsView .fieldSettingsContainer .formTabs {
        background-color: var(--kc-panel-card-bg);
        border-radius: 3px;
        border: 1px solid var(--kc-panel-card-border);
        float: left;
        width: 100%;
        margin-bottom: 5px; /*DOC-6070*/
        box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
        width: 97%;
        padding-left: 5px;
    }

.labelTextSettingsContainer .items_checkbox,
.FormElementValueView .items_checkbox {
    left: 25px;
}

.FormElementSettingsView .fieldSettingsContainer>div[data-accid] .accordion_title {
    position: relative;
    left: -5px;
    padding-left: 9px;
}

.FormElementSettingsView .fieldSettingsContainer>div[data-accid] .accordion_title>.accordion_title_contents {
    margin-left: -9px;
}

.FormElementSettingsView .fieldSettingsContainer>div[data-accid="formElementFormulaAccState"] {
    position: relative;
}

.FormElementSettingsView .fieldSettingsContainer>div[data-accid="formElementFormulaAccState"] .accordion.open {
    width: calc(100% + 4px);
    left: -4px;
}

.FormElementSettingsView .posBottom {
    bottom: 0;
}

.FormElementSettingsView .buttonContainer {
    display: table;
    margin: 0 auto;
}

.FormElementSettingsView .TextSettingsView {
    float: right;
}

.FormElementSettingsView label {
    width: 100%;
    display: inline-block;
    margin: 2px 0;
}

.FormElementSettingsView span.editBackingStore {
    float: right;
}

.FormElementSettingsView label>select[name="BackingStoreId"]:not(.fieldBackingStoreWithoutIcon) {
    width: 154px;
    /* field backing store: allow room for two icons, edit and add*/
}

.FormElementSettingsView label>select[name="BackingStoreId"].imgBackingStores {
    width: 169px;
    /* image backing store: one icon does both edit and add */
}

.FormElementSettingsView label>select[name="BackingStoreId"][disabled] {
    width: 185px;
    /* constant backing store: no editing / no icons (detected with disabled attribute) */
}

.FormElementSettingsView label>input:not([type="checkbox"]),
.FormElementSettingsView label>select,
.FormElementSettingsView label>textarea,
.FormElementSettingsView label>.ui-combobox {
    float: right;
}

.FormElementSettingsView label>input[type="checkbox"] {
    margin: 0 5px 0;
}

.FormElementSettingsView fieldset {
    margin: 0;
}

.FormElementSettingsView fieldset .items_checkbox {
    left: 20px;
}
.FormElementView .formElementMarkup {
    padding: 5px;
    border: 1px solid #999;
    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.*/
    cursor: default;
}

    .FormElementView .formElementMarkup.ui-draggable-dragging {
        z-index: 100;
    }

    .FormElementView .formElementMarkup.selected {
        border: 1px solid #51CBEE;
        box-shadow: 0 1px 3px 0 rgba(81, 203, 238, 0.5);
    }

    .FormElementView .formElementMarkup.labelHidden.selected {
        border: 1px solid #51CBEE;
        box-shadow: 0 1px 3px 0 rgba(81, 203, 238, 0.5);
    }

        .FormElementView .formElementMarkup.labelHidden.selected:not(fieldset) {
            margin: -1px;
        }

    .FormElementView .formElementMarkup.labelHidden textarea[readonly] {
        position: absolute;
        top: 25%;
    }


    .FormElementView .formElementMarkup.labelHidden:not(fieldset) {
        border: none;
        box-shadow: none;
    }

    .FormElementView .formElementMarkup.editingHighlight:not(.selected) {
        border: 1px solid #00FF00;
        box-shadow: 0 1px 3px 0 rgba(0, 255, 0, 0.5);
        cursor: pointer;
    }

        .FormElementView .formElementMarkup.editingHighlight:not(.selected) > * {
            cursor: pointer; /* Have the cursor be a pointer for the entire element that can be used in a formula */
        }

    .FormElementView .formElementMarkup.errorHighlight {
        border: 1px solid #AA0000;
        box-shadow: 0 1px 3px 0 rgba(170, 0, 0, 0.5);
    }

    .FormElementView .formElementMarkup [readonly] {
        background-color: #F0F0F0;
    }

    .FormElementView .formElementMarkup:not(.selected) a {
        cursor: default; /* Display the default cursor for an anchor tag form element that isn't selected yet */
    }

    .FormElementView .formElementMarkup a {
        display: inline-block;
    }

        .FormElementView .formElementMarkup a.resizeBorder {
            border: 1px dotted #000;
        }

.FormElementView .formElementLabel.ui-resizable {
    border: 1px dotted #000;
    margin: -1px;
}

.FormElementView input[type="checkbox"] {
    box-shadow: none;
}

.FormElementView textarea {
    resize: none;
}

.FormElementView .ui-wrapper {
    overflow: visible;
    display: inline-flex;
}

.FormElementView .formElementMarkup:not(.selected) .ui-resizable-handle {
    display: none;
}

.FormElementView .ui-resizable-handle {
    border: 1px solid #000;
}

    .FormElementView .ui-resizable-handle.ui-resizable-n,
    .FormElementView .ui-resizable-handle.ui-resizable-s {
        background: #fff;
        left: 50%;
        width: 5px;
        height: 5px;
        z-index: 100;
    }

    .FormElementView .ui-resizable-handle.ui-resizable-e,
    .FormElementView .ui-resizable-handle.ui-resizable-w {
        background: #fff;
        width: 5px;
        height: 5px;
        top: 40%;
        z-index: 100;
    }

    .FormElementView .ui-resizable-handle.ui-resizable-ne,
    .FormElementView .ui-resizable-handle.ui-resizable-se,
    .FormElementView .ui-resizable-handle.ui-resizable-nw,
    .FormElementView .ui-resizable-handle.ui-resizable-sw {
        background: #fff;
        width: 5px;
        height: 5px;
        z-index: 100;
    }

    .FormElementView .ui-resizable-handle.ui-resizable-n {
        top: -4px;
    }

    .FormElementView .ui-resizable-handle.ui-resizable-s {
        bottom: -4px;
    }

    .FormElementView .ui-resizable-handle.ui-resizable-e {
        right: -4px;
    }

    .FormElementView .ui-resizable-handle.ui-resizable-w {
        left: -4px;
    }

    .FormElementView .ui-resizable-handle.ui-resizable-ne {
        top: -4px;
        right: -4px;
    }

    .FormElementView .ui-resizable-handle.ui-resizable-se {
        bottom: -4px;
        right: -4px;
    }

    .FormElementView .ui-resizable-handle.ui-resizable-nw {
        top: -4px;
        left: -4px;
    }

    .FormElementView .ui-resizable-handle.ui-resizable-sw {
        bottom: -4px;
        left: -4px;
    }

.FormFieldsView ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
}

    .FormFieldsView ul li:not(:first-child) {
        margin: 5px 0 0;
    }

.FormFieldView {
    display: inline-block;
    width: calc(100% - 15px);
    padding: 3px 5px;
    border: 1px solid var(--k-disabled);
    border-radius: 6px;
}

    .FormFieldView > span {
        font-weight: bold;
        margin: 0 0 10px;
    }

    .FormFieldView > div {
        margin: 0 0 0 15px;
    }

.FormRegexEditorView {

}

.FormRegexEditorView {

} 
.FormsDesignerCanvasView {
    border-radius: 4px;
    border: 1px solid #aaa;
    display: inline-block;
    position: absolute;
    top: 101px;
    bottom: 5px;
    left: 0;
    right: 0;
    max-height: 100%;
}

.FormsDesignerCanvasView .templateFieldContainer {
    position: relative;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#909090', endColorstr='#808080');
    background: -webkit-gradient(linear, left top, left bottom, from(#909090), to(#808080));
    background: -moz-linear-gradient(top, #909090, #808080);
    /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #909090 0%, #808080 100%);
    /* W3C (IE10) maybe others soon.*/
}

.FormsDesignerCanvasView .canvas {
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
    position: relative;
}

.FormsDesignerCanvasView .canvas::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.FormsDesignerCanvasView .canvas::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.FormsDesignerCanvasView .canvas::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

.FormsDesignerCanvasView .canvas {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.FormsDesignerCanvasView .canvas {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}

.FormsDesignerCanvasView .canvas>div {
    position: relative;
    border: 1px solid #000;
    box-shadow: 2px 2px 4px #000;
    margin: 10px auto;
    background-color: #F9F9F9;
}

.FormsDesignerCanvasView .canvas>div.gridBackground {
    background-image: url('../../images/dynamicAnchorBg.jpg?v=24.2.161');
    background-position: -1px -1px;
    border: 1px solid #12c3f4;
    box-shadow: inset 0 0 10px #666;
}

.FormsDesignerCanvasView #masterForm {
    cursor: crosshair;
}

.FormsDesignerCanvasView .dragguideline {
    position: absolute;
    border-top: 1px solid red;
    border-left: 1px solid red;
    z-index: 99;
}

.FormsDesignerCanvasView .ruler.horizontal {
    position: absolute;
    width: 100%;
    height: 10px;
    left: 1px;
    top: -11px;
    background: white;
    z-index: 99;
    background-image: url('../../images/rulerhorizontal.png?v=24.2.161');
    background-repeat: repeat-x;
}

.FormsDesignerCanvasView .ruler.vertical {
    position: absolute;
    width: 10px;
    height: 100%;
    left: -11px;
    top: 1px;
    background: white;
    z-index: 99;
    background-image: url('../../images/rulervertical.png?v=24.2.161');
    background-repeat: repeat-y;
}

.FormsDesignerCanvasView .multiSelectBoundingBox {
    position: absolute;
    z-index: 51;
    outline: 2px dashed #51CBEE;
    box-shadow: 0 0 0 2px white;
    height: auto;
    width: auto;
    animation: 1s animateBoundingBox ease-in-out infinite;
    cursor: move;
}

.FormsDesignerCanvasView .multiSelectBoundingBox span {
    cursor: move;
    z-index: 99;
    left: -10px;
    top: -10px;
    position: absolute;
    height: 16px;
    width: 16px;
}

@keyframes animateBoundingBox {
    to {
        outline-color: white;
        box-shadow: 0 0 0 2px #51CBEE;
    }
}
.FormsDesignerFormPartView {
    width: 100%;
    margin: 8px 0 0;
}

    .FormsDesignerFormPartView .menubar {
        /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = "#d4e8fc", endColorstr = "#032342");*/
        /*background: linear-gradient(to bottom, #d4e8fc 0, #032342 100%);*/ /* W3C (IE10) maybe others soon.*/
        /*background: -moz-linear-gradient(center top, #d4e8fc, #032342) repeat scroll 0 0 transparent;
        background: -webkit-gradient(linear, left top, left bottom, from(#d4e8fc), to(#032342));*/
        background: #f0ede0;
        color: #000;
        float: left;
        height: 20px;
        padding: 3px 0 4px 5px;
        position: relative;
        width: 100%;
    }


        .FormsDesignerFormPartView .menubar > span.ui-icon {
            cursor: pointer;
        }

        .FormsDesignerFormPartView .menubar input {
            padding: 0 1px;
        }

        .FormsDesignerFormPartView .menubar span,
        .FormsDesignerFormPartView .menubar input {
            display: inline-block;
            vertical-align: middle;
        }

            .FormsDesignerFormPartView .menubar input[name="Sequence"] {
                width: 40px;
                text-align: center;
            }

            .FormsDesignerFormPartView .menubar input[name="BookmarkLabel"] {
                width: 75px;
            }

    .FormsDesignerFormPartView span.custom_button {
        width: 46px;
        height: 16px;
        line-height: 16px;
    }

        .FormsDesignerFormPartView span.custom_button.uploadFile {
            width: auto;
            line-height: 16px;
            padding: 1px 5px;
            margin: 0 5px;
        }

.FormsDesignerFormPartView .menubar .items_checkbox {
    left: 20px;
}
.FormsDesignerTemplateDataView {
    width: 100%;
    height: 61px;
    position: relative;
    top: 5px;
    border-radius: 4px;
    border: 1px solid var(--kc-panel-card-border);
    display: inline-block;
}

    .FormsDesignerTemplateDataView.selected {
        border: 1px solid var(--kc-panel-card-border);
    }

    .FormsDesignerTemplateDataView .formSettings {
        width: 100%;
        max-height: 100%;
        overflow: auto;
    }

        .FormsDesignerTemplateDataView .formSettings h1 {
            margin: 5px 10px;
            min-height: 30px;
            max-height: 30px;
            overflow: hidden;
            color: var(--p-black);
        }

        .FormsDesignerTemplateDataView .formSettings pre {
            max-width: 100%;
            text-overflow: ellipsis;
            min-height: 14px;
            max-height: 28px;
            padding: 0 10px;
            margin: 0 10px;
            white-space: pre-wrap;
            word-wrap: break-word;
            color: #212529;
        }

.FormsDesignerView {
    width: 100%;
    height: 100%;
    position: relative;
}

    .FormsDesignerView .ui-tabs-panel {
        position: absolute;
        top: 65px;
        bottom: 0px;
        left: 0;
        right: 0;
        max-height: 100%;
        overflow: auto;
        padding: 0;
    }

        .FormsDesignerView .ui-tabs-panel::-webkit-scrollbar,
        .FormTemplateSettingsView .formSettingsContainer::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }

        .FormsDesignerView .ui-tabs-panel::-webkit-scrollbar-thumb,
        .FormTemplateSettingsView .formSettingsContainer::-webkit-scrollbar-thumb {
            background-color: var(--k-label);
        }

        .FormsDesignerView .ui-tabs-panel::-webkit-scrollbar-track,
        .FormTemplateSettingsView .formSettingsContainer::-webkit-scrollbar-track {
            background-color: var(--k-disabled);
        }

    /* Mozilla Scrollbar styles */

    .FormsDesignerView .ui-tabs-panel,
    .FormTemplateSettingsView .formSettingsContainer {
        scrollbar-color: var(--k-label) var(--k-disabled);
        scrollbar-width: var(--k-scroll);
    }

    /* IE scrollbar styles */

    .FormsDesignerView .ui-tabs-panel,
    .FormTemplateSettingsView .formSettingsContainer {
        -ms-scrollbar-base-color: var(--k-label);
        -ms-scrollbar-track-color: var(--k-disabled);
    }


    .FormsDesignerView .stagedLabel {
        font-weight: bold;
        margin-right: 5px;
        margin-top: 4px;
    }

    .FormsDesignerView .ui-tabs-panel.staged {
        top: 100px;
    }

    .FormsDesignerView #formsDesignerAddField .accordion ul {
        margin: 7px 0 0;
    }

        .FormsDesignerView #formsDesignerAddField .accordion ul.fleft {
            padding: 0 0 0 5px;
        }

        .FormsDesignerView #formsDesignerAddField .accordion ul.fright {
            padding: 0 5px 0 0;
        }

    .FormsDesignerView .tabs :focus {
        outline: none;
    }

    .FormsDesignerView #formsDesignerFieldSettings,
    .FormsDesignerView #formsDesignerFormSettings {
        overflow: visible;
        max-height: none;
    }

    .FormsDesignerView .settingsPanel {
        /* 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.*/
        background-color: #fff;
        width: 463px;
        position: absolute;
        top: 5px;
        bottom: 150px;
        left: 5px;
        float: left;
    }

        .FormsDesignerView .settingsPanel input[type="text"],
        .FormsDesignerView .settingsPanel input[type="number"] {
            width: 179px;
        }

        .FormsDesignerView .settingsPanel .FormElementSettingsView fieldset input[type="text"] {
            width: 159px;
        }

        .FormsDesignerView .settingsPanel .FormTemplateSettingsView fieldset input[type="checkbox"] {
            right: 168px;
        }

        .FormsDesignerView .settingsPanel .FormTemplateSettingsView .formSettingsContainer fieldset > div input[type="checkbox"] {
            right: 155px;
        }

        .FormsDesignerView .settingsPanel .FormTemplateSettingsView input[type="text"],
        .FormsDesignerView .settingsPanel .FormTemplateSettingsView input[type="number"],
        .FormsDesignerView .FormElementGroupSettingsView input {
            width: 177px;
        }
        .FormsDesignerView .settingsPanel .FormTemplateSettingsView input[name="FileUploadSize"] {
            width: 90px;
        }
        .FormsDesignerView .settingsPanel .FormTemplateSettingsView input[type="checkbox"] {
            float: right;
            position: relative;
            right: 165px;
        }

        .FormsDesignerView .settingsPanel .FormTemplateSettingsView .radioButtonContainer {
            float: right;
            width: 185px;
            display: flex;
            column-gap: 18px;
        }

        .FormsDesignerView .settingsPanel .tabs > li {
            width: 160px;
        }

        .FormsDesignerView .settingsPanel .FormTemplateSettingsView .radioButtonContainer > label {
            margin: 0 2px;
            display: inline-block;
            width: 50px;
        }

            .FormsDesignerView .settingsPanel .FormTemplateSettingsView .radioButtonContainer > label span,
            .FormsDesignerView .settingsPanel .FormTemplateSettingsView .radioButtonContainer > label input {
                float: left;
            }

            .FormsDesignerView .settingsPanel .FormTemplateSettingsView .radioButtonContainer > label span {
                position: relative;
                top: 2px;
            }

        .FormsDesignerView .settingsPanel .FormElementSettingsView .FormElementLabelValuePairsView input[type=radio],
        .FormsDesignerView .settingsPanel .FormElementSettingsView .FormElementLabelValuePairsView input[type=checkbox] {
            margin: 0 5px;
            float: left;
            right: 0;
        }

        .FormsDesignerView .settingsPanel .FormTemplateSettingsView fieldset textarea,
        .FormsDesignerView .settingsPanel .FormElementSettingsView fieldset textarea {
            width: 183px;
        }

        .FormsDesignerView .settingsPanel .FormTemplateSettingsView textarea,
        .FormsDesignerView .settingsPanel .FormElementSettingsView textarea {
            width: 181px;
        }

        .FormsDesignerView .settingsPanel .FormElementSettingsView .FormulaBuilderView textarea {
            width: 100%;
        }

        .FormsDesignerView .settingsPanel .FormTemplateSettingsView select,
        .FormsDesignerView .FormElementGroupSettingsView select,
        .FormsDesignerView .FormElementSettingsView select :not(:cssThemes) {
            width: 184px;
            display: block;
        }

        .FormsDesignerView .settingsPanel span.warningErrorClass {
            display: inline-block;
            width: 100%;
            text-align: right;
        }

        .FormsDesignerView .settingsPanel .FormTemplateSettingsView .ui-combobox,
        .FormsDesignerView .settingsPanel .FormElementSettingsView .ui-combobox {
            width: 181px;
            float: right;
        }

        .FormsDesignerView .settingsPanel .FormTemplateSettingsView div > span:not(.anchor):not(.swoosh):not(.custom_button):first-child,
        .FormsDesignerView .settingsPanel .FormElementSettingsView div > span:not(.anchor):not(.swoosh):not(.custom_button):first-child {
            max-width: 115px;
            line-height: 20px;
        }

        .FormsDesignerView .settingsPanel .upperContainer {
            padding: 0 15px;
            position: relative;
        }

        .FormsDesignerView .settingsPanel .defaultContentTypeContainer select {
            margin: 0 5px 0;
            width: 173px;
        }

        .FormsDesignerView .settingsPanel .upperContainer span {
            line-height: 20px;
        }

        .FormsDesignerView .settingsPanel .defaultContentTypeContainer .gearIconSmall {
            position: absolute;
            top: 3px;
            right: 3px;
        }

    .FormsDesignerView .formTemplateButtonPanel {
        position: absolute;
        left: 5px;
        bottom: 7px;
        width: 467px;
    }

        .FormsDesignerView .formTemplateButtonPanel fieldset {
            padding: 4px 8px;
            margin: 0;
            border-radius: 4px;
            border: 1px solid var(--kc-panel-card-border);
        }

        .FormsDesignerView .formTemplateButtonPanel .long_btn {
            cursor: pointer;
            height: 23px;
            line-height: 23px;
            padding: 1px 0;
            width: 219px;
            white-space: nowrap;
            margin: 0px 0px 3px;
            font-size: 13px;
        }

    .FormsDesignerView .designerCanvas {
        border-radius: 4px;
        border: 1px solid #aaa;
        position: relative;
        display: inline-block;
    }

    .FormsDesignerView .designerCanvasContainer {
        margin: 0 10px 0 478px;
        position: relative;
        width: auto;
    }

        .FormsDesignerView .designerCanvasContainer .designerCanvas {
            position: absolute;
            top: 85px;
            bottom: 5px;
            left: 0;
            max-height: 100%;
        }

    .FormsDesignerView .fieldErrorMessageContainer {
        top: 25%;
        width: 99%;
        position: absolute;
    }

        .FormsDesignerView .fieldErrorMessageContainer .fieldErrorMessage,
        .FormsDesignerView .settingsPanel div.fieldErrorMessage {
            margin: auto;
            border: 1px solid var(--k-disabled);
            border-radius: 6px;
            background: var(--p-white);
            box-shadow: 0 0 4px #999;
        }

    .FormsDesignerView .fieldErrorMessage.addAFieldMessage {
        padding: 20px 25px;
        width: 50%;
    }

        .FormsDesignerView .fieldErrorMessage.addAFieldMessage .startWalkthru {
            cursor: pointer;
            text-decoration: underline;
        }

            .FormsDesignerView .fieldErrorMessage.addAFieldMessage .startWalkthru:hover {
                color: #008800;
            }

    .FormsDesignerView .settingsPanel .fieldErrorMessage {
        width: 90%;
        padding: 10px;
    }

    .FormsDesignerView .errorMessage {
        color: #a60000;
        margin-right: 10px;
        margin-bottom: 0;
        padding: 0;
    }

    .FormsDesignerView .greenLight {
        color: #009900;
    }

    .FormsDesignerView .custom_button.disabled {
        background-color: #999;
        background-image: none;
        cursor: default;
    }

    .FormsDesignerView .editingFormulasOverlay {
        display: none;
        z-index: 1000;
        opacity: .6;
    }


    .FormsDesignerView .ui-tabs .ui-tabs-nav {
        background: none;
        border: 0;
        border-radius: 0;
    }

#formsDesignerFieldSettings .items_checkbox {
    left: 20px;
}

.FormsDesignerView .settingsPanel fieldset {
    border: 1px solid var(--kc-panel-card-border);
    border-radius: 5px;
    padding: 20px 10px;
}

.FormSetTemplateEditView .warningErrorClass {
    white-space: nowrap;
}

.FormSetTemplateEditView .accordionContainer {
    position: absolute;
    top: 105px; /*DOC-6543*/
    bottom: 0;
    width: 100%;
    max-height: 100%;
    overflow: auto;
}

.FormSetTemplateEditView .accordionContainer [data-accid] {
    height: calc(100% - 27px);
}

.FormSetTemplateEditView .accordionContainer [data-accid] .accordion.open {
    height: 100%;
}

.FormSetTemplateEditView .ui-icon-close {
    position: relative;
    left: -5px;
}

.FormSetTemplateEditView .FormSetTemplateSlotGridView {
    position: absolute;
    width: 100%;
    height: 100%;
}

.FormSetTemplateEditView .accordionContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.FormSetTemplateEditView .accordionContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.FormSetTemplateEditView .accordionContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

.FormSetTemplateEditView .accordionContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.FormSetTemplateEditView .accordionContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}
.FormSetTemplateGridItemView .buttonContainer > span {
    float: left;
    cursor: pointer;
    margin: 1px 2px 0px;
}

.FormSetTemplatesGridView {
    width: 100%;
    height: 100%;
}

.FormSetTemplatesGridView .nonResizable {
    width: 90px;
}

.FormSetTemplatesGridView .customGridFooterContainer {
    bottom: 10px;
}

.FormSetTemplatesGridView .customGridScrollableContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

    .FormSetTemplatesGridView .customGridScrollableContainer::-webkit-scrollbar-thumb {
        background-color: var(--k-label);
    }

    .FormSetTemplatesGridView .customGridScrollableContainer::-webkit-scrollbar-track {
        background-color: var(--k-disabled);
    }

/* Mozilla Scrollbar styles */

.FormSetTemplatesGridView .customGridScrollableContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

    .FormSetTemplatesGridView .customGridScrollableContainer {
        -ms-scrollbar-base-color: var(--k-label);
        -ms-scrollbar-track-color: var(--k-disabled);
        background-color: var(--kc-panel-card-bg);
    }
.FormSetTemplateSlotGridItemView .ui-icon {
    cursor: pointer;
}

.FormSetTemplateSlotGridItemView .ui-icon-circle-close {
    background-image: url(../../../Content/images/docstar_sprite.png?v=24.2.161);
    background-position: -144px -100px;
}

.FormSetTemplateSlotGridItemView .valueContainer label {
    width: 270px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
}

.FormSetTemplateSlotGridItemView .customWarningErrorClass {
    width: 100%;
    top: 24%;
    position: relative;
    margin: 0px 0px 0px 0px;
    color: red;
}
.FormSetTemplateSlotGridView .ui-sortable-helper {
    background: #FFF;
    left: -1px;
    border-left: 1px solid #aaaaaa;
}

.FormSetTemplateSlotGridView thead .rowNumberCell {
    width: 65px;
}

.FormSetTemplateSlotGridView thead .addRowCell {
    width: 40px;
}
.FormsSampleFormView {
    padding: 16px 10px;
    margin: 5px;
    border: 1px solid #000;
    border-radius: 10px;
    max-height: 100%;
    overflow: auto;
    box-shadow: 2px 2px 2px rgba(150, 150, 150, .5);
}

    .FormsSampleFormView img {
        width: 100%;
    }
    
    .FormsSampleFormView h3 {
        margin-left: 6px;
    }

    .FormsSampleFormView .headingPanel {
        display: table-row;
    }

        .FormsSampleFormView .headingPanel .leftHeadingPanel {
            width: 300px;
            display: table-cell;
        }

            .FormsSampleFormView .headingPanel .leftHeadingPanel span.formInformation {
                font-size: 14px;
                font-weight: bold;
                margin-bottom: 10px;
                display: block;
            }

                .FormsSampleFormView .headingPanel .leftHeadingPanel span.formInformation.formName {
                    font-size: 16px;
                }

        .FormsSampleFormView .headingPanel .leftHeadingPanel {
            width: 300px;
            display: table-cell;
        }

        .FormsSampleFormView .headingPanel .rightHeadingPanel {
            display: table-cell;
            padding-left: 20px;
            border-left: 1px solid black;
            vertical-align: middle;
        }

            .FormsSampleFormView .headingPanel .rightHeadingPanel span {
                font-size: 14px;
            }

.FormsTemplateLibraryView {
    min-width: 100%;
    min-height: 100%;
}

.FormsTemplateLibraryView ul {
    list-style: none;
    padding: 0 5px;
    margin: 0;
    overflow: auto;
    position: absolute;
    left: 0;
    right: 5px;
    top: 70px;
    bottom: 30px;
}

.FormsTemplateLibraryView ul.newFormSpacing {
    margin: 35px 0 0 0;
}

.FormsTemplateLibraryView .legendContainer {
    margin: 0;
    position: absolute;
    left: 0;
    right: 5px;
    top: 0;
}

    .FormsTemplateLibraryView .legendContainer .legendBox {
        width: 365px;
        height: 60px;
        height: 60px;
        margin: 5px 5px 5px 10px;
        border: 1px solid var(--k-disabled);
        border-radius: 10px;
        box-shadow: 2px 2px 2px rgba(150, 150, 150, .5);
        color: var(--p-black);
        background-color: var(--p-white);
    }

.FormsTemplateLibraryView .legendContainer .legendBox .legendRow .legendColumn {
    display: inline-block;
    margin-top: 3px;
    margin-left: 3px;
}

.FormsTemplateLibraryView .legendContainer .legendBox .legendColumn .legendCell {
    margin: 0 5px;
}

.FormsTemplateLibraryView .legendContainer .legendBox .legendColumn .legendCell span {
    display: inline-block;
    vertical-align: middle;
    cursor: default;
}

.FormsTemplateLibraryView .legendContainer .legendBox .legendColumn .legendCell .legendLabel {
    margin-left: 3px;
    font-weight: bold;
}

.FormsTemplateLibraryView ul::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

    .FormsTemplateLibraryView ul::-webkit-scrollbar-thumb {
        background-color: var(--k-label);
    }

    .FormsTemplateLibraryView ul::-webkit-scrollbar-track {
        background-color: var(--k-disabled);
    }

/* Mozilla Scrollbar styles */

.FormsTemplateLibraryView ul {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.FormsTemplateLibraryView ul {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}
.FormsView {}

.FormsView .accordionContainer {
    height: calc(100% - 27px);
}

.FormsView .accordionContainer .accordion {
    height: 100%;
}

.FormsView .resizer {
    display: -ms-flexbox;
    /* IE10 */
    -ms-flex-direction: column;
    /* IE10 */
    display: flex;
    flex-direction: column;
    width: 100%;
}
/*This will work for firefox*/
@supports (-moz-appearance:none) {
    .FormsView .resizer {
        min-height: 0;
    }
}
/* Allow the resizer to take up the entire height, since other accordions are collapsed */
.FormsView .resizer.noHeight {
    flex-grow: 1;
}

/* Resizer is collapsed, so force it to shrink */
.FormsView .resizer.closed {
    flex-grow: 0;
    min-height: 42px;
}

.FormsView .dynamicHeightContainer [data-accid].closed {
    min-height: 42px;
}

/* DOC-525, any accordion that is opened needs to have a min-height so resizing and flex-box work as they should */
    .FormsView .resizer + [data-accid].open {
        min-height: 152px;
        
    }

.FormTemplateCategoryView {
    width: 220px;
    max-width: 220px;
    padding: 14px 8px 6px;
    margin: 5px 5px 15px 5px;
    border: 1px solid var(--k-disabled);
    float: left;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
    background-color: var(--p-white);
}

    .FormTemplateCategoryView.staged {
        box-shadow: 2px 2px 2px rgba(0, 0, 200, 0.7);
    }

    .FormTemplateCategoryView .label {
        cursor: default;
        display: inline-block;
        width: 100%;
        max-width: 100%;
        text-overflow: ellipsis;
        text-align: center;
        overflow: hidden;
        font-size: 14px;
        font-weight: bold;
        white-space: nowrap;
        color: var(--p-black);
    }

    .FormTemplateCategoryView.staged .label {
        font-style: italic;
    }

    .FormTemplateCategoryView .buttonContainer {
        position: absolute;
        top: 0;
        right: 5px;
    }

        .FormTemplateCategoryView .buttonContainer > span {
            float: left;
            cursor: pointer;
            position: relative;
            top: 1px;
        }

            .FormTemplateCategoryView .buttonContainer > span.createForm {
                margin: 0 2px 0 0;
            }

    .FormTemplateCategoryView .formsImage {
        display: block;
        margin: auto;
        transform: scale(.8);
    }

.FormTemplateSettingsView {
    position: relative;
    width: 100%;
    height: calc(100% - 40px);
}

    .FormTemplateSettingsView .accordion {
        width: 100%;
        height: 100%;
        padding: 5px 0;
    }

    .FormTemplateSettingsView .formSettingsContainer {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0px 4px 0 5px;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 100%;
        border: 1px solid var(--kc-panel-card-border);
    }

        .FormTemplateSettingsView .formSettingsContainer > div,
        .FormTemplateSettingsView .formSettingsContainer fieldset > div {
            margin: 5px 0;
        }

        .FormTemplateSettingsView .formSettingsContainer .formTabs {
            background-color: var(--kc-panel-card-bg);
            border-radius: 3px;
            border: 1px solid var(--kc-panel-card-border);
            float: left;
            width: 100%;
            margin-bottom: 15px;
        }

        .FormTemplateSettingsView .formSettingsContainer > div[data-accid] .accordion_title {
            position: relative;
            padding-left: 9px;
        }

            .FormTemplateSettingsView .formSettingsContainer > div[data-accid] .accordion_title > .accordion_title_contents {
                margin-left: -9px;
            }

        .FormTemplateSettingsView .formSettingsContainer > div[data-accid] .accordion > div:not(.FormFieldsView),
        .FormTemplateSettingsView .formSettingsContainer > div[data-accid] .accordion fieldset > div {
            margin: 5px 0;
        }

        .FormTemplateSettingsView .formSettingsContainer > div[data-accid] .accordion fieldset > fieldset span {
            max-width: 100px;
        }

        .FormTemplateSettingsView .formSettingsContainer > div[data-accid] .accordion fieldset > fieldset input[type="checkbox"] {
            right: 163px;
        }

    .FormTemplateSettingsView .ui-icon-gripsmall-diagonal-se {
        z-index: 2;
        bottom: 1px;
        right: -9px;
        width: 12px;
        height: 12px;
    }

    .FormTemplateSettingsView .editPencil {
        cursor: pointer;
        float: right;
        position: relative;
        right: 164px;
    }

    .FormTemplateSettingsView fieldset {
        margin: 0;
    }

    .FormTemplateSettingsView label > span {
        max-width: 140px;
    }

.FormsDesignerView .settingsPanel .FormTemplateSettingsView .formSettingsContainer fieldset > div input[type="checkbox"] {
    right: 155px;
}

.FormTemplateSettingsView .formSettingsContainer .ui-combobox input.ui-autocomplete-input {
    float: left;
}

.FormTemplateSettingsView .formSettingsContainer .items_checkbox {
    left: auto; /* initial is not supported in any version of IE */
    width: auto;
    right: 145px;
    float: right;
}

.FormTemplateSettingsView .formSettingsContainer fieldset .items_checkbox {
    right: 135px;
}

.FormTemplateSettingsView .cssThemes {
    width: 140px;
    margin-right: 5px;
    float: right;
}

.FormTemplateSettingsView .cssThemeContainer {
    float: right;
    margin-right: 5px;
}

    .FormTemplateSettingsView .cssThemeContainer .ui-icon {
        cursor: pointer;
    }
.FormulaBuilderView {
    width: 100%;
    height: 100%;
}

.FormulaBuilderView>.ui-icon.ui-icon-pencil {
    right: 5px;
}

.FormulaBuilderView textarea {
    width: 100%;
    height: 100px;
    resize: none;
    color: #6D6D6D;
    background: #F0F0F0;
    border: 1px solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 12px 0 0 0;
}

.FormulaBuilderView textarea.editing {
    margin: 0;
}

.FormulaBuilderView textarea.warningErrorClass {
    width: 100%;
    border-color: #a60000;
    color: #a60000;
}

.FormulaBuilderView .numpadContainer {
    display: inline-block;
    width: 100%;
}

.FormulaBuilderView .NumPadView {
    width: 100%;
}

.FormulaBuilderView .NumPadView span {
    width: 25%;
    margin: 0 -.9px;
    position: relative;
    left: 1px;
    height: 30px;
    line-height: 30px;
    float: none;
}

.FormulaBuilderView .ui-icon {
    cursor: pointer;
    position: absolute;
}

.FormulaBuilderView .oldSaveIcon {
    right: 18px !important;
}

.FormulaBuilderView>.ui-icon {
    top: 0;
    right: 0;
}

.FormulaBuilderView .messageLabel {
    position: absolute;
    top: 0;
    left: 5px;
}

.FormulaBuilderView hr {
    margin: 13px 0 0 0;
    width: 100%;
}

.FormulaBuilderView .formulaMessageContainer {
    margin: 1px 0 0 5px;
    padding: 0 0 5px 0;
    min-height: 85px;
    max-height: 85px;
    overflow-x: hidden;
    overflow-y: auto;
}

.FormulaBuilderView .formulaMessageContainer .formulaError,
.FormulaBuilderView .formulaMessageContainer .formulaMessage {
    white-space: pre-wrap;
}

.FormulaBuilderView .formulaFieldsContainer {
    width: 100%;
}

.FormulaBuilderView .formulaFieldsContainer .ui-combobox {
    width: 100%;
}

.FormulaBuilderView .formulaFieldsContainer .ui-combobox input.isCombo {
    width: calc(100% - 28px);
}

.ui-dialog .FormulaBuilderView span.warningErrorClass {
    width: auto;
    margin: 0;
}

.ui-dialog .FormulaBuilderView .formulaMessageContainer .formulaMessage,
.ui-dialog .FormulaBuilderView .formulaMessageContainer .formulaMessage>div {
    display: inline-block;
}

.ui-dialog .FormulaBuilderView .formulaMessageContainer .formulaError.warningErrorClass,
.ui-dialog .FormulaBuilderView .formulaMessageContainer .formulaMessage .warningErrorClass {
    margin: 0;
    float: none;
}

.ui-dialog .FormulaBuilderView .messageLabel {
    display: none;
}

.ui-dialog .FormulaBuilderView hr {
    display: none;
}

.ui-dialog .FormulaBuilderView .formulaMessageContainer+textarea {
    height: calc(100% - 270px);
    min-height: 100px;
}
#container_historyConfig {
    display: inline-block;
    width: 100%;
    height: 100%;
}

#container_historyConfig .captionLabel {
    text-align: right;
    min-width: 155px;
    vertical-align: central;
    float: left;
    margin: 0px 10px 0 0;
}

#container_historyConfig .captionLabel.spacingTop {
    margin: 3px 10px 0 0;
}

#container_historyConfig .historySortItems {
    width: 100%;
    margin: 5px 0;
    float: left;
}
.ImportAuthProvView {
    position: relative;
    height: 100%;
    width: 100%;
}

.ImportAuthProvView select {
    width: 250px;
}

.ImportAuthProvView input[name='IncludeUsers'] {
    margin: 1px 5px;
}

.ImportAuthProvView .ImportAuthProvGridView {
    position: absolute;
    top: 45px;
    bottom: -5%;
    left: 0;
    right: 0;
}

.mt-5 {
    margin-top: 5px;
}

.ImportJobsEditView {
    width: 100%;
    height: 100%;
}

.ImportJobsEditView fieldset {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 35px;
    bottom: 50px;
}

.ImportJobsEditView .gridContainer {
    position: absolute;
    top: 70px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    margin-top: 30px;
}

.ImportJobsEditView .bottomMargin {
    margin-bottom: 5px;
}

.ImportJobsEditView .limitMargin {
    margin-left: 15px;
}
.ImportJobsGridView {
    width: 100%;
    height: 100%;
    position: relative;
}


/*Workaround until we redo the admin pages.*/
#admin_action .ImportJobsGridView .customGridPagerNavigation .navigateToPage {
    width: 40px;
}

.ImportJobsGridView .link label {
    color: #12c3f4;
    cursor: pointer;
    text-decoration: underline;
}

.ImportJobsGridView .link {
    text-align: center;
}

.ImportJobsGridView .customGridTableContainer .customGridScrollableContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.ImportJobsGridView .customGridTableContainer .customGridScrollableContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.ImportJobsGridView .customGridTableContainer .customGridScrollableContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

.ImportJobsGridView .customGridTableContainer .customGridScrollableContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.ImportJobsGridView .customGridTableContainer .customGridScrollableContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}



.IndexView .short_btn {
    width: auto;
    padding: 1px 10px;
}

.IndexView .progressCont.inlineblock {
    height: 19px;
    top: 2px;
}

.IndexView .verifyResults {
    line-height: 20px;
}
.ui-dialog .ui-dialog-content.keyboardShortcutsDialog {
    padding: 0px;
    overflow: auto;
}

.KeyboardShortcutsHelpView {
    width: 100%;
    height: 100%;
    border: none;
}

    .KeyboardShortcutsHelpView .scrollContainer {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 100%;
    }

    .KeyboardShortcutsHelpView .keyboard {
        padding: 5px;
        border: solid 1px #12c3f4;
        display: inline-block;
    }

    .KeyboardShortcutsHelpView table {
        width: 100%;
        border-collapse: collapse;
    }

        .KeyboardShortcutsHelpView table tr:nth-child(odd) {
            background: #EEEEEE;
            box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .2);
        }

        .KeyboardShortcutsHelpView table tr:hover {
            background: #f0ede0;
        }

        .KeyboardShortcutsHelpView table td {
            padding: 5px;
        }

            .KeyboardShortcutsHelpView table td.noWrap {
                white-space: nowrap;
                color: #069;
            }


    .KeyboardShortcutsHelpView .scrollContainer::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .KeyboardShortcutsHelpView .scrollContainer::-webkit-scrollbar-thumb {
        background-color: var(--k-label);
    }

    .KeyboardShortcutsHelpView .scrollContainer::-webkit-scrollbar-track {
        background-color: var(--k-disabled);
    }

    /* Mozilla Scrollbar styles */

    .KeyboardShortcutsHelpView .scrollContainer {
        scrollbar-color: var(--k-label) var(--k-disabled);
        scrollbar-width: var(--k-scroll);
    }

    /* IE scrollbar styles */

    .KeyboardShortcutsHelpView .scrollContainer {
        -ms-scrollbar-base-color: var(--k-label);
        -ms-scrollbar-track-color: var(--k-disabled);
    }

.LDAPEditView {
    margin: 4px 0;
}

.LDAPEditView ol {
    padding-left: 5px;
}

.LDAPEditView ol li {
    list-style-type: none;
    margin-bottom: 10px;
}

.LDAPEditView ol li.metadata div {
    display: inline-block;
}

.LDAPEditView ol li.metadata>span {
    width: 190px;
    display: inline-block;
    text-align: right;
}

.LDAPEditView ol li ul.portOpts {
    margin-left: 195px;
    margin-top: -10px;
}

.LDAPEditView ol li ul.portOpts span.customPortLabel {
    margin-left: -42px;
}

.LDAPEditView ol li.slapboxListItem>span,
.LDAPEditView ol li.ldapProxyListItem>span {
    width: 190px;
    display: inline-block;
    text-align: right;
    vertical-align: top;
    margin-top: 4px;
}

.LDAPEditView ol li.slapboxListItem {
    white-space: nowrap;
}

/* Must use Id selector to be more specific then #admin_screen input[type='text'] */
#admin_screen .LDAPEditView ol li input.customPort {
    width: 66px;
}
.LicenseEditView {
    width: 100%;
    height: 100%;
}

.LicenseEditView fieldset {
    position: relative;
}

.LicenseEditView fieldset>.StaticDataGridView {
    position: absolute;
    left: 5px;
    right: 5px;
    height: 210px;
}

.LicenseEditView .subgridRow .StaticDataGridView {
    position: relative;
}

.LicenseEditView .subgridRow .StaticDataGridView .ui-icon-circle-close {
    margin-left: 13px;
    cursor: pointer;
    background-image: url(../../../Content/images/docstar_sprite.png?v=24.2.161);
    background-position: -144px -100px;
}

.LicenseEditView .customGridScrollableContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.LicenseEditView .customGridScrollableContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.LicenseEditView .customGridScrollableContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

.LicenseEditView .customGridScrollableContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.LicenseEditView .customGridScrollableContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}
.MappedUsersView .customGridTableContainer {
    height: 200px;
}

.MappedUsersView .customGridHeaderContainer .customGridTable {
    position: absolute;
}

.MappedUsersView .customGridHeader {
    pointer-events: none
}










/*
   Base css for our custom menus
   Shared between menu views (e.g. PackageViewerMenuView, DocumentViewerMenuView, etc.)
*/
:root {
    /*Primary Colors*/
    --p-white: #ffffff;
    --p-black: #000000;
    /*Accent colors*/
    --a-mauve: #b5709a;
    /*Kinetic colors*/
    --kc-interactive-blue: #0d6b9e;
    --kc-interactive-hover: #118ed1;
    --kc-interactive-pressed: #09496b;
    --kc-interactive-gray: #f2f2f2;
    --kc-grid-header: #c1e4f7;
    --kc-interactive-pressed: #09496b;
    --kc-panel-card-border: #91bec9;
    /*Kinetic Text colors*/
    --k-text: #000000;
    --k-label: #616161;
    --k-sec-text: #333333;
    --k-disabled: #cccccc;
    /*Scrollbar Width*/
    --k-scroll: thin;
}
.MenuView {
    float: left;
    left: 5px;
    position: relative;
    top: 0;
}

    .MenuView .submenu li span {
        display: inline-block;
        float: left;
        height: 16px;
        width: 16px;
        z-index: 1;
    }

    .MenuView ul.children {
        padding: 0 0 5px 0;
        width: 290px;
    }

    .MenuView li span.ui-icon-check,
    .MenuView .submenu li span.ui-icon-check {
        top: 2px;
        position: relative;
    }

    .MenuView li span {
        display: inline-block;
        float: left;
        height: 16px;
        width: 16px;
        z-index: 1;
    }

        .MenuView li span.anchor {
            width: auto;
        }

        .MenuView li span.right_icon,
        .MenuView .submenu li span.right_icon {
            float: right;
            position: absolute;
            right: 0;
            top: 3px;
        }

    .MenuView .dropdown ul li span.anchor,
    .MenuView .submenu li span.anchor {
        float: none;
        font-weight: normal;
        position: relative;
        width: 100%;
    }

    .MenuView .dropdown_arrow {
        position: absolute;
        right: 1px;
        top: 3px;
    }

    .MenuView .parent {
        font-weight: normal;
        height: 18px;
        line-height: 8px;
        padding: 1px;
    }


    .MenuView li:hover {
        background: var(--p-white);
    }

    .MenuView .menu_item {
        display: inline-block;
        margin: 0;
        position: relative;
        width: 100%;
    }

        .MenuView .menu_item .left_icon {
            float: left;
            left: 2px;
        }

    .MenuView .dropdown ul.children {
        overflow: visible;
    }

    .MenuView .ItemsView {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
    }

.MobileApprovalRequestSendOptionsView {
    width: 100%;
    height: 100%;
}

.MobileApprovalRequestSendOptionsView>div {
    width: 100%;
}

.MobileApprovalRequestSendOptionsView .RequestEntityAsView>div {
    margin-left: 15px;
    min-height: 60px;
    /* Allow borders to match in height */
    position: relative;
    width: auto;
}

.MobileApprovalRequestSendOptionsView .emailChoiceContainer {
    margin: 5px 0;
}

.MobileApprovalRequestSendOptionsView input[name="emailChoice"] {
    float: left;
}

.MobileApprovalRequestSendOptionsView .sendAsOptions {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.MobileApprovalRequestSendOptionsView .sendAsOptions textarea {
    width: calc(100% - 5px);
    height: 65px;
}

.MobileApprovalRequestSendOptionsView .sendAsOptions fieldset {
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
}

.MobileApprovalRequestSendOptionsView .sendAsOptions fieldset>span {
    margin: 0 0 0 15px;
}

.MobileApprovalRequestSendOptionsView .sendAsContainer {
    float: left;
}

.MobileApprovalRequestSendOptionsView .sendAsStaticOptions>div:not(.sendAsContainer) {
    margin: 5px 5px 5px 15px;
    float: left;
    width: auto;
    left: 0;
}

.MobileApprovalRequestSendOptionsView .sendAsStaticOptions>div:not(.sendAsContainer) label {
    margin: 3px 0;
}

.MobileApprovalRequestSendOptionsView .sendAsStaticOptions>div:not(.sendAsContainer) label,
.MobileApprovalRequestSendOptionsView .sendAsContainer>div label {
    display: block;
}

.MobileApprovalRequestSendOptionsView div.pageSelectionContainer {
    width: 160px;
}

.MobileApprovalRequestSendOptionsView .fetchContactsMessageContainer {
    margin: 3px 5px;
    float: right;
}
.MobileApprovalRequestView {
    width: 100%;
    height: 100%;
}

    .MobileApprovalRequestView > div {
        width: 100%;
    }

        .MobileApprovalRequestView > div.dynamicHeightContainer {
            display: flex;
            flex-direction: column;
            display: -ms-flexbox;
            /* IE10 */
            -ms-flex-direction: column;
            /* IE10 */
            height: calc(100% - 260px);
            /* Remove the height of the send widget, the user/group selection, and any other control that has a static height */
        }

            .MobileApprovalRequestView > div.dynamicHeightContainer [data-accid] {
                width: 100%;
                height: 100%;
                flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                /* IE10 */
                background-color:var(--kc-panel-card-bg);
                border-radius: 3px;
                border: 1px solid rgba(0, 0, 0, .08);
                float: left;
                margin: 15px 0;
                box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
            }

                .MobileApprovalRequestView > div.dynamicHeightContainer [data-accid].closed {
                    /*height: 27px;*/
                    flex: 0 0 27px;
                    -ms-flex: 0 0 27px;
                    /* IE10 */
                }



            .MobileApprovalRequestView > div.dynamicHeightContainer div.cfSelectionContainer,
            .MobileApprovalRequestView > div.dynamicHeightContainer div.cfgSelectionContainer {
                position: absolute;
                left: 10px;
                right: 0;
                top: 0;
                bottom: 0;
                /*border: 1px solid #BBB;*/
            }

                .MobileApprovalRequestView > div.dynamicHeightContainer div.cfSelectionContainer > div,
                .MobileApprovalRequestView > div.dynamicHeightContainer div.cfgSelectionContainer > div {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    display: -ms-flexbox;
                    /* IE10 */
                    -ms-flex-direction: column;
                    /* IE10 */
                }

    .MobileApprovalRequestView [data-accid] .accordion.open {
        height: calc(100% - 54px);
        overflow: auto;
    }

    .MobileApprovalRequestView .tbNewFieldContainer {
        margin-bottom: 5px;
        flex: 0 0 auto;
        -ms-flex: 0 0 auto;
    }

        .MobileApprovalRequestView .tbNewFieldContainer .items_checkbox {
            position: relative;
            left: 15px;
        }

        .MobileApprovalRequestView .tbNewFieldContainer .fieldlabel {
            display: inline-block;
            vertical-align: middle;
            width: 140px;
        }

    .MobileApprovalRequestView .tbFieldSettingsContainer {
        overflow: auto;
        height: calc(100% - 32px);
        /* Account for height of accordion */
    }

        .MobileApprovalRequestView .tbFieldSettingsContainer ul {
            height: 100%;
            margin: 0;
        }

            .MobileApprovalRequestView .tbFieldSettingsContainer ul li {
                width: calc(100% - 2px);
                /* Remove width of border */
                padding: 0;
                position: relative;
                top: 0;
                left: 0;
            }

                .MobileApprovalRequestView .tbFieldSettingsContainer ul li .limitLabelWidth {
                    width: calc(100% - 50px);
                    /* Remove width of checkbox and icon */
                    margin-left: 5px;
                }

        .MobileApprovalRequestView .tbFieldSettingsContainer .items_checkbox {
            position: relative;
            left: 19px;
            width: 20px;
        }

    .MobileApprovalRequestView .fieldLabelContainer-short {
        margin-left: 35px; /* checkbox element has 20px left, so this needs to account for that */
        white-space: nowrap;
    }

    .MobileApprovalRequestView .progressContainer .progressCont {
        width: 100%;
        top: 0;
    }

    .MobileApprovalRequestView .warningErrorClass {
        margin: 0;
    }


    .MobileApprovalRequestView .tbFieldSettingsContainer::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .MobileApprovalRequestView .tbFieldSettingsContainer::-webkit-scrollbar-thumb {
        background-color: var(--k-label);
    }

    .MobileApprovalRequestView .tbFieldSettingsContainer::-webkit-scrollbar-track {
        background-color: var(--k-disabled);
    }

    /* Mozilla Scrollbar styles */

    .MobileApprovalRequestView .tbFieldSettingsContainer {
        scrollbar-color: var(--k-label) var(--k-disabled);
        scrollbar-width: var(--k-scroll);
    }

    /* IE scrollbar styles */

    .MobileApprovalRequestView .tbFieldSettingsContainer {
        -ms-scrollbar-base-color: var(--k-label);
        -ms-scrollbar-track-color: var(--k-disabled);
    }

    .MobileApprovalRequestView > div.dynamicHeightContainer .setRequiredContainer {
        margin-top: 10px;
    }

.NumPadView {
    width: 109px;
    height: 100px;
}

    .NumPadView > div {
        width: 100%;
        float: left;
    }

    .NumPadView span {
        float: left;
        width: 26px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        border-bottom-width: 0;
        border-right-width: 0;
        text-shadow: 1px 1px 1px #000;
    }

        .NumPadView span.disabled {
            border-right-width: 0;
        }

    .NumPadView div > span:last-child {
        border-right-width: 1px;
    }

    .NumPadView div:last-child span {
        border-bottom: 1px;
    }

.OutOfOfficeEditView {
}

    .OutOfOfficeEditView .date_search {
        float: none;
        position: relative;
        top: -3px;
        right: 0;
    }

    .OutOfOfficeEditView .OutOfOfficeEditViewList {
        margin-top: 10px;
    }

    .OutOfOfficeEditView .database_field_input {
        display: none;
    }

    .OutOfOfficeEditView .displayTable {
        width: 86%;
    }

    .OutOfOfficeEditView .dateRange {
        display: flex;
    }

    .OutOfOfficeEditView .selectMenuOutOfOffice {
        display: flex;
    }

    .OutOfOfficeEditView .outOfOfficeContainer > * + * {
        margin-top: 8px;
    }

    .OutOfOfficeEditView input.endDate {
        width: 170px;
    }

    .OutOfOfficeEditView label.toAddr {
        margin-left: 20px;
    }

.PackageDocumentViewerMenuView {
    float: left;
    left: 5px;
    position: relative;
    top: 0;
}

    .PackageDocumentViewerMenuView .submenu li div.menu_item {
        padding: 0;
    }

.PackageItemsView {
    width: 100%;
    height: 100%;
    position: relative;
}

.PackageItemsView .SearchResultsGridView {
    position: static;
}


.PackageItemsView .SearchResultsGridView .results_actions .maxResultsContainer span {
    color: #000;
}

.PackageItemsView .SearchResultsGridView .resultsGrid .customGridTable {
    height: auto;
}

.PackageItemsView .SearchResultsGridViewContainer {
    position: absolute;
    top: 35px;
    bottom: 0;
    left: 0;
    right: 0;
}

.PackageItemsView .SearchResultsGridViewContainer .SearchResultsGridView .results_actions {
    min-width: 0;
}

.PackageItemsView .filtersContainer {
    padding: 0 15px 5px 5px;
    background: #FFF;
    height: 30px;
}

.PackageItemsView .filter {
    display: inline-block;
    width: calc(50% - 70px);
    height: 100%;
    float: left;
    margin: 5px 0 0;
}

.PackageItemsView .filter select {
    float: left;
    margin: 0 5px;
    height: 22px;
}

.PackageItemsView .filter>span {
    display: inline-block;
    float: left;
    position: relative;
    top: 4px;
}

.PackageItemsView .categoryFilterContainer select {
    width: calc(100% - 75px);
}

.PackageItemsView .packageTypeFilterContainer select {
    width: calc(93% - 95px);
}

.PackageItemsView .flagsFilterContainer {
    width: 140px;
    margin-left: -20px;
    white-space:nowrap;
}

.PackageItemsView .flagsFilterContainer div.items_radio {    
    display: inline-block;
    width: auto;   
    padding-top: 8px;
}

.PackageItemsView .flagsFilterContainer div label {    
    height: 16px;
}

.PackageItemsView .flagsFilterContainer div label:nth-child(2) {
    margin-left: 22px;
}

.PackageItemsView .ptbContainer {
    position: absolute;
    top: 7px;
    right: 5px;
}

.PackageItemsView .emptyGridRow:not(:only-child) {
    display: none;
}

.PackageItemsView .emptyGridRow:only-child {
    display: none;
}

.PackageItemsView .SearchResultsGridView .customGridScrollableContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.PackageItemsView .SearchResultsGridView .customGridScrollableContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.PackageItemsView .SearchResultsGridView .customGridScrollableContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

.PackageItemsView .SearchResultsGridView .customGridScrollableContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.PackageItemsView .SearchResultsGridView .customGridScrollableContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}
.PackageMetaSlotsView {
    height: 300px;
    /* TODO: scain, temporary height make it so the grid is dynamic in height if possible */
    min-height: 78px;
    max-height: 300px;
}

.PackageMetaSlotsView .packageSlotsGridViewContainer {
    height: 100%;
}

.PackageMetaSlotsView .packageSlotsGridViewContainer .customGridScrollableContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.PackageMetaSlotsView .packageSlotsGridViewContainer .customGridScrollableContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.PackageMetaSlotsView .packageSlotsGridViewContainer .customGridScrollableContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

.PackageMetaSlotsView .packageSlotsGridViewContainer .customGridScrollableContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
    background-color: var(--kc-panel-card-bg);
}

/* IE scrollbar styles */

.PackageMetaSlotsView .packageSlotsGridViewContainer .customGridScrollableContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}
.PackagePreviewView {
    height: 100%;
}

    .PackagePreviewView .viewer_menubar {
        top: 3px;
        left: 3px;
    }

        .PackagePreviewView .viewer_menubar .view_menu {
            float: left;
            position: relative;
            margin: 0 0 0 3px;
        }


    .PackagePreviewView .dqRenderingInProgressContainer {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        width: auto;
        padding: .2em;
        background-color: white;
        border: 1px solid #aaa;
        border-radius: 4px;
        text-overflow: initial;
    }

        .PackagePreviewView .dqRenderingInProgressContainer span {
            width: calc(100% - 12px); /* Prevent padding from pushing this out of bounds */
            max-width: none;
            max-height: 220px;
            opacity: .8;
            border: 1px solid black;
            white-space: normal;
            padding: 5px;
        }

.dropTarget .PackageSlotDocumentPreviewView {
    display: none;
}

.PackageSlotDocumentPreviewView .totalSlotDocumentContainer,
.PackageSlotDocumentPreviewView div.imgContainer.isIcon,
.PackageSlotDocumentPreviewView .imgContainer:not(.isIcon) img {
    position: absolute;
    border: 1px solid #12c3f4;
    box-shadow: 2px 2px 2px rgba(150, 150, 150, .5);
    -moz-box-shadow: 2px 2px 2px rgba(150, 150, 150, .5);
    -webkit-box-shadow: 2px 2px 2px rgba(150, 150, 150, .5);
}

/* Center the icon in its bordered container so the display for the number of slot docs is mostly consistent looking*/
.PackageSlotDocumentPreviewView div.imgContainer.isIcon {
    width: 150px;
    height: 195px;
    position: absolute;
    background-color: #FFF;
}

.PackageSlotDocumentPreviewView div.imgContainer.single {
    width: 175px;
    height: 215px;
}

.PackageSlotDocumentPreviewView div.imgContainer.isIcon img {
    position: relative;
    top: 79px;
    /*left: 67px;*/
}

.PackageSlotDocumentPreviewView img {
    background-color: white;
    top: 0;
    left: 0;
    max-height: 195px;
    max-width: 150px;
}



.PackageSlotDocumentPreviewView .totalSlotDocumentContainer {
    width: 150px;
    /* Match that of every thumbnail, the height will have to be set according to the height of the first slot document thumbnail*/
    top: 20px;
    left: 15px;
    background: #FFF;
}

.PackageSlotDocumentPreviewView .totalSlotDocumentContainer.isIcon {
    height: 195px;
}

.PackageSlotDocumentPreviewView .totalSlotDocumentContainer.single {
    width: 175px;
    height: 215px;
}


.PackageSlotDocumentPreviewView span {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-weight: bold;
}
#tab_panel_container .PackageSlotDocumentsMenuView.dropdown ul.children {
    right: 0;
    left: auto; /* reset to browser default, overriding existing property */
    width: auto;
    min-width: 180px;
    max-width: 280px;
}

.PackageSlotDocumentsPreviewView {
    position: relative;
    width: 182px;
    height: 220px;
    max-height: 220px;
    overflow: hidden;
    margin: 10px 7px 0px 10px;
}

    .PackageSlotDocumentsPreviewView.cascaded {
        margin: 10px 7px 0px 10px;
    }

        .PackageSlotDocumentsPreviewView.cascaded .PackageSlotDocumentPreviewView {
            position: relative;
            left: 5px;
        }

    .PackageSlotDocumentsPreviewView:not(.cascaded) .imgContainer img {
        position: relative;
    }

.PackageSlotEmptyPreviewView {
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#FFFFFF');
    background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#FFFFFF));
    background: -moz-linear-gradient(top, #F9F9F9, #FFFFFF); /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #F9F9F9 0%, #FFFFFF 100%); /* W3C (IE10) maybe others soon.*/
}

    .PackageSlotEmptyPreviewView .iconContainer {
        width: 125px;
        margin: 0 auto;
    }

        .PackageSlotEmptyPreviewView .iconContainer .addDocumentIconsContainer {
            width: 100%;
            text-align: center;
            padding-left: 35%;
        }

        .PackageSlotEmptyPreviewView .iconContainer .ui-icon-search,
        .PackageSlotEmptyPreviewView .iconContainer .DragAndDropFileUploadView {
            display: inline-block;
        }

    .PackageSlotEmptyPreviewView .addSlotDocument {
        cursor: pointer;
    }

    .PackageSlotEmptyPreviewView > div {
        position: relative;
        top: 25%;
    }

    .PackageSlotEmptyPreviewView.dropTarget .iconContainer {
        position: static;
    }

    .PackageSlotEmptyPreviewView.dropTarget .largeDocIcon,
    .PackageSlotEmptyPreviewView.dropTarget .AlignCenter,
    .PackageSlotEmptyPreviewView.dropTarget .addSlotDocument,
    .PackageSlotEmptyPreviewView.dropTarget .addDocumentIconsContainer > :not(.DragAndDropFileUploadView) {
        display: none;
    }

    .PackageSlotEmptyPreviewView.dropTarget .DragAndDropFileUploadView {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.PackageSlotPreviewView {
    border: 1px solid #12c3f4;
    margin: 5px 0 5px 5px;
    float: left;
    overflow: hidden;
    text-align: center;
    background: #FFF;
    max-width: 199px;
    box-shadow: 2px 2px 2px rgba(150, 150, 150, .5);
    -moz-box-shadow: 2px 2px 2px rgba(150, 150, 150, .5);
    -webkit-box-shadow: 2px 2px 2px rgba(150, 150, 150, .5);
}

.PackageSlotPreviewView span {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.PackageSlotPreviewView span.ui-icon {
    cursor: pointer;
}
.PackageSlotsGridItemView {
    height: 22px;
}

    .PackageSlotsGridItemView .entityDiffersFromType {
        font-style: italic;
    }

        .PackageSlotsGridItemView .entityDiffersFromType select,
        .PackageSlotsGridItemView .entityDiffersFromType input {
            font-style: italic;
        }

    .PackageSlotsGridItemView .disabled {
        background: #bbb;
    }

    .PackageSlotsGridItemView .warningErrorClass {
        padding: 0;
    }

    .PackageSlotsGridItemView .EnumSettingsView {
        width: 100%;
        height: 100%;
    }

    .PackageSlotsGridItemView .EnumSettingView {
        width: 100%;
        display: inline-block;
        margin: 0 0 3px 0;
    }

        .PackageSlotsGridItemView .EnumSettingView span {
            margin: 0 5px;
            display: inline-block;
            width: calc(100% - 25px);
            white-space: normal;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .PackageSlotsGridItemView .EnumSettingView input {
            float: left;
            width: auto;
            display: inline-block;
        }

.PackageSlotsGridView {
    height: 100%;
    width: 100%;
    position: relative;
}

.PackageSlotsGridView .selectionHeader {
    width: 20px;
}

.PackageSlotsGridView .rowNumberCell {
    min-width: 55px;
    /* If this changes make the same updates in PackageSlotsGridView.getRenderObject for seqWidth */
}

.PackageSlotsGridView>.customGridTableContainer>.customGridHeaderContainer {
    z-index: 11;
    /* Appear above subgrids headers */
}

.PackageSlotsGridView .ui-sortable-helper {
    background: #FFF;
    left: -1px;
    border-left: 1px solid #aaaaaa;
}

.PackageSlotsGridView .ui-sortable-helper td {
    display: inline-block;
}
.PackageSlotsPreviewView {
    height: 100%;
}

    .PackageSlotsPreviewView .thumbs_cont {
        overflow: hidden;
        max-height: 100%;
        position: relative;
    }

    .PackageSlotsPreviewView .ps-scrollbar-x-rail {
        display: none;
    }

.PackagesView {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

    .PackagesView .PackagesViewLeft {
        float: left;
        width: 70%;
        height: 100%;
        position: relative;
    }

        .PackagesView .PackagesViewLeft .nested ul.children li {
            margin: 0;
            position: relative;
            width: 100%;
        }

        .PackagesView .PackagesViewLeft .ui-resizable-e {
            z-index: 499;
        }

    .PackagesView .PackagesViewRight {
        position: absolute;
        left: 5px;
        right: 0;
        top: -3px;
        bottom: 0;
        margin-left: 70%;
    }

        .PackagesView .PackagesViewRight .DocumentPreviewContainer {
            width: 100%;
            height: 100%;
            position: relative;
        }

.PackageTypeBuilderEditView .packageTypeContainer>div {
    margin: -5px 0 0;
}

.PackageTypeBuilderEditView .packageTypeContainer .fieldLabelContainer {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}

.PackageTypeBuilderEditView .packageTypeContainer .nameContainer>div {
    vertical-align: top;
}



.PackageTypeBuilderEditView .packageTypeContainer .EnumSettingsView {
    border-collapse: collapse;
}

.PackageTypeBuilderEditView .packageTypeContainer .EnumSettingsView label {
    display: inline-block;
    float: left;
}

.PackageTypeBuilderEditView .packageTypeContainer .EnumSettingView {
    margin: 10px 15px 0 0;
}

.PackageTypeBuilderEditView .packageTypeContainer .EnumSettingView span {
    margin: 0 5px 0 0;
    float: left;
}

.PackageTypeBuilderEditView .packageTypeContainer .allowedContainer .fieldLabelContainer {
    vertical-align: bottom;
}

.PackageTypeBuilderEditView .packageTypeContainer input[name="ProcessingTime"],
.PackageTypeBuilderEditView .packageTypeContainer input[name="ApprovalsRequired"] {
    width: 40px;
}

.PackageTypeBuilderEditView .warningErrorClass {
    white-space: nowrap;
}

.PackageTypeBuilderEditView .accordionContainer {
    position: absolute;
    top: 180px;
    bottom: 0;
    left: -5px;
    right: -5px;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.PackageTypeBuilderEditView .accordionContainer .customGridScrollableContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

    .PackageTypeBuilderEditView .accordionContainer .customGridScrollableContainer::-webkit-scrollbar-thumb {
        background-color: var(--k-label);
    }

    .PackageTypeBuilderEditView .accordionContainer .customGridScrollableContainer::-webkit-scrollbar-track {
        background-color: var(--k-disabled);
    }

/* Mozilla Scrollbar styles */

.PackageTypeBuilderEditView .accordionContainer .customGridScrollableContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.PackageTypeBuilderEditView .accordionContainer .customGridScrollableContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}

.PackageTypeBuilderEditView .accordionContainer .packageTabs {
    background-color: var(--kc-panel-card-bg);
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, .08);
    float: left;
    width: 99%;
    margin-bottom: 15px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
}

.PackageTypeBuilderEditView .accordionContainer [data-accid] {
    width: 100%;
}

.PackageTypeBuilderEditView .accordionContainer [data-accid].singleOpen {
    height: calc(100% - 115px);
    /* Only a single accordion is open so make it take up all the room it can minus the height of the title bars */
}

.PackageTypeBuilderEditView .accordionContainer [data-accid].allOpen {
    /*height: calc(50% - 27px);*/
    /* All accordions are opened so each accordion should take up (100/numaccordions) % space minus the height of a single title bar */
    height: 100%;
}

.PackageTypeBuilderEditView .accordionContainer [data-accid="ptbFields"].open {
    margin-bottom: 20px;
    height: auto;
}

/*.PackageTypeBuilderEditView .accordionContainer [data-accid].closed {
            height: 27px; 
        }*/

.PackageTypeBuilderEditView .accordionContainer [data-accid] .accordion.open {
    height: 100%;
}

.PackageTypeBuilderEditView .accordionContainer [data-accid="ptbFields"] .tbFieldsContainer {
    height: calc(100% - 5px);
}

.PackageTypeBuilderEditView .accordionContainer [data-accid="ptbFields"] .tbFieldsContainer>div {
    height: 100%;
}

/*.PackageTypeBuilderEditView .accordionContainer [data-accid="ptbFields"] .tbFieldSettingsContainer {
            height: calc(100% - 52px);
        }*/

.PackageTypeBuilderEditView .accordionContainer [data-accid="ptbSlots"] .slotsContainer {
    height: calc(100% - 20px);
}

.PackageTypeBuilderEditView .accordionContainer [data-accid="ptbSlots"] .PackageTypeBuilderEditView .fieldLabelContainer {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    text-align: left;
    vertical-align: middle;
}

.PackageTypeBuilderEditView .halfWidth {
    width: 50%;
    position: relative;
    top: -2px;
}

.PackageTypeBuilderEditView .ui-icon-close {
    position: relative;
    left: -5px;
}

.PackageTypeBuilderEditView .applyToExistingPackages {
    position: absolute;
    bottom: -45px;
    right: 400px;
    /* calculated based on the number of buttons in the dialog, this is here as a default */
}

.PackageTypeBuilderEditView .applyToExistingPackages .items_checkbox {
    float: left;
    left: 27px;
    width: auto;
}

.PackageTypeBuilderEditView .accordionContainer .tbFieldSettingsContainer .SortableItemView .preAdditionalSelectedHTML .items_checkbox {
    padding-left: 15px;
    width: auto;
}

/*.packageTypeContainer .EnumSettingView {
    width: 150px;
}*/

.packageTypeContainer .EnumSettingView .items_checkbox {
    float: left;
    width: auto;
    left: 20px;
}
.PackageTypeSlotGridItemView td {
    padding: 2px;
}

.PackageTypeSlotGridItemView .valueContainer>span {
    width: 100%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

.PackageTypeSlotGridItemView .valueContainer input[type="text"] {
    width: calc(100% - 3px);
}

.PackageTypeSlotGridItemView .ui-icon {
    cursor: pointer;
}

.PackageTypeSlotGridItemView .EnumSettingsView {
    width: 100%;
    height: 100%;
}

.PackageTypeSlotGridItemView .EnumSettingView,
.packageTypeSlotColumnEdit .EnumSettingView {
    width: 100%;
    display: inline-block;
    margin: 0 0 3px 0;
}

.PackageTypeSlotGridItemView .EnumSettingView span,
.packageTypeSlotColumnEdit .EnumSettingView span {
    margin: 0 5px;
    display: inline-block;
    width: calc(100% - 25px);
    white-space: normal;
    /* overflow: hidden; */
    text-overflow: ellipsis;
}

.PackageTypeSlotGridItemView .EnumSettingView input,
.packageTypeSlotColumnEdit .EnumSettingView input {
    float: left;
    width: auto;
    display: inline-block;
}

.PackageTypeSlotGridItemView td[data-cellid="DefaultDocumentId"] {
    cursor: pointer;
}

.PackageTypeSlotGridItemView span.anchor {
    color: #0000FF;
    cursor: pointer;
}

.PackageTypeSlotGridItemView span.anchor:hover {
    text-decoration: underline;
}

.PackageTypeSlotGridItemView input[type="button"] {
    cursor: pointer;
}

.PackageTypeSlotGridItemView .EnumSettingView span {
    width: calc(100% - 50px);
}

.PackageTypeSlotGridItemView .EnumSettingView .items_checkbox {
    float: left;
    width: 17%;
}

.PackageTypeSlotGridItemView .EnumSettingView .items_checkbox input[type="checkbox"] {
    left: 7px;
}

.PackageTypeSlotGridItemView .EnumSettingView .items_checkbox span {
    white-space: nowrap;
}
.PackageTypeSlotGridView {
    height: 100%;
}

.PackageTypeSlotGridView .selectionHeader {
    width: 20px;
}

.PackageTypeSlotGridView .fillHeader {
    width: 1px;
}

.PackageTypeSlotGridView thead .rowNumberCell {
    width: 30px;
}

.PackageTypeSlotGridView .addRowCell,
.PackageTypeSlotGridView .deleteRowCell {
    width: 40px;
}

.PackageTypeSlotGridView .ui-sortable-helper {
    background: #FFF;
    left: -1px;
    border-left: 1px solid #aaaaaa;
}

.PackageTypeSlotGridView .ui-sortable-helper td {
    display: inline-block;
}

.PackageTypeSlotGridView .columnEdit {
    display: inline-block;
    position: absolute;
    top: -2px;
}

.PackageTypeSlotGridView .columnEdit:hover {
    color: #212121;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    margin: -1px;
}

.PackageTypeSlotGridView .stackedHeader .headerValueContainer {
    width: 100%;
    float: left;
}

.PackageTypeSlotGridView .stackedHeader .columnEdit {
    right: 0;
    top: 4px;
}

.PackageTypeSlotGridViewEditColumnDialog .EnumSettingsView {
    display: inline-block;
}

.PackageTypeSlotGridViewEditColumnDialog .warningErrorClass {
    word-break: break-word;
    float: none;
    max-height: 100px;
}

.PackageTypeSlotGridView th.customGridHeader.selectionHeader.items_checkbox {
    width: 40px;
}
.PawnsInlineView {
    position: relative;
    left: 15px;
    width: 22px;
    top: 5px;
}
#container_pawnsConfig .warningErrorClass {
    color: #a60000;
    padding-left: 168px;
    width: 100%;
}

#container_pawnsConfig {
    display: inline-block;
    width: 100%;
    height: 100%;
}

#container_pawnsConfig #resultLimit,
#sendEmailForzeroItem,
#workflowEmailDigestSystem {
    position: relative;
}

#container_pawnsConfig #resultLimit {
    width: 35px;
}

#container_pawnsConfig .pawnItems {
    width: 100%;
    margin: 5px 0;
    float: left;
}

#container_pawnsConfig fieldset .captionLabel {
    min-width: 144px;
}

#container_pawnsConfig .ui-combobox .isCombo {
    width: 265px;
}

#container_pawnsConfig .captionLabel {
    text-align: right;
    min-width: 155px;
    vertical-align: central;
    float: left;
    margin: 0px 10px 0 0;
}

#container_pawnsConfig .captionLabel.spacingTop {
    margin: 3px 10px 0 0;
}

#container_pawnsConfig .ui-icon.ui-icon-help {
    width: 16px;
    height: 16px;
    min-width: 16px;
    float: right;
    cursor: pointer;
}

#container_pawnsConfig label>span {
    min-width: 60px;
}

#lastSent,
#detailLevel,
#sendoption,
#filterqueue,
#filterworkflow,
#ruleSchedule {
    width: 300px;
}

#sort {
    width: 190px;
}

#sortOrder {
    width: 95px;
}

#container_pawnsConfig #resultlimitdv {
    display: block;
    height: 20px;
}

#container_pawnsConfig #resultlimitdv .warningErrorClass {
    width: auto;
    float: left;
    margin: 5px;
    padding: 0;
}

#columnsChooserdv .multiselect {
    width: 300px;
    height: 110px;
    min-width: 300px;
}

#sendEmailForzeroItemdv .captionLabel {
    margin: 0 10px 8px 0;
    text-align: center;
}

#sendEmailForzeroItemdv label {
    left: 165px;
}

#scheduledv {
    display: inline-block;
    position: relative;
}

#scheduledv .metaLabel {
    min-width: 155px;
    text-align: right;
    float: left;
    margin: 0px 10px 0 0;
}

#scheduledv .schedulingLayout {
    width: 520px;
}

#scheduledv .schedulingLayout input[name="ExecutionTime"] {
    width: 117px;
}

#scheduledv .schedulingLayout select[name="ExecutionType"] {
    width: 70px;
    margin: 0 0 0 5px;
}

#detailLevel.radio-wrap,
#sendoption.radio-wrap {
    top: 0;
}
.PerfomanceEditView {
    height: 100%;
    position: relative;
}

.PerfomanceEditView .optionsContainer {
    position: absolute;
    top: 30px;
    right: 10px;
    text-align: right;
}

.PerfomanceEditView .IndexFragHighlight {
    background-color: #fbf9d0;
    color: blue;
}

.PerfomanceEditView .PKFragHighlight {
    background-color: #d3a634;
    color: white;
}

.PerfomanceEditView .QueryTimeHighlight {
    background-color: #e0470c;
    color: white;
}

.PerfomanceEditView .FailureHighlight {
    background-color: #ff0000;
    color: white;
}

.PerfomanceEditView .issueTotalTable {
    margin-left: 10px;
    border-spacing: 5px;
}

.PerfomanceEditView .issueTotalTable td {
    min-width: 50px;
}

.PerfomanceEditView .issueTotalTable td.align-left {
    text-align: left;
}

.PerfomanceEditView .issueTotalTable td.align-right {
    text-align: right;
}

.PerfomanceEditView .content {
    position: absolute;
    top: 70px;
    left: 10px;
    right: 10px;
    bottom: 70px;
    height: 700px;
    margin-top: 60px;
}

.PerfomanceEditView .content>.StaticDataGridView {
    height: 700px;
}

.PerfomanceEditView .optionsContainer .custom_button {
    width: 100px;
    margin-top: -10px;
    margin-bottom: 10px;
}

.PerfomanceEditView .customGridTableContainer .customGridScrollableContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.PerfomanceEditView .customGridTableContainer .customGridScrollableContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.PerfomanceEditView .customGridTableContainer .customGridScrollableContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

.PerfomanceEditView .customGridTableContainer .customGridScrollableContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.PerfomanceEditView .customGridTableContainer .customGridScrollableContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}
.PublicImageView span.label {
    width: 125px;
    padding: 0 5px 0 0;
    text-align: right;
    float: left;
}

.PublicImageView .ui-combobox {
    float: left;
}

    .PublicImageView .ui-combobox .isCombo {
        width: 200px;
    }

.PublicImageView .ui-icon.ui-icon-close {
    float: left;
    cursor: pointer;
}

.PublicImageView .uploadIframe {
    margin-right: 24px;
    margin-top: 8px;
}

.PublicImageView .fileType {
    margin-right: 24px;
}

.PublicImageView .warningErrorClass {
    position: relative;
    left: 130px;
    width: 200px;
    margin-top: 5px;
}

.RecycleBinEditView {
    width: 100%;
    height: 100%;
}

    .RecycleBinEditView .deletedDocsGridContainer {
        position: absolute;
        top: 92px;
        left: 5px;
        right: 20px;
        bottom: 75px; /*Changed from 45px to 75px to adjust the container css : Bug DOC-13131*/
    }

.btn-cancel {
    margin-left: 450px;
}

.RecycleBinEditView .expire_div {
    display: inline-block;
}

.RecycleBinEditView .RecycleBinGridView {
    width: 99%;
    height: 96%;
}

.RecycleBinEditView .customGridTableContainer {
    height: 100%;
    background: url("../../../Content/themes/jquery-ui/shared/images/ui-bg_flat_75_ffffff_40x100.png?v=24.2.161") repeat-x scroll 50% 50% #ffffff;
}

.RecycleBinEditView .buttons {
    position: absolute;
    /* bottom: 15px; */
    bottom: 7px; /*Changed from -20px to 7px to fix the Restore Delete buttons css : Bug DOC-13131*/
}

.RecycleBinEditView .searchThrobber {
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 8px);
    z-index: 9999;
    display: none;
}

.RecycleBinEditView .RecycleBinGridView .customGridTable th.items_checkbox {
    width: 35px;
}

    .RecycleBinEditView .RecycleBinGridView .customGridTable th.items_checkbox span {
        overflow: initial;
    }

    .RecycleBinEditView .RecycleBinGridView .customGridTable th.items_checkbox input[type="checkbox"] {
        left: 6px;
    }

.RecycleBinEditView .customGridScrollableContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.RecycleBinEditView .customGridScrollableContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.RecycleBinEditView .customGridScrollableContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

.RecycleBinEditView .customGridScrollableContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.RecycleBinEditView .customGridScrollableContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}

.RenderOptionsView {
    margin-top: 10px;
    border: 1px solid var(--kc-panel-card-border);
}

    .RenderOptionsView fieldset {
        margin-top: 15px;
        border: 1px solid var(--kc-panel-card-border);
    }

        .RenderOptionsView fieldset > div {
            margin: 7px 0 0;
        }

    .RenderOptionsView span.scale {
        width: 51px;
        display: inline-block;
    }

    .RenderOptionsView .nonImagePdf span {
        width: 100px;
        display: inline-block;
    }

    .RenderOptionsView input[type="number"] {
        width: 50px;
    }

    .RenderOptionsView .items_checkbox {
        left: 0;
    }

        .RenderOptionsView .items_checkbox.indent {
            padding-left: 15px;
        }

.RequestEntityAsView {
    float: left;
}

    .RequestEntityAsView > div {
        margin: 5px 5px 5px 0;
        float: left;
    }

        .RequestEntityAsView > div label {
            display: block;
            margin: 3px 0;
        }

        .RequestEntityAsView > div input[type="radio"] {
            margin-top: 0;
            margin-bottom: 0;
        }

    .RequestEntityAsView div.exportTypeContainer label {
        margin: 0 0 5px 0;
    }

.RequestMobileApprovalTaskMetaSelectionView {
    width: 100%;
    height: auto;
}

    .RequestMobileApprovalTaskMetaSelectionView .tbNewFieldContainer {
        margin: 5px 0;
        flex: 0 0 auto;
        -ms-flex: 0 0 auto;
    }

    .RequestMobileApprovalTaskMetaSelectionView .tbFieldSettingsContainer {
        overflow: auto;
        height: calc(100% - 32px);
        /* Account for height of accordion */
        padding: 0 5px;
    }

        .RequestMobileApprovalTaskMetaSelectionView .tbFieldSettingsContainer ul {
            height: 100%;
            width: calc(100% - 2px);
            margin: 0;
            border: none;
        }

            .RequestMobileApprovalTaskMetaSelectionView .tbFieldSettingsContainer ul::-webkit-scrollbar {
                width: 8px;
                height: 8px;
            }

            .RequestMobileApprovalTaskMetaSelectionView .tbFieldSettingsContainer ul::-webkit-scrollbar-thumb {
                background-color: var(--k-label);
            }

            .RequestMobileApprovalTaskMetaSelectionView .tbFieldSettingsContainer ul::-webkit-scrollbar-track {
                background-color: var(--k-disabled);
            }

        /* Mozilla Scrollbar styles */

        .RequestMobileApprovalTaskMetaSelectionView .tbFieldSettingsContainer ul {
            scrollbar-color: var(--k-label) var(--k-disabled);
            scrollbar-width: var(--k-scroll);
        }

        /* IE scrollbar styles */

        .RequestMobileApprovalTaskMetaSelectionView .tbFieldSettingsContainer ul {
            -ms-scrollbar-base-color: var(--k-label);
            -ms-scrollbar-track-color: var(--k-disabled);
        }

            .RequestMobileApprovalTaskMetaSelectionView .tbFieldSettingsContainer ul li {
                width: calc(100% - 2px);
                padding: 0;
                margin: 0;
                position: relative;
                top: 0;
                left: 0;
            }

                .RequestMobileApprovalTaskMetaSelectionView .tbFieldSettingsContainer ul li .limitLabelWidth {
                    width: calc(100% - 50px);
                    /* Remove width of checkbox and icon */
                    max-width: none;
                    margin-left: 5px;
                }

        .RequestMobileApprovalTaskMetaSelectionView .tbFieldSettingsContainer .items_checkbox {
            position: relative;
            left: 19px;
            width: 20px;
        }

    .RequestMobileApprovalTaskMetaSelectionView .fieldLabelContainer {
        width: 120px;
        min-width: 120px;
        max-width: 120px;
        text-align: left;
        vertical-align: middle;
    }

        .RequestMobileApprovalTaskMetaSelectionView .fieldLabelContainer.items_checkbox {
            float: none;
        }

    .RequestMobileApprovalTaskMetaSelectionView .fieldLabelContainer-short {
        margin-left: 35px; /* checkbox element has 20px left, so this needs to account for that */
        white-space: nowrap;
    }

    .RequestMobileApprovalTaskMetaSelectionView .limitLabelWidth {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .RequestMobileApprovalTaskMetaSelectionView .limitLabelWidth span {
            text-overflow: ellipsis;
        }

    .RequestMobileApprovalTaskMetaSelectionView span {
        margin: 0;
    }

        .RequestMobileApprovalTaskMetaSelectionView span.spacingLeftSmall {
            margin: 0 0 0 5px;
        }

/*TODO: override wf designer css for certain elements */
#task_editor div.item .RequestMobileApprovalTaskMetaSelectionView span {
    width: auto;
    font-weight: normal;
    overflow: visible;
    text-align: left;
}

    #task_editor div.item .RequestMobileApprovalTaskMetaSelectionView span.ui-combobox {
        width: 100%;
    }

        #task_editor div.item .RequestMobileApprovalTaskMetaSelectionView span.ui-combobox a span {
            width: 16px;
        }

    #task_editor div.item .RequestMobileApprovalTaskMetaSelectionView span.handleIcon {
        width: 10px; /* See Icons.css */
    }

.RequestMobileApprovalTaskMetaSelectionView input[type="checkbox"] {
    margin: 0;
    padding: 0;
}

.RetrieveView,
.SearchContainer,
.DocumentViewContainer {
    width: 100%;
    height: 100%;
    position: relative;
}

.customGridHeaderContainer .customGridTable tr {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.customGridColumnResizeContainer .customGridTable tbody tr {
    border-bottom: 1px solid #f1f4f5;
}

/* custom check box styles */

.customGridTableContainer .items_checkbox {
    left: auto;
}

.customGridTable .customGridDataCell input[type="checkbox"] {
    left: 6px !important;
}

.customGridTableContainer .customGridHeader .items_checkbox input[type="checkbox"] {
    left: 2px;
}

.customGridTableContainer .items_checkbox span::before {
    left: 23px;
}

.customGridTableContainer .items_checkbox span::after {
    margin-left: 2px;
}

.RibbonBarView {
    width: 100%;
    padding: 5px 0;
    display: inline-block;
    border-top: 2px solid #999;
    flex: 0 1 auto;
    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. */
}

    .RibbonBarView.collapsed {
        height: 22px;
    }

        .RibbonBarView.collapsed .attachment_accordion_title_uploadStatusInText {
            display: block;
        }

        .RibbonBarView.collapsed .attachment_accordion {
            display: none;
        }

    .RibbonBarView .attachment_accordion {
        width: 100%;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        max-width: calc(100% - 35px);
        padding: 0 5px;
    }

    .RibbonBarView .attachment_accordion_title_uploadStatusInText {
        font-weight: bold;
        width: calc(100% - 25px);
        margin-left: 5px;
        padding: 2px 0;
        display: none;
    }

    .RibbonBarView .attachment_accordion_title_contents {
        cursor: pointer;
        float: right;
        font-weight: bold;
        width: 20px;
        height: 20px;
        position: relative;
        top: -5px; /* Offset padding of ribbon bar */
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;
        border-bottom-left-radius: 5px;
    }

    .RibbonBarView .attachment_accordion_title_contents_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(top, #D4E8FC, #032342); /* for firefox 3.6+ */
        background: linear-gradient(to bottom, #D4E8FC 0%, #032342 100%); /* W3C (IE10) maybe others soon.*/
        color: #FFF;
    }

    .RibbonBarView .attachment_accordion_title_contents_open {
        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.*/
        color: #000;
    }

    .RibbonBarView .title_arrow {
        height: 15px;
        width: 15px;
        left: 3px;
        position: relative;
    }

    .RibbonBarView .attachment_accordion_title_contents_closed .title_arrow {
        background-image: url("../../../Content/images/s.png?v=24.2.161");
        background-position: -46px -41px;
    }

    .RibbonBarView .attachment_accordion_title_contents_open .title_arrow {
        background-image: url("../../../Content/images/s.png?v=24.2.161");
        background-position: -60px -41px;
    }


.RoleEditUsersView, #RoleEditUsersView {
    min-width: 400px;
    min-height: 400px;
    width: 100%;
    height: 100%;
}

    .RoleEditUsersView .search {
        width: 100%
    }

    .RoleEditUsersView div.selected.right-column {
        width: 225px !important; /* :-( I found no way around the important flag due to jquery */
    }

    .RoleEditUsersView .multiselect {
        width: 460px;
    }
.RoleEditView {
    
}

    .RoleEditView input[name='editUsersInGroup'] {
        border: 0px;
        cursor: pointer;
        width: 12px;
    }

    .RoleEditView input[type="text"].ui-autocomplete-input {
        width: 200px;
        float: left;
    }

    .RoleEditView span.ui-icon {
        float: left;
        left: -17px;
        top: 1px;
        background-color: white;
        cursor: pointer;
    }

    .RoleEditView fieldset.members{
        overflow: auto;
    }
#role_default_layout {
    width: max-content;
}

.customGridTable .customGridPager {
    background: none;
}

.RolePreferencesManagerView .customGridTable {
    width: auto;
}

.RolePreferencesManagerView span.ui-icon {
    cursor: pointer;
}

.RolePreferencesManagerView td.customGridSortable {
    cursor: ns-resize;
}

.ui-sortable-placeholder {
    background: white;
}

.SamlConnectionEditView {
    margin: 4px 0;
}

.SamlConnectionEditView ol {
    padding-left: 5px;
}

.SamlConnectionEditView ol li {
    list-style-type: none;
    margin-bottom: 10px;
}

.SamlConnectionEditView ol li.metadata div {
    display: inline-block;
}

.SamlConnectionEditView ol li.metadata span {
    width: 190px;
    display: inline-block;
    text-align: right;
}

.SamlConnectionEditView ol li.slapboxListItem>span {
    width: 190px;
    display: inline-block;
    text-align: right;
    vertical-align: top;
    margin-top: 4px;
}


/* Must use Id selector to be more specific then #admin_screen input[type='text'] */
#admin_screen .SamlConnectionEditView ol li input.longInput {
    width: 500px;
}
.jPicker.Container.Higher {
    z-index: 10001 !important;
}


.SavedSearchEditView .unstyledList label {
    width: 170px;
}

.SavedSearchEditView .iconsContainer {
    margin-top: 7px;
}

.SavedSearchEditView .tiledIcon {
    width: 22px;
    height: 22px;
    background-size: 20px;
    background-repeat: no-repeat;
    display: inline-block;
    filter: invert(1);
    mix-blend-mode: difference;
    cursor: pointer;
    border-style: outset;
    border-width: medium;
}

    .SavedSearchEditView .tiledIcon.selected {
        border-style: inset;
        border-width: medium;
    }

.SavedSearchEditView option {
    color: grey;
}
.SavedSearchEditView option.exists {
    color: black;
}

/* 
    This should be .SavedSearchEditView .items_checkbox 
    changing this now would result in a large regression
    TODO: DOC-14669 based off of DOC-14823
*/ 
.items_checkbox {
    position: relative;
}
.SavedSearchParametersView td {
    padding: 1px 4px;
}

.SavedSearchParametersView select {
    width: 100%;
    min-width: 150px;
}

.SavedSearchView {
    width: 100%;
    position: relative;
    margin: 0 5px 0 0;
}

    .SavedSearchView select.savedSearchList {
        position: relative;
        top: 4px;
        width: 100%;
    }

    .SavedSearchView .savedSearchLayout .buttons {
        position: relative;
    }

        .SavedSearchView .savedSearchLayout .buttons .custom_button {
            cursor: pointer;
            float: left;
            height: 25px;
            left: 0;
            position: relative;
        }

            .SavedSearchView .savedSearchLayout .buttons .custom_button.saveSearch .saveIcon {
                margin: 5px 0 0 2px;
            }

            .SavedSearchView .savedSearchLayout .buttons .custom_button.deleteSearch .deleteIcon {
                margin: 6px 0 0 1px;
            }

                .SavedSearchView .savedSearchLayout .buttons .custom_button.deleteSearch .deleteIcon.disabledIcon {
                    margin: 5px 0 0 1px;
                }

.SavedSearchView .ui-icon {
    cursor: pointer;
    margin-bottom: 12px;
}

.SavedSearchView .temp {
    display: flex;
}

.SavedSearchView .searchIcon {
    filter: invert(1);
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    margin-left: 18px;
    margin-top: 3px;
}

.SavedSearchView .searchBtnContainer {
    width: 60px;
    border-radius: 5px;
    height: 29px;
    background-color: var(--kc-interactive-blue);
    position: relative;
    top: -3px;
}

.SavedSearchView .searchBtnContainer:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    background: var(--kc-interactive-hover);
}

#shareSavedSearch > div {
    display: flex;
}

#shareSavedSearch .ui-combobox {
    width: 100%;
}

.savedSearchLayout .shareIcon { 
    top: 2px;
    position: relative;
    cursor: pointer;
}

.savedSearchLayout .eraserIcon {
    width: 24px;
    height: 22px;
    background-size: 20px;
    margin-right: 18px;
    transform: scale(1.25);
}

.SearchCriteriaView {
    width: 100%;
    height: 100%;
    position: relative;
}

.SearchCriteriaView div.accordion_title span.anchor{
    left: 0px;
    white-space: nowrap;
}

.SearchCriteriaView > div {
    background-color: var(--kc-panel-card-bg); /* DOC-5883 Rebranding changes for panel card */
    border-radius: 3px;
    border: 1px solid var(--kc-panel-card-border);
    float: left;
    width: 100%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
}

        .SearchCriteriaView > div:focus {
            border: 1px solid var(--a-mauve);
            outline: 0;
        }

    .SearchCriteriaView .items_checkbox {
            left: 7px;
            position: relative;
        }

        .SearchCriteriaView .items_location_container .items_label {
            display: inline-block;
            float: left;
            left: 12px;
            position: relative;
            top: 12px;
            width: 1%;
        }

    .SearchCriteriaView .items_checkbox div {
        float: left;
        left: 12px;
        margin: 3px 0 0;
        position: relative;
        width: 100%;
    }

        .SearchCriteriaView .advanced_options .items_checkbox div span {
            left: 1px;
            position: relative;
        }

    .SearchCriteriaView .saved_searches_container .folder_criteria {
        display: inline-block;
        position: relative;
        width: calc(100% - 38px);
        margin-left: 5px;
    }

    .SearchCriteriaView .saved_searches_container .sub_fold_check {
        display: inline-block;
        left: 22px;
        position: relative;
        top: 8px;
    }

    .SearchCriteriaView .fieldSearchViewContainer {
        max-height: 140px;
        display: inline-block;
        overflow: hidden;
        width: 100%;
    }

    .SearchCriteriaView .searchTermsContainer {
        height: 100%;
        position: relative;
        width: 100%;
        float: left;
        display: contents;
    }

    .SearchCriteriaView .searchTermsContainer .items_check {
        font-size: 13px;
        display: flex;        
        align-items: center;
        padding-left: 15px;
        min-width: 80px;
    }

        .SearchCriteriaView .searchTermsContainer .text_word_search {
            display: inline-block;
            float: left;
            height: 100%;
            position: relative;
            top: 7px;
            width: 29%;
        }

            .SearchCriteriaView .searchTermsContainer .text_word_search span {
                display: inline-block;
                float: left;
                margin: 5px 0 0 12px;
                position: relative;
                text-align: left;
                width: 100%;
            }

        .SearchCriteriaView .searchTermsContainer .text_vocabulary {
            display: inline-block;
            position: relative;
            top: 4px;
            width: calc(100% - 260px);
        }

            .SearchCriteriaView .searchTermsContainer .text_vocabulary input[name = "TextCriteria"] {
                display: inline-block;
                position: relative;
                top: 0;
                height: 18px;
                width: 100%; /* To align and textbox and textarea */
            }

            .SearchCriteriaView .searchTermsContainer .text_vocabulary .vocab_suggestions_container {
                border: 1px solid transparent;  /* DOC-5883 Rebranding changes for text area*/
                display: inline-block;
                height: 70px;
                left: 1px;
                position: relative;
                top: 3px;
                width: 86%;
                margin-bottom: 20px;
                border-bottom: 1px solid var(--kc-interactive-blue);
                background-color: var(--p-white);
            }

                .SearchCriteriaView .searchTermsContainer .text_vocabulary .vocab_suggestions_container:hover {
                    border-bottom: 1px solid var(--kc-interactive-hover);
                }

                .SearchCriteriaView .searchTermsContainer .text_vocabulary .vocab_suggestions_container:focus {
                    border: 1px solid var(--a-mauve);
                }

                .SearchCriteriaView .searchTermsContainer .text_vocabulary .vocab_suggestions_container:active {
                    border-bottom: 1px solid var(--kc-interactive-pressed);
                }
                .SearchCriteriaView .searchTermsContainer .text_vocabulary .vocab_suggestions_container .vocab_suggestions {
                    cursor: pointer;
                    height: 63%; /* To remove the scrollbar when no text is present*/
                    list-style: none;
                    padding: 0;
                    position: relative;
                    resize: none;
                    text-indent: 5px;
                    top: -10px;
                    width: 100%;
                }

            .SearchCriteriaView .searchTermsContainer .text_vocabulary span {
                display: inline-block;
                float: left;
                left: 5px;
                position: relative;
                text-align: right;
                top: 3px;
                width: 133px;
            }

        .SearchCriteriaView .searchTermsContainer #vocab_suggestions {
            width: 100%;
            max-width: 100%;
            z-index: 11;
            margin: 0;
        }
        .SearchCriteriaView .searchTermsContainer #vocab_suggestions li {
            font-size: 13px;
            font-weight: 400;
        }

    .SearchCriteriaView .search {
        float: right;
        position: relative;
    }

    .SearchCriteriaView .search_btns {
        width: 50%;
        max-width: 100%;
        min-width: 290px;
        float: right;
        height: 35px;
        position: relative;
        z-index: 1;
        background: none;
        box-shadow: initial;
        border: 0;
        margin: 0;
        margin-top: 8px;
    }

        .SearchCriteriaView .search_btns .warningErrorClass {
            background: #FFF;
            margin: 10px 1%;
            padding: 0;
            position: absolute;
            text-align: center;
            width: 98%;
            z-index: 1;
            top: 55px;
            left: 0;
        }

        .SearchCriteriaView .search_btns .reset_btn {
            color: #86898d;
            background: 0 0;
            border: 0;
        }

            .SearchCriteriaView .search_btns .reset_btn:hover {
                background: rgba(0, 0, 0, .05);
            }

        .SearchCriteriaView .search_btns .search_btn {
            color: #008aa9;
            border: 1px solid #008aa9;
            background: 0 0;
        }

        .SearchCriteriaView .search_btns .reset_btn,
        .SearchCriteriaView .search_btns .search_btn {
            cursor: pointer;
            float: left;
            left: 3px;
            line-height: 25px;
            position: relative;
            border-radius: 4px;
            margin: 0 10px 5px 0;
            padding: 0 30px;
            -moz-box-shadow: initial;
            -webkit-box-shadow: initial;
            box-shadow: initial;
            text-align: center;
            color: var(--kc-interactive-blue);
            background-color: transparent;
            font-size:14px;
        }

            .SearchCriteriaView .search_btns .reset_btn:hover,
            .SearchCriteriaView .search_btns .search_btn:hover { /* DOC-5883 Rebranding changes for Search Button */
                background-color: var(--p-white);
                color: var(--kc-interactive-hover);
                box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
            }
            .SearchCriteriaView .search_btns .reset_btn:focus,
            .SearchCriteriaView .search_btns .search_btn:focus {
                border: 1px solid var(--a-mauve);
                color: var(--kc-interactive-blue);
            }
            .SearchCriteriaView .search_btns .reset_btn:active,
            .SearchCriteriaView .search_btns .search_btn:active {
                color: var(--kc-interactive-pressed);
                box-shadow: 0px 2px 3px rgba(0, 0, 0, .15);
            }

            .SearchCriteriaView .search_btns .reset_btn.p-5,
            .SearchCriteriaView .search_btns .search_btn.p-5 {
                padding: 0 5px;
            }

            .SearchCriteriaView .search_btns .reset_btn.p-15,
            .SearchCriteriaView .search_btns .search_btn.p-15 {
                padding: 0 15px;
            }

            .SearchCriteriaView .search_btns .search_btn .button_icon {
                right: 1px;
            }


    /*#region auto-sizing saved search */

    .SearchCriteriaView .RetrieveSavedSearchView {        
        padding-left: 1vw;
        right: 0;
        /* IE10 */
    }

    .SearchCriteriaView .search {
        flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        /* IE10 */
    }

    .SearchCriteriaView .SavedSearchView .savedSearchLayout {
        width: calc(100% - 5px);
        display: flex;
        flex-direction: row;
    }

        .SearchCriteriaView .SavedSearchView .savedSearchLayout .IncludeColumns {
            position: relative;
            float: left;
            top: 8px;
            color: #FFF;
            margin: 0 5px;
            white-space: nowrap;
        }

    .SearchCriteriaView .SavedSearchView .savedSearchListContainer {
        width: 500px;
        max-width: 50%;
    }

    .SearchCriteriaView .SavedSearchView .ui-combobox {
        width: 100%;
    }

    .SearchCriteriaView .SavedSearchView .buttons {
        top: 5px;        
    }

    .SearchCriteriaView .wid30 {        
        width: 30px;
    }

    .SearchCriteriaView .wid55 {
        width: 55px;
    }

    .SearchCriteriaView .wid75 {
        width: 75px;
    }

    .SearchCriteriaView .wid95 {
        width: 95px;
    }

    .SearchCriteriaView .wid120 {
        width: 120px;
    }
    
    .SearchCriteriaView .ml-3 {
        margin-left: 3px;
    }


/*#endregion*/



/* Custom check box */
/*check these input site.css command iframe its thee remove*/

    .SearchCriteriaView .items_checkbox input[type="checkbox"]:not(:checked) + span::before,
    .SearchCriteriaView .sub_fold_check input[type="checkbox"]:not(:checked) + span::before {
        opacity: 0;
    }


    .SearchCriteriaView .items_check .displayTable input[type="checkbox"] {
        box-shadow: none;
        border-radius: 2px;
        cursor: pointer;
        border: var(--kc-interactive-blue);
        vertical-align: middle;
    }

    .SearchCriteriaView .items_check .displayTable span {
        margin-left: 3px;
        vertical-align: middle;
    }
   
    .SearchCriteriaView .tiled_search {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
.SearchCriteriaView .tiled_search_container {
    display: inline-block;
    height: 100%;
    width: 100%;
}

    .SearchCriteriaView div[data-accid=advanced_search] > .accordion.open,
    .SearchCriteriaView .saved_searches > .accordion.open {
        margin-top: 0;
    }

.SearchCriteriaView .advanced_options {
    border-radius: 5px;
    margin: 5px;
    height: fit-content;
}

    .SearchCriteriaView fieldset.fsContainer {
        margin: 10px 5px 5px 20px;
        width: calc(100% - 250px);
    }

    .SearchCriteriaView .advanced_search, .SearchCriteriaView .advanced_options {
        display: flex;
    }
    .SearchCriteriaView .advanced_options {
        flex-direction: column;
    }

.SearchCriteriaView .advanced_search .items_text_title,
.SearchCriteriaView .advanced_search .items_dropdown_title {
    margin: 0;
    margin-top: 10px;
}

.SearchCriteriaView .advanced_search .contentTypeContainer > span.ui-combobox {
    width: calc(100% - 10px);
    margin-left: 5px;
}

.SearchCriteriaView fieldset {
    border: 1px solid var(--kc-panel-card-border);
    border-radius: 5px;
    margin: 5px;
    padding-bottom: 5px;
}
.SearchCriteriaView hr {
    border-bottom: 1px solid var(--kc-panel-card-border);
    border-top: hidden;
    width: 100%;
}

.SearchCriteriaView .lookContainer, .SearchCriteriaView .contentTypesContainer {
    width: calc(100% - 10px);
}

.SearchCriteriaView .lookContainer > div, .SearchCriteriaView .lookContainer > fieldset {
    height: 55px;
}

.SearchCriteriaView .lookAndCT {
    margin: 5px 5px 5px 0px;
}

.SearchCriteriaView .advanced_options > fieldset {
    display: flex;
    flex-direction: column;
    width: 125px;
    height: fit-content;
}


.SearchCriteriaView .contentTypesContainer > div {
    height: 30px;
}

.SearchCriteriaView .titleContainer {
    height: 25px;
}

.SearchCriteriaView .titleContainer .savedSearchTitle {
    font-size: 20px;
    font-weight: bold;
}

.SearchCriteriaView .contentTypeContainer .ui-combobox .ui-menu-item a {
    min-height: 15px;
}

.SearchCriteriaView .contentTypeContainer .ui-combobox:focus-within a:not(.ui-button) {
    border: none;
}

.SearchCriteriaView .saved_searches .accordion_title_contents {
    display: grid;
    grid-template-columns: auto auto auto 1fr;
}

@media (max-width: 1200px){
    .SearchCriteriaView .RetrieveSavedSearchView {
        padding-left: 1.5vw;
    }
}
.SearchResultCustomFieldGroupSubgridView .cfvWFButtonContainer {
    width: 65%;
    margin: auto;
}

    .SearchResultCustomFieldGroupSubgridView .cfvWFButtonContainer .custom_button.short_btn {
        width: 50px;
    }

.SearchResultPackageSlotsSubgridView {
    width: 100%;
    height: 100%;
}

    .SearchResultPackageSlotsSubgridView > .SubgridViewContainer {
        width: 100%;
        overflow: auto;
    }

    .SearchResultPackageSlotsSubgridView .SubgridViewContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.SearchResultPackageSlotsSubgridView .SubgridViewContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.SearchResultPackageSlotsSubgridView .SubgridViewContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla scroll styles */

.SearchResultPackageSlotsSubgridView .SubgridViewContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.SearchResultPackageSlotsSubgridView .SubgridViewContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}

.SearchResultsGridView {
    height: 100%;
    width: 100%;
    position: relative;
}

.SearchResultsGridView .results_actions {
    float: left;
    min-width: 120px;
    position: absolute;
    width: auto;
}

.SearchResultsGridView .results_actions .messageContainer {
    margin: 5px 0 0 0;
}

.SearchResultsGridView .results_actions div.menu_item {
    display: inline-block;
    margin: 0;
    position: relative;
    width: 100%;
}

.SearchResultsGridView .results_actions .nested ul.children li {
    margin: 0;
    position: relative;
    width: 100%;
    min-width: 155px;
}

.SearchResultsGridView .results_actions li span.right_icon {
    float: right;
    position: absolute;
    right: 0;
    top: 3px;
}

.SearchResultsGridView .results_actions .dropdown ul li span.anchor {
    float: none;
    font-weight: normal;
    position: relative;
    width: 100%;
}

.SearchResultsGridView .results_actions .column_chooser {
    width: 22px;
    position: relative;
    text-indent: 1px;
    top: 0px;
}

.SearchResultsGridView .results_actions li:hover {
    background: #E6E6E6;
}

.SearchResultsGridView .results_actions div.menu_item .left_icon {
    float: left;
    left: 2px;
}

.SearchResultsGridView .results_actions div.menu_item {
    left: 0;
}

.SearchResultsGridView .results_actions div.menu_item .search_result_check {
    position: relative;
    display: inline-block;
    float: left;
    top: 3px;
    height: 16px;
    width: 16px;
    z-index: 1;
}

.SearchResultsGridView .results_actions div.menu_item .excludeGroups {
    width: auto;
}

.SearchResultsGridView .results_actions .maxResultsContainer span {
    color: #000;
}

.SearchResultsGridView .results_actions span.spacer {
    float: left;
    height: 16px;
    width: 14px;
    z-index: 1;
}

.SearchResultsGridView .results_actions div {
    margin: 0 0 0 5px;
    position: relative;
}

    .SearchResultsGridView .results_actions input {
        width: 35px;
        font-family: Source Sans Pro, Roboto, sans-serif, Arial, Helvetica;
        font-size: 13px;
    }


    .SearchResultsGridView .results_actions .searchResultsMenu {
        z-index: 20;
        left: 43px;
    }

    .SearchResultsGridView .results_actions .dropdown {
        float: left;
        position: relative;
        top: 3px;
    }

    .SearchResultsGridView .results_actions .dropdown ul.children {
        overflow: visible;
    }

    .SearchView .SearchResultsGridView .results_actions .dropdown ul.children {
        overflow-y: auto;
        overflow-x: hidden;
    }

    .SearchView .SearchResultsGridView .results_actions .dropdown ul.children::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .SearchView .SearchResultsGridView .results_actions .dropdown ul.children::-webkit-scrollbar-thumb {
        background-color: var(--k-label);
    }

    .SearchView .SearchResultsGridView .results_actions .dropdown ul.children::-webkit-scrollbar-track {
        background-color: var(--k-disabled);
    }

    /* Mozilla Scrollbar styles */

    .SearchView .SearchResultsGridView .results_actions .dropdown ul.children {
        scrollbar-color: var(--k-label) var(--k-disabled);
        scrollbar-width: var(--k-scroll);
    }

    /* IE scrollbar styles */

    .SearchView .SearchResultsGridView .results_actions .dropdown ul.children {
        -ms-scrollbar-base-color: var(--k-label);
        -ms-scrollbar-track-color: var(--k-disabled);
    }


.SearchResultsGridView .resultsGrid {
    float: left;
    min-height: 100px;
    position: relative;
    width: 100%;
    height: 100%;
}

.SearchResultsGridView .resultsGrid .customGridTable {
    height: auto;
}

.SearchResultsGridView .resultsGrid .search_throbber {
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 8px);
    z-index: 9999;
    display: none;
}

.SearchResultsGridView .columnEdit {
    display: inline-block;
    position: absolute;
    top: -2px;
    margin: 0 0 0 4px;
}

.SearchResultsGridView .columnEdit:hover {
    color: #212121;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    margin: -1px -1px -1px 3px;
}


.SearchResultsGridView .selectionHeader {
    width: 20px;
}

.SearchResultsGridView .editHeader {
    width: 36px;
}

.SearchResultsGridView .typeHeader {
    width: 30px;
}

.SearchResultsGridView .editRow {
    margin-left: 8px;
}

.SearchResultsGridView .saveRow {
    float: left;
}

.SearchResultsGridView .list_action {
    width: 20px;
}

.SearchResultsGridView .maxResultsContainer {
    padding-left: 5px;
}

.SearchResultsGridView .maxResultsContainer input {
    width: 40px;
    font-size: 1.1em;
}

:root {
    --k-scroll: thin;
}
.SearchView {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
}

.SearchView .SearchViewLeft {
    float: left;
    width: 70%;
    height: 100%;
    position: relative;
    display: table;
    z-index: 2;
}

.SearchView .SearchViewLeft .SearchCriteriaContainer,
.SearchView .SearchViewLeft .SearchResultContainer {
    display: table-row;
}

.SearchView .SearchViewLeft .SearchResultContainer {
    height: 100%;
    position: relative;
}

.SearchView .SearchViewRight {
    position: absolute;
    left: 5px;
    right: 0;
    top: -3px;
    bottom: 3px;
    margin-left: 70%;
    z-index: 1;
}

.SearchView .SearchViewRight .DocumentPreviewContainer {
    width: 100%;
    height: 100%;
    position: relative;
}

.SearchView .SearchViewLeft .SearchResultContainer .customGridScrollableContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.SearchView .SearchViewLeft .SearchResultContainer .customGridScrollableContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.SearchView .SearchViewLeft .SearchResultContainer .customGridScrollableContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

.SearchView .SearchViewLeft .SearchResultContainer .customGridScrollableContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.SearchView .SearchViewLeft .SearchResultContainer .customGridScrollableContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}
#securityClassDTO input[type="text"].ui-autocomplete-input {
    width: 200px;
    float: left;
}
#securityClassDTO span.ui-icon {
    float: left;
    left: -17px;
    top: 1px;
    background-color: white;
    cursor: pointer;
}
.SendAsView {
    float: left;
}

.SendAsView>div {
    margin: 5px 5px 5px 0;
    float: left;
}

.SendAsView>div input[type="radio"] {
    margin-top: 0;
    margin-bottom: 0;
}

.SendAsView>div label {
    display: block;
    margin: 3px 0;
}

.SendAsView div.exportTypeContainer {
    border-left: 1px solid black;
}

.SendAsView div.exportTypeContainer label {
    margin: 5px 0;
}

.annotationContainer.items_checkbox {
    position: relative;
    width: 100%;
    left: 15px;
}

.DontUploadContainer.items_checkbox {
    position: relative;
    width: 100%;
    left: 15px;
    bottom: 8px;
}
.SendDownloadView {
    width: 100%;
    height: 100%;
}

.SendDownloadView .downloadRedirectMessage {
    color: blue;
}

.SendDownloadView .SendAsView .exportTypeContainer {
    border-left-width: 0;
    margin: 0 0 0 -5px;
}

.SendDownloadView .SendAsView .exportTypeContainer label {
    float: left;
    margin: 3px 0 3px 0;
    width: 60px;
    display: flex;
    justify-content: space-evenly;
}

.SendDownloadView .SendAsView .exportTypeContainer label:nth-child(2) {
    width: 50px;
}

.SendDownloadView .SendAsView .exportTypeContainer label:nth-child(3) {
    width: 75px;
}
.SendEmailView {
    width: 100%;
    height: 100%;
}

    .SendEmailView > div {
        width: 100%;
        margin: 0 0 5px 0;
    }

        .SendEmailView > div > input[type="text"]:not(.fakePassword):not(.copyLink) {
            width: calc(100% - 9px);
            padding-left: 2px;
        }

        .SendEmailView > div > input[type="text"].copyLink {
            width: calc(100% - 30px); /* Accomodate the refresh link */
        }

    .SendEmailView .SendAsView > div {
        margin-left: 15px;
        min-height: 60px; /* Allow borders to match in height */
    }

    .SendEmailView .emailChoiceContainer {
        margin: 5px 0;
    }

    .SendEmailView .emailChoiceContainer .items_checkbox {
        width: auto;
        left: 10px;
    }

    .SendEmailView input[name="emailChoice"] {
        float: left;
    }

    .SendEmailView sendAsOptions {
        margin: 0;
    }

    .SendEmailView .sendAsOptions textarea {
        width: calc(100% - 5px);
        height: 80px;
    }

    .SendEmailView .sendAsOptions fieldset > span {
        margin: 0 0 0 15px;
    }

    .SendEmailView .sendAsContainer {
        float: left;
    }

    .SendEmailView .sendAsStaticOptions > div:not(.sendAsContainer) {
        margin: 5px 5px 5px 15px;
        float: left;
    }

        .SendEmailView .sendAsStaticOptions > div:not(.sendAsContainer) input[type="radio"],
        .SendEmailView .sendAsContainer > div input[type="radio"] {
            margin-top: 0;
            margin-bottom: 0;
            float: left;
        }

        .SendEmailView .sendAsStaticOptions > div:not(.sendAsContainer) label {
            margin: 3px 0;
        }

        .SendEmailView .sendAsStaticOptions > div:not(.sendAsContainer) label,
        .SendEmailView .sendAsContainer > div label {
            display: block;
        }

    .SendEmailView div.pageSelectionContainer {
        width: 160px;
    }

    .SendEmailView .fetchContactsMessageContainer {
        margin: 3px 5px;
        float: right;
    }

    .SendEmailView input[name="Subject"] {
        margin-top: 15px;
    }

    .SendEmailView .ToLabel, 
    .SendEmailView .CCLabel, 
    .SendEmailView .BCCLabel {
        font-weight: bold;
        font-size: 16px;
        top: 2px;
        position: relative;
    } 

.SendPrintView {
    width: 100%;
    height: 100%;
}

.SendPrintView .SendAsView .exportTypeContainer {
    width: 100%;
    float: left;
    border-left-width: 0;
    margin: 0 0 0 -5px;
}

.SendPrintView .SendAsView .exportTypeContainer label {
    float: left;
    margin: 3px 0 3px 0;
    width: 65px;
}

.SendPrintView .SendAsView .exportTypeContainer label:nth-child(2) {
    width: 50px;
}

.SendPrintView .SendAsView .exportTypeContainer label:nth-child(3) {
    width: 80px;
}

.SendPrintView .SendAsView .annotationContainer {
    width: 100%;
    position: relative;
    left: 15px;
}
.SendPublicLinkView {
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.SendPublicLinkView .ui-combobox {
    width: 100%;
}

.SendPublicLinkView>div {
    width: 100%;
    margin-bottom: 5px;
}

.SendPublicLinkView>div>label>span.spanWithInput,
.SendPublicLinkView .items_radio span.spanWithInput {
    display: inline-block;
    min-width: 60px;
}

.SendPublicLinkView>div>input[type="text"]:not(.fakePassword):not(.copyLink):not([name="CreateLimit"]):not([name="ExpireDate"]) {
    width: calc(100% - 9px);
    padding-left: 2px;
}

.SendPublicLinkView>div>input[type="text"].copyLink {
    width: calc(100% - 30px); /* Accomodate the refresh link */
}

.SendPublicLinkView .SendAsView>div {
    margin-left: 15px;
}

.SendPublicLinkView .emailChoiceContainer {
    margin: 5px 0;
}

.SendPublicLinkView input[name="emailChoice"] {
    float: left;
}

.SendPublicLinkView sendAsOptions {
    margin: 0;
}

.SendPublicLinkView .sendAsOptions textarea {
    width: calc(100% - 5px);
    height: 80px;
}

.SendPublicLinkView .sendAsOptions fieldset>span {
    margin: 0 0 0 15px;
}

.SendPublicLinkView .sendAsContainer {
    float: left;
}

.SendPublicLinkView .sendAsStaticOptions>div:not(.sendAsContainer) {
    margin: 5px 5px 5px 15px;
    float: left;
}

.SendPublicLinkView .sendAsStaticOptions>div:not(.sendAsContainer) input[type="radio"],
.SendPublicLinkView .sendAsContainer>div input[type="radio"] {
    margin-top: 0;
    margin-bottom: 0;
    float: left;
}

.SendPublicLinkView .sendAsStaticOptions>div:not(.sendAsContainer) label,
.SendPublicLinkView .sendAsContainer>div label {
    display: block;
    margin: 3px 0;
}

.SendPublicLinkView div.pageSelectionContainer {
    width: 160px;
    border-left: 1px solid black;
    padding: 0 0 0 10px;
}

.SendPublicLinkView .warningErrorClass {
    margin: 2px 0 8px 0;
}
.SendView {
    width: 100%;
    height: 100%;
}

.SendView .ui-combobox {
    width: calc(100% - 45px);
    float: right;
}

    .SendView fieldset {
        margin-left: 0;
        margin-right: 0;
        padding-left: 5px;
        border: 1px solid var(--kc-panel-card-border);
    }

.SendView .fakePassword {
    color: #AAA;
}

.SendView .progressCont {
    width: 100%;
    height: 16px;
}

.SendView .sendFooter .unsignedDocumentSentAsPDFMessage {
    display: grid;
    margin-top: 2px;
}

.SendView .rememberSettings {
    /*text-align: right;*/
    margin: 25px 0 0;
    width: 100%;
}

.SendView .rememberSettings .items_checkbox {
    position: relative;
    width: 100%;
    left: 45%;
}

/* Don't have any margin if we are emailing, we want the remember settings to be inline with the 'links are to a current version' message */
.SendView .rememberSettings.isEmailing {
    margin: 0;
}

.SendView .rememberSettings.isEmailing .items_checkbox {
    position: relative;
    float: right;
    width: auto;
    left: 0;
}

.SendView .includeCoverPagesContainer {
    width: 100%;
    margin: 5px 0;
}

.SendView .includeCoverPagesContainer .includeCoverPages {
    margin-bottom: 3px;
}

.SendView .viewContainer,
.SendView .sendFooter {
    display: flex;
    flex-direction: column;
    display: -ms-flexbox;
    /* IE10 */
    -ms-flex-direction: column;
    /* IE10 */
}

.SendView .sendFooter>div {
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    /* IE10 */
    min-height: 0;
}
.SortableItemView {
    width: auto;
    border: 1px solid #808080;
}

    .SortableItemView .additionalSelectedHTML {
        display: inline-block;
        margin: 0 0 0 5px;
        position: absolute;
        right: 10px;
        top: 5px;
    }

    .SortableItemView .preAdditionalSelectedHTML {
        position: relative;
    }

        .SortableItemView .preAdditionalSelectedHTML .items_checkbox {
            position: relative;
            left: 20px;
        }

            .SortableItemView .preAdditionalSelectedHTML .items_checkbox span {
                left: -15px;
            }

        .SortableItemView .preAdditionalSelectedHTML > div {
            margin: 0 5px;
            line-height: normal;
            position: relative;
        }
        .SortableItemView .preAdditionalSelectedHTML > div:nth-child(1) {
            z-index: 1;
        }
        .SortableItemView .preAdditionalSelectedHTML > div:nth-child(2) {
            z-index: 2;
        }
        .SortableItemView .preAdditionalSelectedHTML > div:nth-child(3) {
            z-index: 3;
        }

    .SortableItemView .tbIconContainer {
        width: 16px;
        min-width: 16px;
        vertical-align: middle;
    }

        .SortableItemView .tbIconContainer span {
            min-width: 16px;
        }

            .SortableItemView .tbIconContainer span.ui-icon {
                cursor: pointer;
                position: relative;
                left: -5px;
            }

.StampEditView .textStampPreview {
    position: relative;
    top: 5px;
}

#formatPreview table tr td a {
    color: var(--kc-interactive-blue);    
}
#formatPreview table tr td a:hover {
    text-decoration: underline;
    cursor: pointer;
    color: var(--kc-interactive-hover);
}
.SubmissionGridItemView {
    height: 22px;
}

    .SubmissionGridItemView .entityDiffersFromType {
        font-style: italic;
    }

        .SubmissionGridItemView .entityDiffersFromType select,
        .SubmissionGridItemView .entityDiffersFromType input {
            font-style: italic;
        }

    .SubmissionGridItemView.disabled {
        background-color: #BDBDBD;
        
    }
        .SubmissionGridItemView.disabled div {
            font-weight: bold;
        }

    .SubmissionGridItemView.selected {
        background-color: #FBF9D0;
        color: #363636;
    }

    .SubmissionGridItemView.unselectedMatch {
        color: red;
    }

    .SubmissionGridItemView input.halfWidth {
        width: 25px;
    }

    .SubmissionGridItemView .delimiterSpacing {
        margin: 0 2px;
    }

    .SubmissionGridItemView .isMatch {
        font-weight: bold;
    }

    .SubmissionGridItemView.selected .isMissing {
        font-weight: bold;
        color: red;
        text-align: center;
    }
.SubmissionGridView {
    height: 100%;
    width: 100%;
    position: relative;
}

    .SubmissionGridView .selectionHeader {
        width: 20px;
    }

    .SubmissionGridView .rowNumberCell {
        width: 33px;
    }

    .SubmissionGridView > .customGridTableContainer > .customGridHeaderContainer {
        z-index: 11; /* Appear above subgrids headers */
    }

    .SubmissionGridView .ui-sortable-helper {
        background: #FFF;
        left: -1px;
        border-left: 1px solid #aaaaaa;
    }

        .SubmissionGridView .ui-sortable-helper td {
            display: inline-block;
        }

.submissionDialog {
    overflow: visible;
}

.submissionSubmittingContainer {
    min-height: 520px;
}

    .submissionSubmittingContainer .packageContainer h3 {
        margin: 0px;
    }

    .submissionSubmittingContainer .submissionContainer {
        margin-top: 10px;
    }

        .submissionSubmittingContainer .submissionContainer [name="SubmissionType"].stb {
            width: calc(100% - 60px);
        }

        .submissionSubmittingContainer .submissionContainer .description {
            margin-top: 10px;
        }

    .submissionSubmittingContainer .warningErrorClass {
        padding: 0px;
        margin: 0px;
    }

    .submissionSubmittingContainer .missingSlotsWarning {
        padding: 0px;
        margin: 3px 0 0 0;
        color: red;
        font-weight: bold;
    }

    .submissionSubmittingContainer .slotDocumentGridContainer {
        position: absolute;
        height: calc(100% - 350px);
        top: 225px;
    }

        .submissionSubmittingContainer .slotDocumentGridContainer .SubmissionGridView {
            border: solid 1px #B3B5B7;
            padding: 2px;
        }

        .submissionSubmittingContainer .slotDocumentGridContainer .reorderMessage {
            position: absolute;
            z-index: 99;
            background-color: white;
            top: -35px;
            color: red;
            padding: 2px;
        }

    .submissionSubmittingContainer .memosContainer {
        position: absolute;
        bottom: 0px;
        height: 105px;
    }

        .submissionSubmittingContainer .memosContainer .internalMemo {
            height: 32px;
        }

        .submissionSubmittingContainer .memosContainer .externalMemo {
            height: 36px;
        }

.submissionDialog .ui-dialog-buttonpane .submissionOptions {
    display: inline-block;
}

    .submissionDialog .ui-dialog-buttonpane .submissionOptions .custom_button {
        border: none;
        border-radius: 2px;
        left: -7px;
        top: -4px;
        width: 10px;
        height: 23px;
    }

    .submissionDialog .ui-dialog-buttonpane .submissionOptions .buttonOptions {
        background-color: white;
        border: 1px solid var(--kc-panel-card-border);
        border-radius: 3px;
        z-index: 9999;
        position: absolute;
        cursor: pointer;
    }

        .submissionDialog .ui-dialog-buttonpane .submissionOptions .buttonOptions div {
            font-size: 1.0em;
            padding: 5px;
            padding-right: 10px;
        }

            .submissionDialog .ui-dialog-buttonpane .submissionOptions .buttonOptions div:hover {
                background-color: var(--kc-interactive-blue);
                color: var(--p-white);
            }

        .submissionDialog .ui-dialog-buttonpane .submissionOptions .buttonOptions .ui-icon {
            height: 16px;
        }

.submissionDialog .submissionButtonApply {
    margin-left: 4px !important;
    /* yuck */
}

.SubmissionTypeBuilderEditView {
    width: 100%;
    height: 100%;
}

    .SubmissionTypeBuilderEditView .stbSlotsContainer {
        position: absolute;
        top: 110px;
        left: 0;
        right: 0;
        bottom: 0;
    }

.SubmissionTypeBuilderSlotSettingsView .stbSlotSettingsContainer {
    overflow: auto;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid var(--kc-panel-card-border);
    background: var(--p-white);
}

.SubmissionTypeBuilderSlotSettingsView ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.SubmissionTypeBuilderSlotSettingsView .ui-icon.ui-icon-plus {
    cursor: pointer;
}

.SubmissionTypeBuilderEditView .addSlot {
    white-space: nowrap;
}

.SubmissionTypeBuilderSlotSettingsView .stbSlotSettingsContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.SubmissionTypeBuilderSlotSettingsView .stbSlotSettingsContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.SubmissionTypeBuilderSlotSettingsView .stbSlotSettingsContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

.SubmissionTypeBuilderSlotSettingsView .stbSlotSettingsContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.SubmissionTypeBuilderSlotSettingsView .stbSlotSettingsContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}
.SubmissionTypeBuilderSlotSettingView {
    height: 26px;
    line-height: 26px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    position: relative;
}

    .SubmissionTypeBuilderSlotSettingView .limitLabelWidth {
        position: absolute;
        left: 20px;
        right: 20px;
    }
    .SubmissionTypeBuilderSlotSettingView .additionalSelectedHTML {
        display: inline-block;
        margin: 0 0 0 5px;
        position: absolute;
        right: 0px;
        top: 5px;
    }

    .SubmissionTypeBuilderSlotSettingView .preAdditionalSelectedHTML {
        position: relative;
        top: 5px;
    }

        .SubmissionTypeBuilderSlotSettingView .preAdditionalSelectedHTML > div {
            margin: 0 5px;
            line-height: normal;
        }

    .SubmissionTypeBuilderSlotSettingView .tbIconContainer {
        width: 16px;
        min-width: 16px;
        vertical-align: middle;
    }

        .SubmissionTypeBuilderSlotSettingView .tbIconContainer span {
            min-width: 16px;
        }

            .SubmissionTypeBuilderSlotSettingView .tbIconContainer span.ui-icon {
                cursor: pointer;
                position: relative;
                left: -5px;
            }
.SubmissionTypeChooserView {
    width: 100%;
    height: 100%;
}

    .SubmissionTypeChooserView select {
        width: 100%;
        height: 100%;
    }

.SystemPreferencesEditView .unstyledList li.displayNone {
    display: none;
}

.SystemPreferencesEditView #systemsettings_layout textarea[name="Description"] {
    max-width: 100%;
    width: 300px;
    height: 150px;
    max-height: 300px;
}
.TabOrderEditView {
    border-collapse: separate;
    border-spacing: 5px;
    width: 100%;
}

.TabOrderEditView .ui-icon.ui-icon-close {
    cursor: pointer;
}

.TabOrderEditView .additionalSelectedHTML {
    display: inline-block;
    margin-top: -2px;
    position: absolute;
    right: 0px;
    top: auto;
}

.TabOrderEditView .preAdditionalSelectedHTML {
    position: relative;
    top: 5px;
}

    .TabOrderEditView .preAdditionalSelectedHTML > div {
        margin: 0 5px;
    }

    .TabOrderEditView .sortableElementsContainer {
        overflow: auto;
    }
.TabOrderEditView ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
    .TabOrderEditView ul > li {
        height: auto;
        cursor: move;
        line-height:normal;
    }

    .TabOrderEditView ul > li.disableMove {
        cursor: default;
    }
        .TabOrderEditView ul > li > a {
            vertical-align: middle;
        }

.TabOrderEditView .toIconContainer {
    width: 16px;
    min-width: 16px;
    vertical-align: middle;
}

    .TabOrderEditView .toIconContainer span {
        min-width: 16px;
    }

        .TabOrderEditView .toIconContainer span.ui-icon {
            cursor: pointer;
            position: relative;
            left: -5px;
        }
.TextSettingsView {
    width: 100%;
}

.TextSettingsView>div {
    margin: 5px 0;
}

.TextSettingsView .fontAlignments,
.TextSettingsView .fontStyles {
    margin: 5px;
}

.TextSettingsView .fontColors {
    margin: 0 5px;
}

.TextSettingsView .toggle_btn {
    background-image: linear-gradient(#ccc, #636161);
    margin-right: 2px;
    display: inline-block;
    float: left;
    height: 16px;
    width: 18px;
    cursor: pointer;
}

.TextSettingsView .toggle_btn.pressed {
    background-image: linear-gradient(#636161, #ccc);
}

.TextSettingsView .fontStyles .toggle_btn span {
    background-image: url("../../../Content/images/docstar_sprite.png?v=24.2.161");
    display: inline-block;
}

.TextSettingsView .jPicker .Icon {
    position: relative;
}
.TiledSearchView .tiledSearchItem {
    width: 250px;
    height: 50px;
    border: 2px solid black;
    border-radius: 10px;
    background-color: var(--p-teal);
    cursor: pointer;
}

    .TiledSearchView .tiledSearchItem span {
        position: absolute;
        text-align: left;
        font-weight: bold;
        background: inherit;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        filter: 
            sepia(5)      /* add some color to grey so the rest works */
            saturate(100) /* increase strength of color channels */
            invert(1)     /* invert the color */
            grayscale(1)  /* make it grey */
            contrast(9);  /* make it black/white */
    }

.TiledSearchView .tiledSearchItem .totalSearch {
    top: 0px;
    left: 75px;
    font-size: 20px;
    font-weight: bold;
}

.TiledSearchView .tiledSearchItem .tiledName {
    top: 24px;
    left: 75px;
    font-size: 16px;
    width: fit-content;
}

.TiledSearchView .owl-carousel {
    width: 100%;
    top: 5px;
}

.TiledSearchView div.tiledSearchItem.selected_item {
    border: 2px solid var(--k-turquoise-blue);
    box-shadow: 1px 2px 2px 1px var(--k-turquoise-blue);
}

.TiledSearchView .previous {
    background-image: url("../../../Content/images/arrow_left.svg?v=24.2.161");
    width: 12px;
    display: block;
    height: 17px;
    background-size: 16px;
    background-repeat: no-repeat;
}

.TiledSearchView .next {
    background-image: url("../../../Content/images/arrow_right.svg?v=24.2.161");
    display: block;
    width: 12px;
    height: 17px;
    background-size: 16px;
    background-repeat: no-repeat;
}


.TiledSearchView .tiledIcon {
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: 30px;
    top: 20px;
    transform: scale(var(--ggs,3));
    mix-blend-mode: difference;
    filter: invert(1) opacity(80%);
}

.TiledSearchView .tiledSearchItem.disabledTile {
    opacity: 0.5;
    cursor: wait;
}

/* these are shared between .TiledSearchView and .SavedSearchEditView */
.tiledIcon.documentIcon {
    background-image: url("../../../Content/images/document.svg?v=24.2.161");
}

.tiledIcon.packageIcon {
    background-image: url("../../../Content/images/package.svg?v=24.2.161");
}

.tiledIcon.formIcon {
    background-image: url("../../../Content/images/form.svg?v=24.2.161");
}

.tiledIcon.folderIcon {
    background-image: url("../../../Content/images/folder.svg?v=24.2.161");
}

.tiledIcon.inboxIcon {
    background-image: url("../../../Content/images/inbox.svg?v=24.2.161");
}

.tiledIcon.workflowIcon {
    background-image: url("../../../Content/images/workflow.svg?v=24.2.161");
}

.tiledIcon.approvalIcon {
    background-image: url("../../../Content/images/approval.svg?v=24.2.161");
}

.tiledIcon.alertIcon {
    background-image: url("../../../Content/images/alert.svg?v=24.2.161");
}

.tiledIcon.searchIcon {
    background-image: url("../../../Content/images/file-search-outline.svg?v=24.2.161");
}

/*Meant only for the right side icon on tiles for warnings*/
.TiledSearchView .tiledIcon.warningTileIcon {
    left: 220px;
    background-image: url("../../../Content/images/warning_icon.png?v=24.2.161");
}

.TiledSearchView .tiledSearchItem.warningTile .tiledIcon {
    mix-blend-mode: normal;
    filter: none;
}

.TiledSearchView .tiledSearchItem.warningTile {
    background-color: red !important;
    border: 5px solid black !important;
    margin: -1px -8px 0 0;
}

.TiledSearchView .tiledSearchItem.warningTile span {
    filter: none;
    color: black;
    font-weight: bolder;
    font-size: 21px;
}

.TiledSearchView .tiledSearchItem.warningTile span.totalSearch {    
    font-size: 23px;
}
.typeBuilder .extraMarkup {
    height: 100%;
}

    .typeBuilder .extraMarkup .ui-tabs {
        height: 100%;
    }

.tbTypeData {
    border-collapse: separate;
    border-spacing: 5px;
    display: inline-block;
    height: 100%;
    width: 100%;
}

    .tbTypeData .ui-icon.ui-icon-close {
        cursor: pointer;
    }

    .tbTypeData .ui-combobox {
        display: inline-block;
        width: 100%;
    }

        .tbTypeData .ui-combobox input {
            margin: 0;
        }

    .tbTypeData .metaarea {
        width: 100%;
    }

    .tbTypeData div.input {
        display: table;
        width: 100%;
        vertical-align: middle;
        margin: 0 0 5px;
    }

        .tbTypeData div.input .metalabel {
            float: none;
            width: 140px;
            display: table-cell;
            vertical-align: middle;
        }

            .tbTypeData div.input .metalabel.alignTop {
                vertical-align: top;
            }

    .tbTypeData .items_radio {
        margin-bottom: 5px;
    }

    .tbTypeData div.input metaselect,
    .tbTypeData div.input metainput {
        display: table-cell;
        vertical-align: middle;
    }

    .tbTypeData div.input .short_btn {
        float: right;
        height: 18px;
        line-height: 18px;
    }

    .tbTypeData input.metainput {
        width: 325px;
    }

        .tbTypeData input.metainput[name="DefaultFolderName"] {
            width: 210px;
        }

    .tbTypeData .folder_icon {
        display: inline-block;
        left: 7px;
        position: relative;
        top: 1px;
    }

    .tbTypeData .metaselect {
        width: 100%;
    }

    .tbTypeData textarea {
        width: calc(100% - 5px);
    }

    .tbTypeData .ctlist {
        height: 405px;
    }

    .tbTypeData .warningErrorClass {
        width: 100%;
        top: 50%;
        position: relative;
        margin: 0px 0px 0px 0px;
    }

    .tbTypeData .preAdditionalSelectedHTML {
        min-width: fit-content;
    }

    .tbTypeData .limitCTBDivWidth {
        width: 150px;
    }

.UDTColumnView .unstyledList {
    width: 300px;
    margin: 0;
    float: left;
}

    .UDTColumnView .unstyledList li {
        padding: 0 0 4px;
    }

        .UDTColumnView .unstyledList li.extraWide {
            width: 125%;
        }

        .UDTColumnView .unstyledList li > span {
            width: 85px;
            display: inline-block;
            margin: 0 5px 0 0;
            text-align: right;
        }

            .UDTColumnView .unstyledList li > span.autoWide {
                width: auto;
                margin-left: 10px;
            }



.UDTColumnView input ~ .warningErrorClass {
    float: left;
}


.UDTColumnView .unstyledList li > input[type="checkbox"],
.UDTColumnView .unstyledList li > input[type="radio"] {
    float: none;
}

.UDTColumnView .stackShortButtons {
    width: 85px;
}

    .UDTColumnView .stackShortButtons .custom_button {
        float: left;
        height: 16px;
        line-height: 16px;
        margin: 0 0 3px 5px;
    }

#admin_screen .UDTColumnsView select[name="Parameters"] {
    width: 275px;
}

.UDTColumnView .cfgGridsContainer {
    padding: 4px 9px 4px 4px;
    overflow: hidden;
    position: relative;
}

.UDTColumnView .disabled-cell {
    color: #aaa; /* gray color */
    background-color: #f2f2f2; /* light gray background */
    cursor: not-allowed; /* shows a 'no action' cursor */
    pointer-events: none; /* prevent mouse events */
}
.UDTColumnsView .customGridTable [data-columnid~="Name"] {
    width: 25%;
}
.UDTColumnsView .customGridTable [data-columnid~="Type"] {
    width: 20%;
}
.UDTColumnsView .customGridTable [data-columnid~="Identity"],
.UDTColumnsView .customGridTable [data-columnid~="Nullable"] {
    width: 15%;
}
.UDTColumnsView .customGridTable .rowNumberCell,
.UDTColumnsView .customGridTable .deleteRowCell {
    width: 4%;
}

.UDTColumnsView{
    width: 70%;
}
.UDTColumnsView .columnSpacer {
    background: #FFF;
}
.UDTColumnsView [data-accid~="parameterDef"] .accordionContents {
        overflow: hidden;
}
.UDTColumnsView [data-accid~="parameterDef"] .accordionContents::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.UDTColumnsView [data-accid~="parameterDef"] .accordionContents::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.UDTColumnsView [data-accid~="parameterDef"] .accordionContents::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

/* Mozilla Scrollbar styles */

.UDTColumnsView [data-accid~="parameterDef"] .accordionContents {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.UDTColumnsView [data-accid~="parameterDef"] .accordionContents {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}

.UDTMasterView .udtCommonHeader {
    width:70%
}

.UDTMasterView span.metalabel {
    display: inline-block;
    padding-right: 5px;
    position: relative;
    text-align: right;
    top: 3px;
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.UDTMasterView li > label {
    float: left;
    text-align: left;
    width: auto;
    position: static;
}

.UDTMasterView .standardSettingsContainer {
    display: inline-block;
    width: 100%;
    margin: 5px 0;
}

 .UDTMasterView .standardSettingsContainer span.metalabel + span {
        margin: 3px 0 0;
}


.UDTMasterView .ui-combobox {
    width: 20%;
}


#admin_action .UDTMasterView .buttons {
    padding: 10px 0px;
    width: 70%;
    text-align: center;
}
#pass_success .success_message {
    display: none;
    left: 130px;
    position: relative;
    width: 300px;
}
.UETMasterView .uetCommonHeader {
    margin-bottom: 5px;
}

.UETMasterView span.metalabel {
    display: inline-block;
    padding-right: 5px;
    position: relative;
    text-align: right;
    top: 3px;
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.UETMasterView li > label {
    float: left;
    text-align: left;
    width: auto;
    position: static;
}

.UETMasterView .standardSettingsContainer {
    display: inline-block;
    width: 100%;
    margin: 5px 0;
}

    .UETMasterView .standardSettingsContainer span.metalabel + span {
        margin: 3px 0 0;
    }

.UETAdminView .lower {
    margin-top: 10px;
}

#admin_action .UETMasterView .buttons {
    padding: 10px 0px;
    width: 100%;
    text-align: center;
}

#admin_action .UETAdminView .buttons input[name="delete"] {
    margin-left: 20px;
}

.UETAdminView .uetColumns {
    text-align: center;
}

    .UETAdminView .uetColumns .ui-multiselect {
        display: inline-block;
    }

    .UETAdminView .uetColumns .toggle_btn:not(.pressed) {
        opacity: .5;
    }

        .UETAdminView .uetColumns .toggle_btn:not(.pressed):active {
            opacity: 1;
        }

.UETGridView .customGridTable {
    width: 99%;
}

.UETGridView .customGridTableContainer {
    height: 97%;
}

.UETGridView .editHeader {
    width: 36px;
}

.UETGridView .deleteRowCell {
    width: 42px;
}

.UETGridView .uetNotReady {
    text-align: center;
    font-size: larger;
}

.UETGridView .customGridCenterCell {
    text-align: center;
}

.UETGridView .customGridTable .customGridDataCell .editRow {
    margin: 0%;
}

.UETGridView .disabled {
    opacity: 0.3;
}

.UETGridView .insertRow,
.UETGridView .refreshGrid {
    margin-top: 3px;
}
.UETGridView div.filter {
    display: inline;
    float: left;
}

#uetProperties.admin-form {
    display: flex;
}

.UETAdminView .uetColumns .additionalSelectedHTML .custom_button {
    background-color: #fff;
    box-shadow: initial;
    border: 1px solid #d5d5d5;
    border-radius: 0;
    margin-right: 2px;
}

    .UETAdminView .uetColumns .additionalSelectedHTML .custom_button:active {
        background-color: #d7f0f7;
    }

.UETAdminView {
    display: grid;
}
.multiuser {
    margin-left: 180px;
}

.permissionswarning {
    color: red;
    font-weight: bold;
}

#user_layout span.ui-combobox {
    width: 205px;
}

.UserEditView input[name='editUsersInGroup'] {
    border: 0px;
    cursor: pointer;
    width: 12px;
}

#user_layout input[type="text"].ui-autocomplete-input {
    width: 200px;
    float: left;
}

#user_layout select {
    width: 231px;
}

#user_layout span.ui-icon {
    float: left;
    left: -17px;
    top: 1px;
    background-color: white;
    cursor: pointer;
}

.UserEditView #groupFieldset {
    overflow-y: auto;
}

.UserPreferencesView {
    width: 100%;
    height: 540px;
    border: none;
}

    .UserPreferencesView div#applyPreferencesTo {
        margin-bottom: 10px;
    }

#applyPreferencesTo #userPreferenceSaveLayout .items_checkbox {
    width: 105px;
}

.UserPreferencesView div#userPreferenceDefaultMessage {
    clear: both;
    float: left;
    font-weight: bold;
}

.UserPreferencesView .tabparent {
    width: 100%;
    min-height: 325px;
    height: calc(100% - 35px);
}

.userPreferencesTabLinks {
    width: 95px;
    border: solid 1px #aaaaaa;
    background: #FEFEFE;
}

.UserPreferencesView.ui-tabs-vertical .ui-tabs-panel {
    max-height: calc(100% - 18px);
}

.UserPreferencesView .userPreferencesTabs {
    height: 100%;
}

.UserPreferencesView .UserPreferencesViewGroup {
    padding: 2px;
}

    .UserPreferencesView .UserPreferencesViewGroup .bold {
        color: var(--p-black);
    }

    .UserPreferencesView .UserPreferencesViewGroup #searchOrder, .UserPreferencesView .UserPreferencesViewGroup #inboxOrder {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

        .UserPreferencesView .UserPreferencesViewGroup #searchOrder .items_radio {
            left: 10px;
        }

#includeInQS .items_checkbox span,
#autoSelectFirstDoc .items_checkbox span,
#ocrRecognitionPreferences .items_checkbox span,
#burstAndDeleteWithoutConfirmation .items_checkbox span,
#subOpt .items_checkbox span,
#wfDoNotAutoZoomRegion .items_checkbox span,
#settingsPreferences .items_checkbox span,
#clientWhenAvailable .items_checkbox span,
#packagesTabRefreshOption .items_radio label,
#rowEditChange .items_radio label,
#annotationEditMode .items_radio label,
#viewAuditInfo .items_radio label,
#mouseWheelBehavior .items_radio label,
#relatedDocumentAlignmentOption .items_radio label,
#stickyHeaderPosition .items_radio label,
#thumbnails .items_radio label,
#wfAddAction .items_radio label,
#wf_NotificationFlags .items_radio label,
#workflowTabRefreshOption .items_radio label,
#uiLayoutTabs .items_radio label,
#uiLayoutAppearance .items_radio label {
    margin-bottom: 8px
}

#ocrRecognitionPreferences .items_checkbox {
    top: 10px;
}

#mouseWheelBehavior .items_radio label,
#relatedDocumentAlignmentOption .items_radio label,
#stickyHeaderPosition .items_radio label,
#thumbnails .items_radio label,
#uiLayoutTabs .items_radio label,
#uiLayoutAppearance .items_radio label {
    width: 80px;
}

.UserPreferencesView #capturePreviewMode {
    float: left;
    width: 100%;
}

    .UserPreferencesView #capturePreviewMode .items_radio > div {
        margin-bottom: 10px;
        float: left;
        width: 35%;
    }

.UserPreferencesView .UserPreferencesViewGroup .ui-icon-info {
    float: right;
    margin-left: 5px;
}

.UserPreferencesView .UserPreferencesViewGroup select {
    margin-top: 2px;
}

.UserPreferencesView .UserPreferencesViewGroup input[type='checkbox'] {
    margin-top: 2px;
    margin-left: 4px;
}

.UserPreferencesView .UserPreferencesViewGroup input[maxlength="4"] {
    width: 45px;
}

.UserPreferencesView .UserPreferencesViewGroup input[maxlength="5"] {
    width: 55px;
}

.UserPreferencesView .UserPreferencesViewGroup input[type="number"]:not([maxlength]) {
    width: 100px
}

.UserPreferencesView .UserPreferencesViewGroup .systrayConnection {
    width: 100%;
}

.UserPreferencesView .UserPreferencesViewGroup #defaultSite {
    width: 100%;
}

#WEDSFS input {
    text-align: right;
    width: 40px;
}

    #WEDSFS input.hasDatepicker {
        width: 125px;
    }

#WEDSFS .metaLabel {
    width: 35px;
}

.UserPreferencesUserSelectDialog div#user {
    float: right;
    width: 50%;
}

.UserPreferencesUserSelectDialog div#groups {
    float: left;
    width: 50%;
}

.UserPreferencesUserSelectDialog select {
    width: 100%;
    height: 200px;
}

.UserPreferencesView .displayTableCell .date_search {
    float: none;
    position: relative;
    top: -3px;
    right: 0;
}

.UserPreferencesView ul.userPreferencesTabLinks {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    border: 1px solid rgba(0, 0, 0, .08);
}

    .UserPreferencesView ul.userPreferencesTabLinks li.ui-tabs-tab {
        margin-bottom: 5px;
        text-transform: capitalize;
        font-size: 13px;
    }

.UserPreferencesView #showConnectedOnly .items_checkbox {
    width: 50%;
}

#showConnectedOnly .items_checkbox span {
    position: initial;
}

#userPreferenceSaveLayoutForGroups span.items_checkbox {
    left: auto;
}

#uiLayoutAppearance .items_radio {
    display: contents;
}

#uiLayoutAppearance td {
    width: 185px;
}

.nowrap-text {
    white-space: nowrap;
}
.UsersEditDisableView, #UsersEditDisableView {
    min-width: 400px;
    min-height: 400px;
    width: 100%;
    height: 100%;
}

.UsersEditDisableView .search {
    width: 100%
}

.UsersEditDisableView div.selected.right-column {
    width: 225px !important; 
}

.UsersEditDisableView div.selected.right-column > ul{
    background-color: #ccc;
}

.UsersEditDisableView div.selected.right-column > ul li.ui-element{
    background-color: #fdfdfdad;
}
.ValidateSettingsEditView {
    height: 100%;
    width: 100%;
}

    .ValidateSettingsEditView .customGridTableContainer {
        min-height: 30vh;
    }

    .ValidateSettingsEditView .centerAlign {
        text-align:center
    }

    .ValidateSettingsEditView .createNewTask {
        height: 120px;
    }

        .ValidateSettingsEditView .createNewTask div {
            margin-bottom: 10px
        }

    .ValidateSettingsEditView .optionsDiv {
        margin-left: 80px;
        margin-top: 10px;
    }

    .ValidateSettingsEditView .createNewTask span {
        display: inline-block;
        text-align: right;
        width: 200px;
    }

    .ValidateSettingsEditView select {
        height: 21px !important;
        width: 266px !important;
    }

    .ValidateSettingsEditView .mediumWidth {
        width: 262px !important;
    }

    .ValidateSettingsEditView .smallWidth {
        width: 120px !important;
    }

    .ValidateSettingsEditView .longWidth {
        width: 400px !important;
    }

.noElement {
    background-image: url("../../images/main_logo_default.jpg?v=24.2.161");
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-repeat: repeat-x;
    background-size: contain;
}

    .noElement span {
        color: white;
        font-size: 16px;
        top: 10px;
        left: 10px;
        position: absolute;
    }

.ViewTabView .loading {
    position: absolute;
    display: grid;
    width: 100%;
    height: 100%;
    justify-content: center;
    background: #d1dfe3a6;
    opacity: 0.5;
    align-items: center;
}

.ViewTabView .goTo_btn {
    color: #FFF;
    border: 1px solid #FFF;
    background: 0 0;
}

.ViewTabView .goTo_btn {
    cursor: pointer;
    float: left;
    left: 3px;
    line-height: 25px;
    position: relative;
    border-radius: 4px;
    margin: 0 10px 5px 0;
    padding: 0 30px;
    -moz-box-shadow: initial;
    -webkit-box-shadow: initial;
    box-shadow: initial;
    text-align: center;
    color: #FFF;
    background-color: transparent;
    font-size: 14px;
    top: 40px;
}

.ViewTabView .search_btns .goTo_btn:hover {
    background-color: var(--p-white);
    color: var(--kc-interactive-hover);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
}

.ViewTabView .search_btns .goTo_btn:focus {
    border: 1px solid var(--a-mauve);
    color: var(--kc-interactive-blue);
}

.ViewTabView .search_btns .goTo_btn:active {
    color: var(--kc-interactive-pressed);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, .15);
}

.ViewTabView .search_btns .goTo_btn.p-5 {
    padding: 0 5px;
}

.ViewTabView .search_btns .goTo_btn.p-15 {
    padding: 0 15px;
}

.ViewTabView .loader{

}
@keyframes loaderSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ViewTabView .loadSpinner {
    border: 20px solid #ffffffcc;
    border-radius: 50%;
    border-top: 20px solid #025064;
    width: 140px;
    height: 140px;
    animation: loaderSpin 2.3s ease-in-out infinite;
    display: block;
    background-color: transparent;
}




.WorkflowSubmitOptionsView {
    width: 100%;
}

.WorkflowSubmitOptionsView label {
    width: 100%;
    display: inline-block;
}

.WorkflowSubmitOptionsView .submitNextOptionsContainer {
    padding: 5px 0px;
    max-width: 450px;
}

.WorkflowSubmitOptionsView .items_radio {
    padding-left: 0;
}

.WorkflowSubmitOptionsView .items_radio label {
    line-height: 18px;
}
.WorkflowTasksMergeGridView {
    height: 100%;
    width: 100%;
}

.items_checkbox span {
    overflow: initial;
}
.WorkflowTasksMergeView {
    height: 100%;
    width: 100%;
}

.WorkflowTasksMergeView .TaskOption,
.WorkflowTasksMergeView .listName {
    padding: 3px;
}

.WorkflowTasksMergeView .gridContainer {
    height: Calc(100% - 72px);
    width: 100%;
    margin-top: 3px;
}

.WorkflowTasksMergeView .AlignCenter {
    text-align: center;
    width: 100%;
}

.WorkflowTasksMergeView input[type=checkbox] {
    margin: 0px;
}

.WorkflowTasksMergeView th.customGridHeader.selectionHeader {
    width: 100%;
}
.WorkflowView {}

.WorkflowView .WorkflowViewLeft {
    float: left;
    width: 55.5%;
    height: 100%;
    position: relative;
}

.WorkflowView .WorkflowViewLeft .nested ul.children li {
    margin: 0;
    position: relative;
    width: 100%;
}

.WorkflowView .WorkflowViewLeft .ui-resizable-e {
    z-index: 499;
}

/*.WorkflowView .WorkflowViewLeft .SearchCriteriaContainer,
        .WorkflowView .WorkflowViewLeft .SearchResultContainer {
            display: table-row;
        }*/

.WorkflowView .WorkflowViewLeft .SearchResultContainer {
    height: 100%;
}

.WorkflowView .SearchResultsGridView {
    position: static;
}

.WorkflowView .WorkflowViewRight {
    position: absolute;
    left: 5px;
    right: 0;
    top: -3px;
    bottom: 0;
    margin-left: 70%;
}

.WorkflowView .WorkflowViewRight .DocumentPreviewContainer {
    width: 100%;
    height: 100%;
    position: relative;
}


.WorkflowView .SearchResultsGridViewContainer {
    /*display: table-row;*/
    height: 100%;
}

.WorkflowView .SearchResultsGridView .results_actions .maxResultsContainer span {
    color: #000;
}

.WorkflowView .ApprovalRequestItemsViewContainer .SearchResultsGridView {
    /*display: table;*/
}

.WorkflowView .ApprovalRequestItemsViewContainer .SearchResultsGridView .resultsGrid {
    /*display: table-row;*/
    /*float: none;*/
}

.WorkflowView .SearchResultsGridView .resultsGrid .customGridTable {
    height: auto;
}

.WorkflowView .WorkflowItemsViewContainer,
.WorkflowView .ApprovalRequestItemsViewContainer,
.WorkflowView .DashboardViewContainer {
    /*display: table-row;*/
    width: 100%;
}

.WorkflowView .WorkflowItemsViewContainer .SearchResultsGridView .resultsGrid,
.WorkflowView .ApprovalRequestItemsViewContainer .SearchResultsGridView .resultsGrid,
.WorkflowView .DashboardViewContainer .SearchResultsGridView .resultsGrid {
    /*float: none;*/
    height: auto;
}

.WorkflowView .WorkflowItemsView,
.WorkflowView .ApprovalRequestItemsView,
.WorkflowView .WorkflowDashboardView {
    /*display: table-cell;*/
    width: 100%;
    /*height: 100%;*/
}

.WorkflowView .DashboardViewContainer {    
    z-index: 1;
}

.WorkflowView .ApprovalRequestItemsViewContainer {    
    z-index: 2;
}

.WorkflowView .WorkflowViewAccordions {
    /*display: table;*/
    width: 100%;
    height: 100%;
    z-index: 3;
}

.WorkflowView .WorkflowViewAccordions .customGridTableContainer {
    box-shadow: none;
}

.WorkflowView .WorkflowViewAccordions>div.isClosed {
    /* height: 0; */
    min-height: 30px;
}

.WorkflowView .WorkflowViewAccordions>div.isClosed .accordionContainer {
    display: none;
}

.WorkflowView .WorkflowViewAccordions>div.isFirstOpen,
.WorkflowView .WorkflowViewAccordions>div.allClosed {
    /*height: 100%;*/
}

.WorkflowView .WorkflowViewAccordions>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: 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
}

.WorkflowView .WorkflowViewAccordions>div>div {
    /*display: table;*/
    width: 100%;
    /*height: 100%;*/
}



.WorkflowView .WorkflowItemsView .SearchResultsGridViewContainer {
    height: 100%;
}

.WorkflowView .WorkflowItemsView .SearchResultsGridViewContainer .SearchResultsGridView .results_actions {
    top: 36px;
}

/*.WorkflowView .accordion_title_open,*/
.WorkflowView .accordionContainer {
    /*display: table-row;*/
    height: 100%;
}

.WorkflowView .accordion {
    /*display: table;*/
    height: 100%;
    min-height: 152px;
}

.WorkflowView .filtersContainer {
    /*display: table-row;*/
    width: 100%;
    height: 35px;
}

.WorkflowView .filter {
    display: inline-block;
    float: left;
    height: 100%;
    width: 50%;
}

.WorkflowView .filter select {
    float: left;
    width: 36%;
    height: 22px;
}

.WorkflowView .filter>span {
    display: inline-block;
    float: left;
    position: relative;
    top: 4px;
    margin: 0 5px;
}

.WorkflowView .emptyGridRow:not(:only-child) {
    display: none;
}

.WorkflowView .emptyGridRow:only-child {
    display: none;
}

.WorkflowView .WorkflowViewAccordions .customGridScrollableContainer::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.WorkflowView .WorkflowViewAccordions .customGridScrollableContainer::-webkit-scrollbar-thumb {
    background-color: var(--k-label);
}

.WorkflowView .WorkflowViewAccordions .customGridScrollableContainer::-webkit-scrollbar-track {
    background-color: var(--k-disabled);
}

.WorkflowView .WorkflowItemsView .accordionContainer .ui-resizable-s {
        bottom:-17px
}


/* Mozilla Scrollbar styles */

.WorkflowView .WorkflowViewAccordions .customGridScrollableContainer {
    scrollbar-color: var(--k-label) var(--k-disabled);
    scrollbar-width: var(--k-scroll);
}

/* IE scrollbar styles */

.WorkflowView .WorkflowViewAccordions .customGridScrollableContainer {
    -ms-scrollbar-base-color: var(--k-label);
    -ms-scrollbar-track-color: var(--k-disabled);
}
