/* Minification failed. Returning unminified contents.
(39,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(92,14): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-button-text'
(94,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-button-background'
(98,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-button-text'
(124,25): run-time error CSS1039: Token not allowed after unary operator: '-color-button-background'
(125,14): run-time error CSS1039: Token not allowed after unary operator: '-color-button-text'
(159,14): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-button'
(171,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(178,14): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-button'
(184,14): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-button-highlight'
(311,25): run-time error CSS1039: Token not allowed after unary operator: '-color-button-background'
(312,14): run-time error CSS1039: Token not allowed after unary operator: '-color-button-text'
(333,25): run-time error CSS1039: Token not allowed after unary operator: '-color-button-highlight'
(334,21): run-time error CSS1039: Token not allowed after unary operator: '-color-button-highlight'
(342,25): run-time error CSS1039: Token not allowed after unary operator: '-color-button-highlight'
(343,21): run-time error CSS1039: Token not allowed after unary operator: '-color-button-highlight'
(368,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(369,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(423,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-primary'
(450,29): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(455,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-mouseover-highlight'
(460,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-mouseover-highlight'
(495,32): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(519,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(520,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(521,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(523,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(524,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(525,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(526,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(527,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(529,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(530,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(531,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(533,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(534,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(536,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(537,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(539,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(540,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(542,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(543,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(544,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(546,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(547,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(548,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(550,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(551,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(552,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(553,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(554,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(555,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(556,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(557,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(560,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(561,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(562,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(563,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(566,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(567,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(573,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(577,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(582,14): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-button'
(600,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(1462,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(1483,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(1504,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(1525,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(1546,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(1809,14): run-time error CSS1039: Token not allowed after unary operator: '-color-field-validation-error-message'
(1895,14): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text'
(1896,21): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text-border'
(1905,14): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text'
(1906,21): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text-border'
(1920,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(1936,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(1941,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(2013,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-input'
(2014,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(2015,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2052,14): run-time error CSS1039: Token not allowed after unary operator: '-color-field-validation-error-message'
(2082,25): run-time error CSS1039: Token not allowed after unary operator: '-color-field-validation-error-input-background'
(2083,21): run-time error CSS1039: Token not allowed after unary operator: '-color-field-validation-error-input-background-highlight'
(2089,21): run-time error CSS1039: Token not allowed after unary operator: '-color-field-validation-error-input-background-highlight'
(2096,14): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(2248,25): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-background'
(2249,21): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text-border'
(2250,14): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text'
(2304,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(2493,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-icon-button'
(2550,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-icon-button'
(2560,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-primary'
(2600,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(2602,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(2615,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(2635,31): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(2707,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-icon-button'
(2769,33): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(2776,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(2795,14): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text'
(2800,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(2805,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(2810,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(2814,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(2835,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(2843,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(2845,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-text'
(2849,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(2881,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(2884,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(2902,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(2904,29): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(2909,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(3054,19): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(3094,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-heading'
(3096,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(3359,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(3360,24): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(3428,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(3447,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(3455,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(3521,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(3563,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(3577,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(3578,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(3584,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-mouseover-highlight'
(3590,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-mouseover-highlight'
(3652,25): run-time error CSS1039: Token not allowed after unary operator: '-navigation-background-color'
(3653,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(3671,31): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(3683,20): run-time error CSS1039: Token not allowed after unary operator: '-header-logo-width'
(3689,15): run-time error CSS1039: Token not allowed after unary operator: '-navigation-menu-height'
(3691,25): run-time error CSS1039: Token not allowed after unary operator: '-navigation-background-color'
(3699,25): run-time error CSS1039: Token not allowed after unary operator: '-navigation-background-color'
(3703,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(3721,15): run-time error CSS1039: Token not allowed after unary operator: '-navigation-menu-height'
(3745,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-color-primary-text'
(3748,18): run-time error CSS1039: Token not allowed after unary operator: '-navigation-font-size-heading'
(3779,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(3800,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-color-hyperlink-text-highlight'
(3804,14): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text'
(3878,25): run-time error CSS1039: Token not allowed after unary operator: '-navigation-background-color'
(3879,33): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(3940,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(3943,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(3944,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(3955,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(3964,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(3967,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(3968,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-color-hyperlink-text'
(3974,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-color-hyperlink-text-highlight'
(3979,29): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(4033,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-color-primary-text'
(4035,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(4039,18): run-time error CSS1039: Token not allowed after unary operator: '-navigation-vertical-full-width'
(4041,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(4053,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-color-hyperlink-text'
(4054,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-primary'
(4059,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-color-hyperlink-text-highlight'
(4096,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-primary'
(4106,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(4264,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-vertical-full-width'
(4272,25): run-time error CSS1039: Token not allowed after unary operator: '-navigation-background-color'
(4292,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-vertical-collapsed-width'
(4335,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-color-primary-text'
(4337,18): run-time error CSS1039: Token not allowed after unary operator: '-navigation-vertical-font-size-heading'
(4353,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(4354,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(4355,30): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(4361,14): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(4390,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-color-primary-text'
(4414,20): run-time error CSS1039: Token not allowed after unary operator: '-navigation-vertical-full-width'
(4418,20): run-time error CSS1039: Token not allowed after unary operator: '-navigation-vertical-collapsed-width'
(4424,20): run-time error CSS1039: Token not allowed after unary operator: '-navigation-vertical-full-width'
(4428,20): run-time error CSS1039: Token not allowed after unary operator: '-navigation-vertical-collapsed-width'
(4459,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-vertical-submenu-color-text'
(4527,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-vertical-submenu-color-text'
(4535,13): run-time error CSS1039: Token not allowed after unary operator: '-navigation-vertical-full-width'
(4543,30): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(4544,25): run-time error CSS1039: Token not allowed after unary operator: '-navigation-vertical-submenu-background-color'
(4548,13): run-time error CSS1039: Token not allowed after unary operator: '-navigation-vertical-collapsed-width'
(4566,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-color-hyperlink-text-highlight'
(4598,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-text'
(4602,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-vertical-submenu-color-text'
(4612,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-vertical-submenu-color-text'
(4686,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(4756,14): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(4787,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(4826,29): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(5491,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(5492,14): run-time error CSS1039: Token not allowed after unary operator: '-color-hyperlink-text'
(5497,14): run-time error CSS1039: Token not allowed after unary operator: '-color-hyperlink-text-highlight'
(5923,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(6001,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(6009,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(6034,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(6035,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(6047,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(6064,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(6069,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(6073,14): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(6118,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(6316,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-heading'
(6320,14): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(6324,14): run-time error CSS1039: Token not allowed after unary operator: '-color-caution-text'
(6352,14): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(6442,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(6444,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(6512,14): run-time error CSS1039: Token not allowed after unary operator: '-color-caution-text'
(6516,14): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(6832,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(6838,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(6861,14): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(6934,14): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(6978,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(7009,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(7054,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(7059,14): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(7091,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(7152,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(7153,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(7172,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-heading'
(7178,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(7435,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(7804,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(7827,14): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(7912,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(7966,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(8032,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-icon-button'
(8054,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-icon-button'
(8193,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(8286,14): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(8538,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(8670,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(8671,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(8759,14): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(8768,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(8863,31): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(8885,21): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(8932,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(8947,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(8949,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(9049,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(9166,30): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(9167,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(9180,30): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(9181,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(9186,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(9313,14): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text'
(9384,14): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text'
(9684,14): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text'
(9837,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(9838,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(9845,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(9847,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(9861,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(9862,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(9866,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(9870,14): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text'
(9878,21): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(10026,14): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text'
(10031,14): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(10204,45): run-time error CSS1030: Expected identifier, found '.'
(10204,70): run-time error CSS1031: Expected selector, found ')'
(10204,70): run-time error CSS1025: Expected comma or open brace, found ')'
(10396,14): run-time error CSS1039: Token not allowed after unary operator: '-color-hyperlink-text'
(10401,25): run-time error CSS1039: Token not allowed after unary operator: '-color-data-row-background'
(10406,25): run-time error CSS1039: Token not allowed after unary operator: '-color-data-row-background'
(10411,25): run-time error CSS1039: Token not allowed after unary operator: '-color-data-row-alternate-background'
(10416,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-mouseover-highlight'
(10428,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(10450,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(10451,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-tables'
(10454,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-mouseover-highlight'
(10464,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(10465,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-tables'
(10466,31): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(10467,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border-secondary'
(10472,25): run-time error CSS1039: Token not allowed after unary operator: '-color-data-row-background'
(10488,29): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(10503,25): run-time error CSS1039: Token not allowed after unary operator: '-color-data-row-background'
(10507,25): run-time error CSS1039: Token not allowed after unary operator: '-color-data-row-alternate-background'
(10511,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-mouseover-highlight'
(10544,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(10565,14): run-time error CSS1039: Token not allowed after unary operator: '-color-hyperlink-text'
(10570,14): run-time error CSS1039: Token not allowed after unary operator: '-color-hyperlink-text'
(10575,14): run-time error CSS1039: Token not allowed after unary operator: '-color-hyperlink-text'
(10580,14): run-time error CSS1039: Token not allowed after unary operator: '-color-hyperlink-text'
(10590,14): run-time error CSS1039: Token not allowed after unary operator: '-color-hyperlink-text'
(10625,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(10627,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(10684,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(10685,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-primary'
(10750,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-icon-button'
(10874,14): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(10875,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(10883,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(10889,35): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(10894,35): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(10908,28): run-time error CSS1039: Token not allowed after unary operator: '-color-element-mouseover-highlight'
(10916,28): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(10964,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-heading'
(10982,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(10986,17): run-time error CSS1039: Token not allowed after unary operator: '-color-hyperlink-text'
(11005,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(11219,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-icon-button'
(11297,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(11322,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(11328,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(11391,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(11422,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-icon-button'
(11546,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-icon-button'
(11617,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(11637,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(11658,21): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-button-highlight'
(11690,21): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-button-highlight'
(11768,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(11806,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(11810,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-heading'
(11820,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(11822,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(11827,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(11838,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(11848,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(11854,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(11879,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(11885,21): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(11889,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(11916,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(11958,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(12025,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(12029,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-heading'
(12036,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(12041,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(12116,68): run-time error CSS1030: Expected identifier, found '>'
(12116,83): run-time error CSS1031: Expected selector, found ')'
(12116,83): run-time error CSS1025: Expected comma or open brace, found ')'
(12283,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(12287,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(12302,35): run-time error CSS1030: Expected identifier, found '>'
(12302,84): run-time error CSS1031: Expected selector, found ')'
(12302,84): run-time error CSS1025: Expected comma or open brace, found ')'
(12311,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-text'
(12333,29): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(12387,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(12396,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(12397,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(12473,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-heading'
(12480,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(12500,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(12547,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(12558,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(12564,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(12570,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(12579,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(12597,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(12634,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(12640,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(12660,14): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(12821,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(12831,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(12843,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(12847,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(12896,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-mouseover-highlight'
(13067,14): run-time error CSS1039: Token not allowed after unary operator: '-color-hyperlink-text'
(13094,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(13200,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(13207,30): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(13211,26): run-time error CSS1039: Token not allowed after unary operator: '-color-caution-text'
(13215,26): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(13222,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(13224,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(13231,30): run-time error CSS1039: Token not allowed after unary operator: '-color-caution-text'
(13239,21): run-time error CSS1039: Token not allowed after unary operator: '-color-caution-text'
(13243,14): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(13251,21): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(13284,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(13286,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(13298,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(13300,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(13301,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-text'
(13307,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-mouseover-highlight'
(13311,26): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(13315,29): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(13337,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(13338,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-primary'
(13344,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-mouseover-highlight'
(13348,14): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text'
(13353,26): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(13362,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(13364,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(13370,14): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text'
(13383,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(13387,14): run-time error CSS1039: Token not allowed after unary operator: '-color-caution-text'
(13391,14): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border-secondary'
(13401,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-heading'
(13403,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-text'
(13408,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(13410,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(13419,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(13422,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-primary'
(13426,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(13430,26): run-time error CSS1039: Token not allowed after unary operator: '-color-caution-text'
(13434,26): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border-secondary'
(13444,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(13451,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(13473,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(13475,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(13476,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(13477,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-primary'
(13483,21): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border-secondary'
(13487,21): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(13488,41): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(13492,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(13493,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-text'
(13498,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(13506,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(13510,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(13530,29): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(13535,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-primary'
(13537,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(13564,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(13569,29): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(13581,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(13582,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-primary'
(13588,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-mouseover-highlight'
(13596,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(13613,30): run-time error CSS1039: Token not allowed after unary operator: '-color-caution-text'
(13660,21): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(13668,29): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(13676,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(13841,14): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-button'
(13846,14): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-button-highlight'
(13867,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(13869,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(13877,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(13887,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(13888,33): run-time error CSS1039: Token not allowed after unary operator: '-color-hyperlink-text'
(13954,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(13956,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(13965,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(14008,14): run-time error CSS1039: Token not allowed after unary operator: '-color-hyperlink-text'
(14014,14): run-time error CSS1039: Token not allowed after unary operator: '-color-hyperlink-text-highlight'
(14021,29): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14060,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14068,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14073,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(14099,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14119,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(14131,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14171,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14173,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(14179,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14184,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(14209,30): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14211,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(14231,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14233,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(14299,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14301,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-background'
(14333,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14335,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(14344,26): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14360,14): run-time error CSS1039: Token not allowed after unary operator: '-color-field-validation-error-message'
(14372,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14431,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14460,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14816,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14825,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(14832,14): run-time error CSS1039: Token not allowed after unary operator: '-color-field-validation-error-message'
(14852,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14883,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14885,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(14938,14): run-time error CSS1039: Token not allowed after unary operator: '-color-error-text'
(14948,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(14957,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(15087,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(15088,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(15178,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(15179,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(15271,46): run-time error CSS1030: Expected identifier, found '>'
(15271,61): run-time error CSS1031: Expected selector, found ')'
(15271,61): run-time error CSS1025: Expected comma or open brace, found ')'
(15380,34): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(15438,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-primary'
(15446,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(15459,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(15460,28): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(15523,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-compact'
(15524,34): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(15580,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(15597,17): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-button-highlight'
(15621,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(15622,28): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(15631,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(15668,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(15679,14): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-button-highlight'
(15766,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(15775,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(15776,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-tables'
(15781,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(15782,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-tables'
(15787,31): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(15788,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border-secondary'
(15817,25): run-time error CSS1039: Token not allowed after unary operator: '-color-data-row-background'
(15823,25): run-time error CSS1039: Token not allowed after unary operator: '-color-data-row-background'
(15824,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-mouseover-highlight'
(15830,25): run-time error CSS1039: Token not allowed after unary operator: '-color-data-row-alternate-background'
(15831,32): run-time error CSS1039: Token not allowed after unary operator: '-color-element-mouseover-highlight'
(15846,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-mouseover-highlight'
(15857,14): run-time error CSS1039: Token not allowed after unary operator: '-color-hyperlink-text'
(15862,14): run-time error CSS1039: Token not allowed after unary operator: '-color-hyperlink-text-highlight'
(15874,14): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled-text'
(15887,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(15922,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(16019,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(16178,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-primary'
(16179,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(16181,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(16200,14): run-time error CSS1039: Token not allowed after unary operator: '-color-hyperlink-text'
(16207,14): run-time error CSS1039: Token not allowed after unary operator: '-color-hyperlink-text-highlight'
(16218,14): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-text'
(16284,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-text'
(16286,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-heading'
(16292,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-text'
(16299,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(16316,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(16337,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(16351,19): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(16359,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(16391,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(16404,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(16410,32): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(16429,19): run-time error CSS1039: Token not allowed after unary operator: '-navigation-menu-height'
(16445,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-color-primary-text'
(16454,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-color-hyperlink-text-highlight'
(16461,20): run-time error CSS1039: Token not allowed after unary operator: '-header-logo-width'
(16513,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-vertical-submenu-color-text'
(16518,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-color-hyperlink-text-highlight'
(16524,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-vertical-submenu-color-text'
(16535,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16536,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16537,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16538,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16539,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16540,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16568,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(16578,14): run-time error CSS1039: Token not allowed after unary operator: '-userguide-heading'
(16585,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-heading'
(16591,23): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(16593,32): run-time error CSS1039: Token not allowed after unary operator: '-userguide-border'
(16598,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(16603,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(16613,19): run-time error CSS1039: Token not allowed after unary operator: '-userguide-subtle-background'
(16615,25): run-time error CSS1039: Token not allowed after unary operator: '-userguide-border'
(16622,19): run-time error CSS1039: Token not allowed after unary operator: '-userguide-subtle-background'
(16638,30): run-time error CSS1039: Token not allowed after unary operator: '-userguide-accent'
(16639,19): run-time error CSS1039: Token not allowed after unary operator: '-userguide-subtle-background'
(16652,25): run-time error CSS1039: Token not allowed after unary operator: '-userguide-border'
(16654,29): run-time error CSS1039: Token not allowed after unary operator: '-userguide-border'
(16676,25): run-time error CSS1039: Token not allowed after unary operator: '-userguide-border'
(16684,19): run-time error CSS1039: Token not allowed after unary operator: '-userguide-subtle-background'
(16685,14): run-time error CSS1039: Token not allowed after unary operator: '-userguide-heading'
(16692,19): run-time error CSS1039: Token not allowed after unary operator: '-userguide-subtle-background'
(16716,31): run-time error CSS1039: Token not allowed after unary operator: '-userguide-border'
(16719,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16720,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16747,30): run-time error CSS1039: Token not allowed after unary operator: '-userguide-border'
(16764,14): run-time error CSS1039: Token not allowed after unary operator: '-userguide-sidebar-text'
(16774,19): run-time error CSS1039: Token not allowed after unary operator: '-userguide-hover-background'
(16775,14): run-time error CSS1039: Token not allowed after unary operator: '-userguide-sidebar-highlight'
(16780,14): run-time error CSS1039: Token not allowed after unary operator: '-userguide-sidebar-highlight'
(16796,14): run-time error CSS1039: Token not allowed after unary operator: '-userguide-sidebar-text'
(16805,26): run-time error CSS1039: Token not allowed after unary operator: '-userguide-sidebar-highlight'
(16806,19): run-time error CSS1039: Token not allowed after unary operator: '-userguide-hover-background'
(16812,14): run-time error CSS1039: Token not allowed after unary operator: '-userguide-sidebar-highlight'
(16841,19): run-time error CSS1039: Token not allowed after unary operator: '-userguide-hover-background'
(16846,26): run-time error CSS1039: Token not allowed after unary operator: '-userguide-sidebar-highlight'
(16860,31): run-time error CSS1039: Token not allowed after unary operator: '-userguide-sidebar-text'
(16861,32): run-time error CSS1039: Token not allowed after unary operator: '-userguide-sidebar-text'
(16877,29): run-time error CSS1039: Token not allowed after unary operator: '-userguide-border'
(16878,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(16897,32): run-time error CSS1039: Token not allowed after unary operator: '-userguide-border'
(16904,14): run-time error CSS1039: Token not allowed after unary operator: '-userguide-sidebar-highlight'
(16915,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(16916,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(16931,14): run-time error CSS1039: Token not allowed after unary operator: '-userguide-heading'
(16933,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(16939,14): run-time error CSS1039: Token not allowed after unary operator: '-userguide-heading'
(16945,14): run-time error CSS1039: Token not allowed after unary operator: '-userguide-accent-highlight'
(16954,30): run-time error CSS1039: Token not allowed after unary operator: '-userguide-border'
(16962,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(16991,25): run-time error CSS1039: Token not allowed after unary operator: '-userguide-border'
(16994,19): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(16995,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(17016,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(17025,25): run-time error CSS1039: Token not allowed after unary operator: '-userguide-border'
(17028,19): run-time error CSS1039: Token not allowed after unary operator: '-userguide-subtle-background'
(17029,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-color-hyperlink-text'
(17036,14): run-time error CSS1039: Token not allowed after unary operator: '-navigation-color-hyperlink-text-highlight'
(17044,32): run-time error CSS1039: Token not allowed after unary operator: '-userguide-border'
(17064,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(17070,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-paragraph'
(17077,32): run-time error CSS1039: Token not allowed after unary operator: '-userguide-border'
(17082,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-secondary-text'
(17099,14): run-time error CSS1039: Token not allowed after unary operator: '-userguide-accent'
(17101,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(17108,14): run-time error CSS1039: Token not allowed after unary operator: '-userguide-accent-highlight'
(17121,14): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text'
(17144,14): run-time error CSS1039: Token not allowed after unary operator: '-userguide-heading'
(17154,14): run-time error CSS1039: Token not allowed after unary operator: '-userguide-heading'
(17179,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-background'
(17180,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-border'
(17195,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-mouseover-highlight'
(17200,14): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-button-highlight'
(17224,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-mouseover-highlight'
(17244,25): run-time error CSS1039: Token not allowed after unary operator: '-color-element-mouseover-highlight'
(17295,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sub-heading'
(17343,14): run-time error CSS1039: Token not allowed after unary operator: '-color-heading-text'
(17373,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17376,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17564,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17565,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17566,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17568,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17569,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17570,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17571,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17572,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17574,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17575,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17576,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17578,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17579,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17581,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17582,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17584,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17585,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17587,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17588,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17589,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17591,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17592,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17593,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17595,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17596,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17597,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17598,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17599,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17600,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17601,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17602,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17604,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17605,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17606,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17607,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17608,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17609,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17610,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17612,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17615,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17616,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17617,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17618,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17620,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17622,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17623,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17624,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17625,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17626,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
div.BreadCrumbs
{
	margin-bottom: 15px;
	min-height: 20px;
}
div.BreadCrumbs ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

div.BreadCrumbs ul li
{
	display: inline;
}

div.BreadCrumbs ul li:not(:last-child)::after
{
	content: " / ";
}

div.BreadCrumbs ul li:last-child
{
	font-weight: bold;
}


/* TO DO - hide or remove subtitle ?*/
div.Provision .PageTitle .SubTitle,
div.ProvisionList .PageTitle .SubTitle
{
	display: none;
}

/* default links to regular text color */
div.BreadCrumbs ul li a
{
	color: var(--color-primary-text);
}

/* in page buttons */
.command-buttons
{
	display: block;
	width: 80%;
	margin: 50px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.command-buttons a
{
	display: inline-block;
	margin: 0px 30px 30px 0px;
	text-decoration: none !important;
}

/* for provision views with buttons in top right corner */
.command-buttons.top-line
{
	width: 100%;
	margin: 20px 0px 0px 0px;
	text-align: right;
}

.command-buttons.top-line a
{
	margin: 0px 0px 30px 30px;
}




/* jquery UI modal dialog buttons */
a.btn
{
	min-width: 60px;
	border-radius: 5px;
	text-shadow: none !important;
}

.btn-info
{
}

.btn.btn-danger, .btn.btn-small, .ui-dialog .ui-button
{
	font-weight: normal !important;
	font-size: .875rem;
	font-weight: 700 !important;
	color: var(--color-secondary-button-text);
	font-family: PortalTextBold !important;
	background-color: var(--color-secondary-button-background);
	background-image: none !important;
	padding: 10px 20px 15px 20px;
	border-radius: 25px;
	border: solid 1px var(--color-secondary-button-text);
	transition: box-shadow 0.2s ease;
}

.NavigationButtons .btn
{
	font-size: 1rem;
}

.btn.btn-danger:hover, .btn.btn-small:hover, .ui-dialog .ui-button:hover
{
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.35);
}

.InPageAction, .ui-dialog .ui-button
{
}

.InPageAction
{
	min-width: 110px !important;
	padding: 8px 16px 8px 16px !important;
}

.SaveButton, .ConfirmButton
{
	background-color: var(--color-button-background) !important;
	color: var(--color-button-text) !important;
	transition: background-color 0.2s;
}

.SaveButton:hover
{
}

.CancelButton
{
}

/* buttons in Filter panels */
.SearchPanel .InPageAction
{
	
}





/* Icon buttons */
div.IconButton
{
	padding: 3px;
	min-height: 23px;
}

a.IconButton
{
	display: inline-block;
	padding: 3px;
	text-align: center;
	color: var(--color-icon-button) !important;
	border: solid 0px transparent;
	border-radius: 5px;
	background-color: transparent;
	text-decoration: none;
	font-size: 14pt;
}

/* selected IconButton */
a.IconButton.Selected
{
	padding: 5px;
	background-color: var(--color-element-border) !important;
}

a.IconButton:link,
a.IconButton:visited,
a.IconButton:active
{
	color: var(--color-icon-button);
	text-decoration: none;
}

a.IconButton:hover
{
	color: var(--color-icon-button-highlight) !important;
	border-width: 0px;
	background-color: transparent;
	text-decoration: none;
	cursor: pointer;
}

a.Disabled, a.Disabled i, a.Disabled i:hover, a.Disabled:link, a.Disabled:visited, a.Disabled:active, a.Disabled:hover
{
	color: #CCCCCC !important;
	border-color: #999999 !important;
	background-color: transparent;
	cursor: default !important;
	box-shadow: inset 0px 0px 0px 0px #000000 !important;
}

.InfoBalloon
{
	border: solid 0px transparent !important;
	background-color: transparent !important;
	cursor: default !important;
}

.TableList .IconButton i
{
	font-size: 14pt !important;
}


/* status buttons */
a.Set
{
	text-decoration: none;
}

i.Set, i.Active, a.Set:hover i.Available
{
	text-decoration: none;
	color: #00E639;
}


i.Available
{
	color: #FFBF00;
}

i.NotAvailable
{
	color: #E0E0E0;
}

i.Inactive
{
	color: #FF0000;
}

i.Active
{
	color: #00E639;
}

/* additional statuses for Devices */
i.Archived
{
	color: #666666;
}

i.NotActivated
{
	color: #A3A3A3;
}

i.ActivationSent
{
	color: #FFCA7A;
}

i.ProvisioningFailure, i.RemovalRequested, i.RemovalFailure
{
	color: #FF0000;
}



/* statuses for SIM-Secure */
i.NotActivated
{
	color: None;
}

i.ProvisioningRequested
{
	color: #FFCA7A;
}

i.Provisioned
{
	color: #00E639;
}

i.NoResponse
{
	color: #FF0000;
}




/* Action Buttons */

.ActionButtonContainer
{
	position: relative;

	/* hide by default, will be set to visible in js if there are items */
	display: none;
}

.ActionButtonContainer button.ActionButton
{
	padding: 0.75rem 1rem;
	border-radius: 24px;
	display: flex;
	align-items: center;
	gap: 8px;

	background-color: var(--color-button-background);
	color: var(--color-button-text);
	cursor: pointer;
	font-size: 1rem;
	font-weight: 700;
	border: none;
	transition: background-color 0.2s;
}

.ActionButtonContainer button.ActionButton:not(.Ellipsis)
{
	min-width: 120px;
}
.ActionButtonContainer button.ActionButton.SingleAction
{
	display: unset;
}

.ActionButtonContainer button.ActionButton:hover,
.SaveButton:hover, 
.ConfirmButton:hover
{
	background-color: var(--color-button-highlight) !important;
	border-color: var(--color-button-highlight) !important;
	box-shadow: none !important;
}

.ActionButtonContainer button.ActionButton:active,
.SaveButton:active, 
.ConfirmButton:active
{
	background-color: var(--color-button-highlight) !important;
	border-color: var(--color-button-highlight) !important;
	box-shadow: none !important;
}

.ActionButtonContainer .Collapse-Tab,
.ActionButtonContainer .ActionItems li.SubMenu > a.IconButton .Collapse-Tab
{
	transition: transform 0.2s;
}

/* Rotate arrow when open */
.ActionButtonContainer.open .ActionButton .Collapse-Tab,
.ActionButtonContainer .ActionItems li.SubMenu.open > a.IconButton .Collapse-Tab
{
	transform: rotate(180deg);
}

.ActionButtonContainer .ActionItems
{
	position: absolute;
	top: 100%;
	right: 0;
	left: auto;
	min-width: 160px;
	width: max-content;
	background-color: var(--color-primary-background);
	border: 1px solid var(--color-element-border);
	border-radius: 12px;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.05);
	padding: 10px;
	margin: 0px -5px 0px 0px;

	/* Must clear the expanded search filter panel (.SearchPanel .FilterOptions, z-index 5 in
	   search_panel.css): where the menu and the panel share a stacking context they tie on 5 and the
	   panel wins on document order.  Menus inside a page header are additionally lifted by
	   header.ActionMenuOpen in layout.css, which is the case that z-index here cannot fix. */
	z-index: 10;
	display: none;		/* hidden by default */
}

.ActionButtonContainer li
{
	list-style: none;
}

.ActionButtonContainer .ActionItems li.Heading
{
	font-weight: bold;
	font-size: 1.1em;
	margin-right: 20px;
}


.ActionButtonContainer li.Disabled,
.ActionButtonContainer li.Disabled a.IconButton
{
	pointer-events: none !important;	/* Disables onclick events */
	color: #AAAAAA !important;
}

.ActionButtonContainer .ActionItems .IconButton
{
	display: inline;
	margin: 0px 0px 0px 0px !important;
	width: 100%;
	text-align: right;
	float: none !important;
}
.ActionButtonContainer .ActionItems .IconButton i
{
	display: inline-block;
	text-align: center;
	min-width: 35px;
	margin-top: 2px;
	font-size: 16px;
}

.ActionButtonContainer .ActionItems,
.ActionButtonContainer .ActionItems .IconButton .Label
{
	font-size: var(--font-size-primary);
}
.ActionButtonContainer .ActionItems .IconButton .Label
{

}

/* Show menu when open */
.ActionButtonContainer.open .ActionItems
{
	display: block;
}

.ActionButtonContainer .ActionItems li
{
	display: block;
	padding: 10px 0px 10px 0px;
	cursor: pointer;
	transition: background-color 0.2s;
	white-space: nowrap;
	text-align: right;
}

/* create visible separation for first separated item */
.ActionButtonContainer .ActionItems li:not(.Separated) + li.Separated
{
	margin-top: 15px;
	border-top: 1px solid var(--color-element-border);
}

.ActionButtonContainer .ActionItems li:hover
{
	background-color: var(--color-element-mouseover-highlight);
}

.ActionButtonContainer .ActionItems li:active
{
	background-color: var(--color-element-mouseover-highlight);
}

.ActionButtonContainer .ActionItems li:first-child
{
	border-radius: 4px 4px 0 0;
}

.ActionButtonContainer .ActionItems li:last-child
{
	border-radius: 0 0 4px 4px;
}


/* Action button sub menus */

.ActionButtonContainer .ActionItems li.SubMenu.open ul
{
	display: block;
}

/* Submenu styling */
.ActionButtonContainer .ActionItems li.SubMenu ul 
{
    display: none;			/* hidden by default */
    margin-left: 20px;
}

.ActionButtonContainer .ActionItems li.HeadingItem,
.ActionButtonContainer .ActionItems li.SubMenu ul li.HeadingItem
{
	font-weight: bold;
	cursor: default;
	margin-bottom: 15px;
	padding: 15px 0px 15px 0px;
	border-bottom: 1px solid var(--color-highlight);
}
.ActionButtonContainer .ActionItems li.HeadingItem
{

}

.ActionButtonContainer .ActionItems li.SubMenu ul
{
	margin-top: 10px;
	margin-right: 10px;
}

.ActionButtonContainer .ActionItems li.SubMenu ul li .IconButton i
{
	text-align: unset;
}

/* DARK MODE */


body.Dark
{

	--color-primary-text: #F1F1F1;												
	--color-heading-text: #F1F1F1;												
	--color-heading-secondary-text: #B3B3B3;									

	--color-disabled-text: #999999;												
	--color-disabled-text-border:#999999;										
	--color-disabled-background: #333333;										
	--color-warning-text: #e10014;												
	--color-caution-text: #FFCD27;												

	--color-field-validation-error-input-background: #FFCAAA;					
	--color-field-validation-error-input-background-highlight: #FFA46D;			
	--color-field-validation-error-message: #FF8027;							

	--color-hyperlink-text: #006FC0;											
	--color-hyperlink-text-highlight: #003E6C;									

	--color-primary: #181818;													
	--color-highlight: #404040;													

	--color-icon-button: #B3B3B3;												
	--color-icon-button-highlight: #404040;										

	--color-button-background: #404040;											
	--color-button-text: #B3B3B3;												
	--color-button-highlight: #282828;					

	--color-secondary-button-background: #B3B3B3;								
	--color-secondary-button-text: #404040;										
	--color-secondary-button-highlight: #F1F1F1;												

	--color-primary-background: #181818;										
	--color-secondary-background: #282828;										
	--color-element-border: #404040;											
	--color-element-border-secondary: #B3B3B3;									
	--color-element-mouseover-highlight: #404040;								
	--color-data-row-background: #181818;									
	--color-data-row-alternate-background: #121212;							
	--color-data-row-selected: #404040;										


	--navigation-background-color: #121212;
	--navigation-color-primary-text: #F1F1F1;
	--navigation-color-hyperlink-text: #F1F1F1;		/* dims to the highlight on hover, like the topics in the bar */
	--navigation-color-hyperlink-text-highlight: #B3B3B3;


	--navigation-vertical-submenu-background-color: #404040FC; /* slightly transparent */
	--navigation-vertical-submenu-color-text: #F1F1F1;

}

body.Dark .Widget .WidgetHeader
{
	background-color: var(--color-secondary-background);
}
body.Dark .Widget .WidgetHeader.Expandable:hover
{
	background-color: var(--color-primary-background) !important;
}

body.Dark .ActionButtonContainer .ActionItems .IconButton:hover
{
	color: var(--color-icon-button) !important;
}


body.Dark input, 
body.Dark select, 
body.Dark select option, 
body.Dark select optgroup, 
body.Dark textarea, 
body.Dark dropdown,
body.Dark .ListItemHighlight,
body.Dark .help-page-table tbody tr:hover td,
body.Dark .AvailablePlatformsPopUpContent,
body.Dark #AddDevice .EnrollPlatform,
body.Dark #NavigationMenu .SubGroupSelected,
body.Dark #Application .searchStoreResultsItem,
body.Dark .DevicesList .SelectedDeviceRow
{
	background-color: var(--color-secondary-background) !important;
}

/* Device Location mapping */



div.LocationPointInfo
{
	text-align: left;
	padding-bottom: 15px;
	padding-right: 5px;
	font-size: 10pt !important;
}

div.LocationPointInfo a
{
	font-style: normal;
	text-decoration: none !important;
}
div.LocationPointInfo a:hover
{
	text-decoration: underline !important;
}

div.LocationPointInfo .DeviceIcon
{
	display: table-cell;
	vertical-align: top;
	padding-right: 10px;
}
div.LocationPointInfo .UserAndDeviceInfo
{
	display: table-cell;
	vertical-align: top;
}
div.LocationPointInfo .UserAndDeviceInfo .UserID
{
	padding-bottom: 5px;
}
div.LocationPointInfo .UserAndDeviceInfo .DeviceName
{
	padding-bottom: 5px;
}
div.LocationPointInfo .UserAndDeviceInfo .Accuracy
{
	font-size: 8pt;
	padding-bottom: 10px;
}
div.LocationPointInfo .UserAndDeviceInfo .LastSeen
{
	font-style: italic;
}
div.LocationPointInfo .UserAndDeviceInfo .LastSeenTimestamp
{
	font-size: 8pt;
	padding-top: 5px;
	font-style: italic;
}
div.LocationPointInfo .UserAndDeviceInfo .Address
{
	margin-top: 15px;
}
div.LocationPointInfo .UserAndDeviceInfo .Address em
{
	display: block;
	padding-bottom: 5px;
	font-style: normal;
	font-weight: bold;
}
div.LocationPointInfo .UserAndDeviceInfo .Address span
{
	display: block;
	font-style: italic;
}


.DeviceLocationSearchForm
{
	width: 100%;
	margin: 30px auto 30px auto;
	padding: 0px 0px 0px 0px;
}
.DeviceLocationSearchForm .Header
{
	margin-bottom: 30px;
}
.DeviceLocationSearchForm .Header input
{
	width: 300px;
}
.DeviceLocationSearchForm .NoSearchResults 
{
	margin: 20px 0px 20px 0px;
	font-weight: bold;
}
.DeviceLocationSearchForm .DeviceList table
{
    width: 100%;
}

.DeviceLocationSearchForm .DeviceList table .Icon
{
    width: 10%;
}
.DeviceLocationSearchForm .DeviceList table .UserID
{
    width: 30%;
}
.DeviceLocationSearchForm .DeviceList table .Device
{
    width: 30%;
}
.DeviceLocationSearchForm .DeviceList table .LastSeen
{
    width: 20%;
}
.DeviceLocationSearchForm .DeviceList table .Location
{
    width: 10%;
}




.ui-menu .ui-menu-item {
	list-style-image: none !important;
}


/* 
	Hide obsolete items for new UI

	After this new theme has been officially rolled out we can remove these itmes from the views.

	They only remain for backwards compatability with "verizon_mdm" theme.

*/



/* Hide all top line command buttons, we have moved/duplicated these into the "icon" bar */
.command-buttons.top-line,
#ApplicationSettings .command-buttons,
#Authorization .command-buttons,
#AddBulkImport .command-buttons,
#CreateCompany .command-buttons,
#CompanyOptions .command-buttons,
#IMAPServer .command-buttons,
#LdapServer .command-buttons,
#MetaData .command-buttons,
#RadiusServer .command-buttons,
#EditReport .command-buttons,
#ScepServer .command-buttons,
#UserProperty .command-buttons,
#WindowsServiceSettings .command-buttons
{
	display: none;
}




/* For policy assignments, hide all columns execpt first (Group Name) and last (remove button) */
.Provision:not(#GroupDetail) #Assignments .TableList th, 
.Provision:not(#GroupDetail) #Assignments .TableList td
{
	display: none;
}
.Provision:not(#GroupDetail) #Assignments .TableList th:first-child, 
.Provision:not(#GroupDetail) #Assignments .TableList td:first-child,
.Provision:not(#GroupDetail) #Assignments .TableList th:last-child, 
.Provision:not(#GroupDetail) #Assignments .TableList td:last-child
{
	display: table-cell !important;
}


#EditReport #CompanyReportAssignments .TableList th:nth-child(2), 
#EditReport #CompanyReportAssignments .TableList td:nth-child(2)
{
	display: table-cell !important;
}


/* This message can be removed after migrating to new theme. It has been moved to the page description. */
#DeviceSearchResults .Message
{
	display: none;
}
#UserSearchResults .Message
{
	display: none;
}



/* icon will be obsolete after migrating */
#DevicesList .SearchPanel .FilterCloseButton
{
	display: none !important;
}
#DevicesList .NavigationButtons .FilterButton,
#UsersList .NavigationButtons .FilterButton
{
	display: none !important;
}
#DevicesList .NavigationButtons .SendBatchCommandButton,
#UsersList .NavigationButtons .SendBatchCommandButton
{
	display: none !important;
}
#UsersList .AddNewUser
{
	display: none !important;
}
#ConnectionProvisionsList .FilterButton,
#ConnectionProvisionsList .ProvisionActionButtons
{
	display: none !important;
}


/* obsolete after migrating */
#AllProvisionsList .HeaderProperties 
{
	display: none !important;
}


/* obsolete after migrating */
#AllProvisionsList .FilterButton
{
	display: none !important;
}


/* this is a duplicate object which is obsolete after migrating */
#AllProvisionsList #List .ProvisionActionButtons
{
	display: none;
}

/* duplicate object obsolete after migrating */
#ViewDevice .DevicePlatformIcon.Legacy
{
	display: none;
}


/* group view charts and licnese tabs can be removed after migrating*/
#GroupDetail .HeaderProperties,
#GroupDetail .HeaderCharts,
#GroupDetail .ProvisionLoadingTab,
#GroupDetail .LicenseSummary
{
	display: none;
}


#QuickStartMBH #SaveButton
{
	display: none;
}

/* set font awesome icons */

i
{
	font-family: "Font Awesome 6 Pro";
	font-style: normal;
	font-weight: 900;
}


i.Add:before
{
	content: "\f067";
	font-weight: 400;
}

i.AddCircle:before
{
	content: "\f055";
}

i.AddSquare:before
{
	content: "\f0fe";
	font-weight: 400;
}

i.Assign:before
{
	content: "\f064";
}

i.AssociateUser:before
{
	content: "\f234";
}

i.Bookmark:before
{
	content: "\f02e";
}

i.Check:before
{
	content: "\f00c";
	font-weight: 400;
}

i.Clock:before
{
	content: "\f017";
	font-weight: 400;
}

i.Clone:before
{
	content: "\f0c5";
	font-weight: 400;
}

i.Collapse:before
{
	content: "\f066";
}

i.Collapse-Tab:before
{
	content: "\f107";
	font-weight: 400;
}

i.Compare:before
{
	content: "\f870";
}

i.Circle:before
{
	content: "\f111";
}

i.StepPending:before
{
	content: "\f111";
	font-weight: 400;
}

i.SetupAssistant:before
{
	content: "\f890";
}

i.Delete:before
{
	content: "\f2ed";
	font-weight: 400;
}

i.Device:before
{
	content: "\f3ce";
	font-weight: 400;
}

i.Disable:before
{
	content: "\f205";
}

i.Disable:hover:before
{
	content: "\f204";
	color: red;
}

i.DisassociateUser:before
{
	content: "\f235";
}

i.DownArrows:before
{
	content: "\f103";
	font-weight: 400;
}

i.Edit:before
{
	content: "\f044";
	font-weight: 400;
}

i.Ellipsis:before
{
	content: "\f141";
	font-weight: 400;
}

i.Enable:before
{
	content: "\f204";
	color: red;
}

i.Enable:hover:before
{
	content: "\f205";
	color: green;
}

i.Expand:before
{
	content: "\f065";
}

i.Expand-Tab:before
{
	content: "\f105";
	font-weight: 400;
}

i.Excel:before
{
	content: "\f1c3";
	font-weight: 400;
}

i.Export:before
{
	content: "\f08e";
	font-weight: 400;
}

i.Eye:before
{
	content: "\f06e";
	font-weight: 400;
}

i.FileDownload:before
{
	content: "\f56d";
	font-weight: normal;
}

i.FileInfo:before
{
	content: "\e493";
	font-weight: normal;
}

i.Filter:before
{
	content: "\f0b0";
}

i.FilterSettings:before
{
	content: "\f1de";
	font-weight: 400;
}

i.Grid:before
{
	content: "\e196";
	font-weight: 400;
}

i.Help:before
{
	content: "\f059";
}

i.Image:before
{
	content: "\f03e";
}

i.Impersonate:before
{
	font-family: 'Font Awesome 6 Duotone';
	font-weight: 900;
	content: "\f21b";
}

i.Import:before
{
	content: "\f56f";
	font-weight: 400;
}

i.Info:before
{
	content: "\f129";
}

i.InfoButton:before
{
	content: "\f05a";
}

i.LeftArrows:before
{
	content: "\f100";
	font-weight: 400;
}

i.Lock:before
{
	content: "\f30d";
}

i.Logging:before
{
	content: "\f120";
}

i.List:before
{
	content: "\f0ca";
}

i.Minus:before
{
	content: "\f068";
	font-weight: 400;
}

i.PDF:before
{
	content: "\f1c1";
	font-weight: 400;
}

i.Refresh:before
{
	content: "\f2f1";
	font-weight: 400;
}

i.Remove:before
{
	content: "\f00d";
	font-weight: 400;
}

i.RemoveSquare:before
{
	content: "\f146";
	font-weight: 400;
}

i.Report:before
{
	content: "\f1fe";
	font-weight: 400;
}

i.Reset:before
{
	content: "\f0e2";
	font-weight: 400;
}

i.RightArrows:before
{
	content: "\f101";
	font-weight: 400;
}

i.RightArrowCircle:before
{
	content: "\f138";
}

i.Save:before
{
	font-weight: 900;
	content: "\f0c7";
}

i.Search:before
{
	content: "\f002";
}

i.Search.Thin
{
	font-weight: 400 !important;
}

i.SendCommand:before
{
	content: "\f05b";
	font-weight: 400;
}

i.Settings:before
{
	content: "\f013";
}

i.Sort:before
{
	content: "\f0dc";
}

i.SortAlphaAsc:before
{
	content: "\f15e";
	font-weight: 400;
}

i.SortAlphaDesc:before
{
	content: "\f15d";
	font-weight: 400;
}

i.SortDown:before
{
	content: "\f0dd";
}

i.SortUp:before
{
	content: "\f0de";
}

i.Tag:before
{
	content: "\f02b";
}

i.Tags:before
{
	content: "\f02c";
}

i.Tools:before
{
	content: "\f7d9";
	font-weight: 400;
}

i.Unlock:before
{
	content: "\f13e";
	font-weight: 400;
}

i.Upload:before
{
	content: "\f574";
	font-weight: 400;
}

i.WarningSign:before
{
	content: "\f071";
	color: #FAD261;
	font-weight: 400;
}

i.World:before
{
	content: "\f0ac";
	font-weight: 400;
}



/* Provision Created Dialogs */
i.SuccessIcon:before
{
	content: "\f05a";
	font-weight: 300;
	font-size: 65px;
}

i.FailureIcon:before
{
	content: "\e405";
	font-weight: 300;
	font-size: 65px;
}



/* Navigation heading icons (can be overridden per theme if needed) */
i.Nav-Dashboard:before
{
	content: "\e323";
	font-weight: 400;
}
i.Nav-Devices
{
	position: relative;
}
i.Nav-Devices:before
{
	content: "\f3fb"; /* tablet icon */
	font-weight: 400;
	position: relative;
	z-index: 1;
}
i.Nav-Devices:after
{
	content: "\f3ce "; /* mobile icon, overlay */
	font-weight: 400;
	position: absolute;
	left: 0.5em;
	bottom: -0.2em;
	z-index: 2;
}

i.Nav-Policies:before
{
	content: "\f1de";
	font-weight: 400;
}
i.Nav-Apps:before
{
	content: "\e195";
	font-weight: 400;
}
i.Nav-Users:before
{
	content: "\f500";
	font-weight: 400;
}
i.Nav-Groups:before
{
	content: "\f5fd";
	font-weight: 400;
}
i.Nav-Reports:before
{
	content: "\f201";
	font-weight: 400;
}
i.Nav-Settings:before
{
	content: "\f013";
	font-weight: 400;
}
i.Nav-CurrentUser:before
{
	content: "\f2bd";
	font-weight: 400;
}
i.Nav-Help:before
{
	content: "\f059";
	font-weight: 400;
}
i.Nav-Developer:before
{
	content: "\f121";
	font-weight: 400;
}



/* Custom Radio Buttons */


/* Unchecked */
input[type="radio"] + .CustomRadioButton:before,
input[type="radio"] + label > .CustomRadioButton:before
{
	content: "\f111";
	font-weight: 400;
}


/* Checked */
input[type="radio"]:checked + .CustomRadioButton:before,
input[type="radio"]:checked + label > .CustomRadioButton:before
{
	content: "\f192";
}



/* Device Icons */
span.DeviceIconContainer
{
	display: inline-block;
	word-break: normal;
	text-align: left;
}

.DeviceIconsForModule i, .DeviceIconsForModule img
{
	padding: 0px 8px 0px 0px;
}


i.AccountMDN:before
{
	content: "\f012";
	font-weight: 400;
	font-size: .7em;
	color: #e66000;
	background: -webkit-linear-gradient(#e64d00, #e66000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

i.Android:before
{
	font-family: "Font Awesome 6 Brands";
	content: "\f17b";
	font-weight: 400;
	color: #9ED7BE;
	background: -webkit-linear-gradient(#9ED7BE, #c9e9db);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

i.BroadbandHotspot:before
{
	content: "\e1f0";
	color: #b7e4fa;
	font-weight: 300;
	background: -webkit-linear-gradient(#ffc4a3, #e08c5c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

i.FixedWirelessAccess:before
{
	content: "\f8da";
	color: #b7e4fa;
	font-weight: 300;
	background: -webkit-linear-gradient(#fa6b6b, #bd5353);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

i.iOS:before
{
	font-family: "Font Awesome 6 Brands";
	content: "\f179";
	font-weight: 400;
	color: #b7e4fa;
	background: -webkit-linear-gradient(#88d2f7, #b7e4fa);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

i.iOS:after
{
	font-family: "Font Awesome 6 Pro";
	content: "\f3ce";
	font-weight: 100;
	color: var(--color-primary-text);
	margin-left: 8%;
	font-size: 60%;
}

i.iPadOS:before
{
	font-family: "Font Awesome 6 Brands";
	content: "\f179";
	font-weight: 400;
	color: #96D7F8;
	background: -webkit-linear-gradient(#4FBCF3, #96D7F8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

i.iPadOS:after
{
	font-family: "Font Awesome 6 Pro";
	content: "\f3fb";
	font-weight: 100;
	color: var(--color-primary-text);
	margin-left: 8%;
	font-size: 60%;
}

i.Mac:before
{
	font-family: "Font Awesome 6 Brands";
	content: "\f179";
	font-weight: 400;
	color: #4FBCF3;
	background: -webkit-linear-gradient(#109EE5, #4FBCF3);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

i.Mac:after
{
	font-family: "Font Awesome 6 Pro";
	content: "\f109";
	font-weight: 100;
	color: var(--color-primary-text);
	margin-left: 8%;
	font-size: 60%;
}

i.TvOS:before
{
	font-family: "Font Awesome 6 Brands";
	content: "\f179";
	font-weight: 400;
	color: #969696;
	background: -webkit-linear-gradient(#707070, #969696);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

i.TvOS:after
{
	font-family: PortalLargeTextRegular, Arial, Helvetica, sans-serif !important;
	content: "tv";
	font-weight: 100;
	color: var(--color-primary-text);
	margin-left: 8%;
	font-size: 60%;
}

i.WatchOS:before
{
	font-family: "Font Awesome 6 Brands";
	content: "\f179";
	font-weight: 400;
	color: #666666;
	background: -webkit-linear-gradient(#999999, #666666);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

i.WatchOS:after
{
	font-family: "Font Awesome 6 Pro";
	content: "\e2cc";
	font-weight: 100;
	color: var(--color-primary-text);
	margin-left: 8%;
	font-size: 60%;
}


/* must set container of svg to inline block so we can set svg size as percentage */
i.VisionOS
{
	display: inline-block;
	padding-right: 20px; /* need a little extra padding for goggles icon */
}

i.VisionOS:before
{
	font-family: "Font Awesome 6 Brands";
	content: "\f179";
	font-weight: 400;
	color: #E3E3E3;
	background: -webkit-linear-gradient(#BDBDBD, #E3E3E3);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

i.VisionOS:after
{
	content: '';
	display: inline-block;
	width: 90%;
    height: 60%;
	background-image: url(/emm/UI/images/device_platforms/visionOS_black.svg);
	background-size: contain;
	background-repeat: no-repeat;
	margin: -50% -60% 0px 0px;
	position: relative;
    float: right;
}

body.Dark i.VisionOS:after
{
	background-image: url(/emm/UI/images/device_platforms/visionOS_white.svg);
}


i.Windows:before
{
	font-family: "Font Awesome 6 Brands";
	content: "\f17a";
	font-weight: 400;
	color: #FAD261;
	background: -webkit-linear-gradient(#FAD261, #fce29c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

i.WindowsClient:before
{
	font-family: "Font Awesome 6 Brands";
	content: "\f17a";
	font-weight: 400;
	color: #666666;
	background: -webkit-linear-gradient(#666666, #CCCCCC);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


i.IoT:before
{
	content: "\f1b2";
	color: #ffbf80;
	background: -webkit-linear-gradient(#ffbf80, #ffb3cc);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}









/* Unordered lists with checkbox icons */
ul.CheckedList
{
	list-style-type: none;
	padding-left: 30px;
}

/* default bullet */
ul.CheckedList li:before,
ul.CheckedList li.Checkbox.Bullet:before
{
	margin-left: -20px;
	padding-right: 14px;
	vertical-align: middle;
	font-family: "Font Awesome 6 Pro";
	content: "\f111";
	font-weight: 800;
	font-size: 6px;
}

ul.CheckedList li.Checkbox:before
{
	padding-right: 9px;
	content: "\f0c8";
	font-weight: 400;
	font-size: 12px;
}

ul.CheckedList li.Checkbox.Checked:before
{
	padding-right: 8px;
	content: "\f00c";
	font-weight: 800;
	font-size: 12px;
}

ul.CheckedList li.Checkbox.WarningSign:before
{
	padding-right: 6px;
	content: "\f071";
	color: #FAD261;
	font-weight: 400;
	font-size: 12px;
}




a.SetInputEnabledButton i.Enable:before
{
	color: #d3d3d3;
}

/* Form Layout */

/* TODO - convert and then remove these legacy styles */
.editor-label, .editor-field
{
	display: inline-block;
	padding-bottom: 10px;
}

.editor-label
{
	width: 40%;
	padding-right: 40px;
	padding-top: 5px;
	vertical-align: top !important;
}

.editor-field
{
	padding-top: 6px;
	width: 50%;
	min-width: 390px;
	min-height: 30px;
}

.ListSelection .editor-field,
.ListSelection .Field .Control
{
	width: unset;
}

.editor-field input, .editor-field select, .editor-field textarea
{

}

.editor-field select,
.Field .Control select
{
	max-width: 400px;
}


.view-only
{
	/* used for view profile view */
	width: 30% !important;
	font-style: italic;
}

.text-only
{
	/* used for view profile view */
	padding-top: 3px;
}






/* manually created forms (client settings, device policies) */

.Field span
{
	display: block;
}

.Field input,
.Field textarea
{
	width: 300px;
}

.Field select
{
	width: auto;
}

.Field textarea
{
	height: 50px;
}

.InlineField,
.Field
{
	display: block;
	padding: 6px 10px 6px 0px;
	min-height: 26px;
}

.InlineField .Label,
.Field .Label
{
}

.InlineField .Description,
.Field .Description
{
}

.AvailableFor
{
	float: right;
}

.AvailableFor select
{
	width: auto !important;
}

.InlineField:hover,
.Field:hover
{
}

.Field .field-validation-error,
.InlineField .field-validation-error
{
	position: relative !important;
	display: block !important;
	margin: 10px 0px 10px 0px !important;
	padding: 0px !important;
	background-color: transparent !important;
	box-shadow: none !important;
	color: var(--color-field-validation-error-message);
}

.Field
{
	margin-bottom: 10px;
}

.Field .Label
{
	display: inline-block;
	width: 350px;
	padding-right: 40px;
	vertical-align: top;
}

.Field .Control
{
	display: inline-block;
	vertical-align: top;
}

.Field .Description, .editor-label .Description
{
	display: block;
	padding-top: 10px;
	font-style: italic;
}


.InlineField .Control
{
	display: table-cell;
	width: 100px;
	padding-right: 20px;
	text-align: right;
}

.InlineField .Label
{
	display: table-cell;
}

.InlineField .Description
{
	display: block;
	margin-left: 120px;
	margin-top: 0px;
}

.InlineField input
{
	width: 90px;
	text-align: right !important;
}

.InlineField select
{
	max-width: 100px;
	text-align: left !important;
}


/* checkbox fields */
.CheckBoxField
{
	margin-bottom: 15px;
}
.CheckBoxField input
{
	width: auto !important;
	padding-right: 15px;
}
.CheckBoxField label
{
	padding-left: 15px;
}


/* disabled fields */
.Disabled,
.Disabled .Label,
select[disabled],
input[disabled],
textarea[disabled]
{
	color: var(--color-disabled-text);
	border-color: var(--color-disabled-text-border) !important;
	pointer-events: none;
}

input[disabled=disabled],
input[type=number][disabled=disabled],
input[type=password][disabled=disabled],
.DisabledField /* used on WDCSettings page */
{
	color: var(--color-disabled-text);
	border-color: var(--color-disabled-text-border) !important;
}




/* override so Available platforms are never grayed out and hover enabled */
.Field
{
	pointer-events: all !important;
}

.AvailablePlatformsPopUpContent
{
	color: var(--color-primary-text) !important
}

/* ensure enable button is always allowed (used on Android Managed Configuration dialog) */
.SetInputEnabledButton
{
	pointer-events: all !important;
}


/* Input control layout */
input, textarea, select, select.TokenListSelect
{
	padding: 0.5rem 0.75rem 0.5rem 0.75rem !important;
	border-radius: 4px;
	outline: none;
	color: var(--color-primary-text);
}

input:focus, textarea:focus, select:focus, select.TokenListSelect:focus
{
	outline: 1px dashed var(--color-primary-text);
	outline-offset: 2px;
}

input[type=radio]
{
	width: auto !important;
}

input[type=checkbox]
{
	width: auto !important;
	margin-right: 5px;
}

.text-box,
.editor-field input[type=text],
.editor-field input[type=password],
.editor-field input[type=email]
{
	width: 360px;
	padding: 2px;
}

.multi-line
{
	height: 100px;
}

.editor-field .LabelPrefix
{
	position: absolute;
	margin-left: -20px;
}

.MissingRequiredValue
{
}


/* Dialog inputs */
.AssignmentDialog .editor-label,
.ui-dialog-content .editor-label,
.AssignmentDialog .Field .Label,
.ui-dialog-content .Field .Label
{
	max-width: 200px;
}

.AssignmentDialog input,
.ui-dialog-content input
{
	max-width: 240px;
}

/* positioned to the right of the info icon by OnMouseOver (Shared/AvailablePlatforms.cshtml), outside the dialog if needed */
.AssignmentDialog .AvailablePlatformsPopUpContainer,
.ui-dialog-content .AvailablePlatformsPopUpContainer
{
	position: fixed;
	z-index: 1000;
}



/* input styles */
input,
select,
textarea,
.dropdown
{
	font-family: PortalTextRegular, Arial, Helvetica, sans-serif;
	font-size: var(--font-size-input) !important;
	background-color: var(--color-primary-background);
	border: solid 1px var(--color-primary);
}



input[type=radio].CustomRadio
{
	display: none;
}

input[type="radio"].CustomRadio + label span
{
	display: inline-block;
	width: 22px;
	height: 22px;
	padding-right: 5px;
	vertical-align: middle;
	background: url() left top no-repeat;
	background-image: url(/emm/UI/Images/verizonmdm_icons/icon_radialOff.png);
	cursor: pointer;
}

input[type="radio"].CustomRadio:checked + label span
{
	background: url();
	background-image: url(/emm/UI/Images/verizonmdm_icons/icon_radialOn.png);
}







/* Validation */
.div-validation-error
{
	color: var(--color-field-validation-error-message);
}

.field-validation-valid
{
	display: none;
}

.field-validation-error
{
	display: block;
	padding: 10px 0px 10px 0px;
	color: #FFCAAA;
	font-family: PortalTextBold;
}
.field-validation-error::before
{
	display: inline-block;
	float: left;
	padding-right: 8px;
	font-family: "Font Awesome 6 Pro";
	font-style: normal;
	content: "\f071";
	font-weight: 400;
}

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error
{
	background-color: var(--color-field-validation-error-input-background);
	border-color: var(--color-field-validation-error-input-background-highlight) !important;
}
input.input-validation-error:hover,
textarea.input-validation-error:hover,
select.input-validation-error:hover
{
	border-color: var(--color-field-validation-error-input-background-highlight) !important;
}


.validation-summary-errors
{
	font-family: PortalTextBold;
	color: var(--color-warning-text);
}

.validation-summary-valid
{
	display: none;
}









/* List object */
.ListObject
{

}
.ListObject .Item .Button
{
	/* button in header */
	padding-left: 20px !important;
}
.ListObject .List .Item .Button
{
	/* buttons in list */
	float: right;
	margin-top: -5px;
	padding-left: 0px !important;
}

.ListObject .Header,
.ListObject .TypeInput
{
	display: inline-block !important;
	float: left;
}
.ListObject .TypeInput input
{

}
.ListObject .List
{
	min-height: 60px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: solid 1px #CCCCCC;
}

.ListObject .List .NoneAvailable
{
	margin: 0px 0px 0px 0px !important;
	font-style: italic;
}
/* STANDARD LAYOUT FILE FOR ALL BROWSERS */

html, body
{
	min-height: 100%;
	height: 100%; 
}

body
{
    margin: 0px 0px 0px 0px;
	padding: 0px;
	min-width: 1300px;
}

body.MobileView
{
	min-width: unset !important;
}


#Container
{
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	

	/* will be "on top", if browser supports it 
		background-image: linear-gradient(#ebebeb, #FFFFFF);
	*/
}



body footer
{
	display: none; /* will be positioned and shown via jquery */
	width: 100%;
	min-height: 30px;
	padding: 12px 0px 0px 0px;
	margin-top: 0px;
	font-size: 0.8rem;
}
body footer .Links
{
	float: left;
	text-align: left;
	padding: 0px 10px 0px 10px;
}
body footer .Links a
{
	text-decoration: underline;

	font-size: 0.8rem;
}
body footer .Links a:hover
{

}
body footer .Message
{
	float: right;
	padding: 0px 10px 0px 10px;
}


.Clickable
{
	cursor: pointer !important;
}

.Pointable
{
	cursor: default !important;
}







/* Fix for flickering Google Charts */
svg > g > g:last-child,
.google-visualization-tooltip
{ 
	pointer-events: none; 
}



/* buttons in jquery modal dialogs*/
button[type=button].Disabled
{
	background-color: var(--color-disabled-background) !important;
	border-color: var(--color-disabled-text-border) !important;
	color: var(--color-disabled-text) !important;
	box-shadow: none !important;
	cursor: default !important;
}


/* Buttons in page content */
.ProvisionActionButtons
{
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: right;
}

.ProvisionActionButtons a:last-child
{
	margin-right: 0px !important;
}

.ProvisionActionButtons label
{
	padding-left: 5px;
}







/* columns */
.LeftColumn
{
	display: block;
	width: 100%;
	min-width: 650px;
	padding: 0px 0px 100px 0px;
}
.LeftColumn section
{
	padding: 0px 20px 0px 20px;
}
.RightColumn
{
	position: relative;
	display: table-cell;
	min-height: 100%;
	height: 100%; 
	width: 28%;
	padding: 0px 10px 10px 15px;
	margin: 0px 0px 0px 0px;
	border-right: solid 0px transparent;
	border-bottom: solid 0px transparent;

	background-color: var(--color-secondary-background);
}



.ui-tabs-panel .LeftColumn section
{
	padding: 0px !important;
}


/* Items hidden from VerizonMDM theme */
.HiddenForVerizonMDM
{
	display: none !important;
}
	

/* Provision and List pages */
.FullWidth
{
	width: 100% !important;
}

div.Provision,
div.ProvisionList 
{
	min-height: 100%;
	height: 100%;
	width: 100%;
	padding-bottom: 60px;
}

div.Provision section.List,
div.ProvisionList section.List
{
	padding-right: 20px;
	padding-left: 20px;
}



/* A section header holding an open action menu is lifted above everything the menu can overlap.  The z-index
   below makes every one of these headers its own stacking context, so an absolutely positioned dropdown inside
   one cannot paint above later content no matter how high its own z-index is - the header's z-index is what
   gets compared, not the menu's.  10 clears both the sibling headers (which tie on z-index 1 and are then
   drawn in document order) and the expanded search filter panel, which is absolutely positioned at z-index 5
   in the root stacking context (see .SearchPanel .FilterOptions in search_panel.css) and otherwise covers the
   open menu on every list page.  Keep this above .ActionButtonContainer .ActionItems in buttons.css and above
   the filter panel; it stays below .FilterPopupDialog (25) and the dialogs.  The class is applied by
   fn.InitializeActionButtonEvents while a menu is open.  The bare header selector covers action buttons in
   headers that carry no z-index of their own - without a lift those tie with the filter panel and lose on
   document order when the header comes first. */
header.ActionMenuOpen,
div.Provision header.ActionMenuOpen,
div.ProvisionList header.ActionMenuOpen
{
	z-index: 10;
}

div.Provision header,
div.ProvisionList header
{
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 1;

	padding: 20px 20px 10px 20px;
	margin: 0px 0px 0px 0px; /* spacing for nav buttons */
	min-height: 80px;
}

div.Provision header .NavigationButtons,
div.ProvisionList header .NavigationButtons
{
	display: flex;
}

div.Provision header .NavigationButtons .ActionButtonContainer ,
div.ProvisionList header .NavigationButtons .ActionButtonContainer 
{
	margin-left: 30px;
}

div.Provision header .PageTitle,
div.ProvisionList header .PageTitle
{
	margin: 0px 0px 10px 0px !important;
}

div.Provision header .TitleBar,
div.ProvisionList header .TitleBar
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

div.Provision header .TitleBar .PageTitle,
div.ProvisionList header .TitleBar .PageTitle
{
	flex: 1;
	min-width: 0;
	max-width: none;
	margin-bottom: 20px !important;
}

div.Provision header .TitleBar .NavigationButtons,
div.ProvisionList header .TitleBar .NavigationButtons
{
	position: static;
	flex-shrink: 0;
}

/* hide header info in tab contents (for partial views) */
.ui-tabs-panel header
{ 
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	height: 0px !important;
	background-color: transparent !important;
	border-color: transparent !important;
	min-height: 0px !important;
}
.ui-tabs-panel header .PageTitle, .ui-tabs-panel header .PageDescription
{ 
	display: none;
}

.ui-tabs-panel header .NavigationButtons
{ 
	position: absolute !important;
	top: 0px !important;
	right: 0px !important;
	margin: -50px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	visibility: visible;
	z-index: 5 !important;
	width: 500px !important;
	text-align: right !important;
}
.ui-tabs-panel header .NavigationButtons a
{ 
	margin: 0px 0px 0px 20px !important;
}
.ui-tabs
{
	position: unset;
}

div.Provision .ui-tabs-horizontal-header,
div.ProvisionList .ui-tabs-horizontal-header
{
	/* margin-top: -35px !important;*/
}

.Assignments header
{
	border-width: 0px !important;
	padding: 0px !important;
}

div.Provision header .Title,
div.ProvisionList header .Title,
.Assignments header .Title
{
	margin: 0px 0px 10px 0px;
}




.Assignments header .NavigationButtons 
{
	float: right;
	margin-top: -20px;
}

div.Provision header .NavigationButtons .IconButton,
div.ProvisionList header .NavigationButtons .IconButton,
.Assignments header .NavigationButtons .IconButton,
div.ProvisionList header .FilterButton .IconButton
{
	min-width: 25px;
	min-height: 25px;
	margin: 10px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
	font-size: var(--font-size-icon-button);
}
div.Provision header .NavigationButtons .IconButton:last-child,
div.ProvisionList header .NavigationButtons .IconButton:last-child,
.Assignments header .NavigationButtons .IconButton:last-child,
div.ProvisionList header .FilterButton .IconButton:last-child
{
	margin-right: 0px !important;
}
div.Provision header .NavigationButtons .VerizonMdmButton,
div.ProvisionList header .NavigationButtons .VerizonMdmButton,
.Assignments header .NavigationButtons .VerizonMdmButton,
div.ProvisionList header .FilterButton .VerizonMdmButton
{
	margin-bottom: 40px;
}
div.Provision header .NavigationButtons a.IconButton:link,
div.ProvisionList header .NavigationButtons a.IconButton:link,
.Assignments header .NavigationButtons a.IconButton:link,
div.Provision header .NavigationButtons a.IconButton:visited,
div.ProvisionList header .NavigationButtons a.IconButton:visited,
.Assignments header .NavigationButtons a.IconButton:visited,
div.Provision header .NavigationButtons a.IconButton:active
div.ProvisionList header .NavigationButtons a.IconButton:active
.Assignments header .NavigationButtons a.IconButton:active
{

}
.Assignments header .NavigationButtons .IconButton
{
	margin: 0px 0px 0px 10px !important;
}


div.Provision header .Summary {
}

div.Provision .Details
{
	
}

div.Provision .SubTitle
{
	margin: 30px 0px 10px 0px;

}
	

div.ProvisionList .Details
{
	
}
div.ProvisionList .List .IconButton
{
	width: 20px;
	height: 20px;
	font-size: var(--font-size-icon-button);
}
div.ProvisionList .ColAssignButton
{
	text-align: right;
}

.PageDescription
{
	width: 60%;
	font-size: var(--font-size-primary);
	margin-bottom: 30px;
}







.HeaderProperties
{
	margin-bottom: 20px;
}
.HeaderProperties .Column
{
	margin-right: 70px;
	display: inline-block;
	vertical-align: top;
}
.HeaderProperties.LastSychronizationTime
{
	text-align: right;
}
.HeaderProperties.DeviceIcons,
.HeaderProperties.LastSychronizationTime
{
	position: absolute;
	right: 20px;
	top: 20px;
}

.HeaderProperties .HeaderProperty
{
	padding-bottom: 14px;
}
.HeaderProperties .HeaderProperty .Label
{
	display: inline-block;
	width: auto;
	color: var(--color-primary-text);
	font-family: PortalTextBold !important;
	font-size: var(--font-size-compact);
	text-transform: uppercase;
	padding-right: 15px;
	padding-bottom: 4px;
}
.HeaderProperties .Label::after 
{

}
.HeaderProperties .Value 
{
	display: inline-block;
	font-family: PortalTextRegular !important;
	font-size: var(--font-size-compact);
}
.HeaderProperties .StatusIcon
{
	padding-right: 5px;
}
.HeaderProperties .HeaderProperty .Button
{
	float: right;
	margin-top: 5px;
}


.HeaderProperties .HeaderProperty.Selectable
{
	cursor: pointer;
}
.HeaderProperties .HeaderProperty.Selected,
.HeaderProperties .HeaderProperty.Selectable:hover
{
	border-right: solid 3px var(--color-primary-text);
}


.HeaderProperties.Indent .HeaderProperty
{
	margin-left: 40px;
}

.HeaderProperty.DevicePlatforms .Label::after 
{
	content: "";
}
.HeaderProperty.DevicePlatforms .Value
{
	display: block;
	padding-top: 10px;
}






/* Group Assignments */

.Assignments table
{
	width: 100%;
}
.Assignments table th
{
	padding-bottom: 10px;
}
.Assignments table td
{
	padding-bottom: 6px;
}
.Assignments table td.DeleteButton
{
	padding-right: 20px;
}

#GroupAssignmentDialog
{

}

#GroupAssignmentSpinner
{
    margin-top: 100px;
}






/* List selections */
.ListSelection .editor-label,
.ListSelection .Field .Label
{
	padding-top: 5px;
}
.ListSelection .IconButton
{
	float: right;
	margin-left: 15px;
	margin-top: -6px;
}
.ListSelection .IconButton i
{
	font-size: var(--font-size-icon-button);
}
.ListSelection hr
{
	margin: 15px 60% 20px 0px;
}
.ListSelection .AssignedItem
{
	margin-bottom: 10px;
}
.ListSelection .AssignedItem .IconButton
{
	display: inline-block;
	margin-left: 10px;
}
.ListSelection .AssignedItem span
{
	display: inline-block;
}






/* search result navigation */



/* all tabs */
.ui-tabs-nav li
{
	font-size: 8pt;
}


/* horizontal header tabs */
.ui-tabs-horizontal-header
{
	padding: 0px !important;
	border-width: 0px !important;
	background-color: transparent !important;
	background-image: none !important;
}
.ui-tabs-horizontal-header .ui-tabs-nav
{
	position: absolute;
	display: inline;
	margin-top: -35px;
	padding: 0px 0px 0px 40px !important;
	border-width: 0px !important;
	text-align: left;
	background-color: transparent !important;
	background-image: none !important;
	height: 26px !important;
}
.ui-tabs-horizontal-header .ui-tabs-nav li
{
	float: none !important;
    display: inline-block;
	margin: 1px 0px 0px -4px !important;
	padding-bottom: 10px !important;
	border-bottom: solid .5px var(--color-element-border) !important;
	border-top-width: 0px !important;
	border-left-width: 0px !important;
	border-right-width: 0px !important;
	border-radius: 0px;
	outline: none !important;
	font-weight: normal;
	color: var(--color-heading-secondary-text) !important;
	font-family: PortalLargeTextBold !important;
	font-size: 0.8rem !important;
	text-transform: uppercase;

	background-color: transparent;
	background-image: none;
}
.ui-tabs-horizontal-header .ui-tabs-nav li:first-child
{
	border-top-left-radius: 0px !important;
}
.ui-tabs-horizontal-header .ui-tabs-nav li:last-child
{
	border-top-right-radius: 0px !important;
}
.ui-tabs-horizontal-header .ui-tabs-nav li a
{
	padding: 5px 15px 6px 15px !important;
	color: var(--color-disabled-text);
}
.ui-tabs-horizontal-header .ui-tabs-nav li a:hover
{
	padding: 5px 15px 6px 15px !important;
	color: var(--color-primary-text);
	background-color: transparent;
}
.ui-tabs-horizontal-header .ui-tabs-nav li:hover
{
	border-color: var(--color-primary-text) !important;
}
.ui-tabs-horizontal-header .ui-tabs-nav li.ui-tabs-active 
{
	margin-bottom: 0px !important;
	border-color: var(--color-primary-text) !important;
}
.ui-tabs-horizontal-header .ui-tabs-nav li.ui-tabs-active a
{
	color: var(--color-primary-text) !important;
	background-image: none;
	cursor: default !important;
}


.ui-tabs-horizontal-header .ui-tabs-panel
{
	padding: 10px 0px 30px 0px !important;
}






/* Accordions */
.ui-accordion
{
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	background-color: var(--color-primary-background);
	background-image: none !important;
}

.ui-accordion .ui-accordion-header
{
	margin: 0px 0px 0px 0px !important;
	font-family: PortalLargeTextRegular;
	font-size: var(--font-size-sub-heading) !important;
	font-weight: normal;
	color: var(--color-heading-text);
	outline: none !important;
	border-width: 0px !important;
	padding: 20px 0px 20px 0px !important;
	background-color: var(--color-primary-background) !important;
	background-image: none !important;
	cursor: pointer !important;
}

.ui-accordion-header .Circle
{
	padding-right: 15px;
	font-size: 14px !important;
}

.ui-accordion .ui-accordion-header-icon
{
	float: right;
}

.ui-accordion .ui-icon-triangle-1-s
{
	background-position: 0 0 !important;
	background-image: url(/emm/UI/Images/verizonmdm_icons/icon_menuExpanded.png) !important;
}

.ui-accordion .ui-icon-triangle-1-e
{
	background-position: 0 0 !important;
	background-image: url(/emm/UI/Images/verizonmdm_icons/icon_menuCollapsed.png) !important;
}

.ui-accordion .ui-widget-content
{
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 20px 0px !important;
	background-color: var(--color-primary-background);
	background-image: none !important;
	border-width: 0px;
	border-bottom: 1px solid var(--color-element-border) !important;
}

.ui-accordion .ui-state-hover
{
	background-color: transparent;
	background: none !important;
	border-width: 0px !important;
}

.ui-accordion .ui-state-default
{
	background-color: transparent;
	background-image: none !important;
}

.ui-accordion, .ui-accordion .ui-state-active
{
	background-color: var(--color-primary-background) !important;
	background-image: none !important;
	border-top: 0px solid var(--color-element-border) !important;
}

.ui-accordion .ui-state-default[aria-expanded=false]
{
	border-bottom: 1px solid var(--color-element-border) !important;
}




/* all spinners */
.spinner
{
	z-index: 200 !important;
}

#reportcharts .spinner
{
	z-index: 200 !important;
    position: relative !important;
    left: 50% !important;
    top: 50% !important;
}
.HeaderCharts .Chart .spinner
{
	margin-top: 100px;
	margin-left: 150px;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
}

#reportcharts .DataTableChart .spinner
{
    top: 150px !important;
}



/* tab loading spinner */
.LoadingTab .spinner
{
	display: block !important;
	margin: 160px auto 0px auto !important;
}



/* all dialogs -- hide X */
.ui-dialog-titlebar-close 
{
	visibility: hidden;
}
.ui-widget-header
{
	font-weight: normal !important;
}



/* global authentication dialog */
.GenericDialogForm
{
	padding-top: 20px;
}
.GenericDialogForm .Message
{
	margin-bottom: 40px;
	margin-top: 15px;
	font-weight: normal;
	font-size: 1.1em;
}
.GenericDialogForm .Message li
{
	padding-bottom: 15px;
}
.GenericDialogForm input
{
	width: 100%;
}
.GenericDialogForm div.Field
{
	margin-bottom: 15px;
}
.GenericDialogForm div.Field input[type=checkbox]
{
	margin-right: 10px;
}
.GenericDialogForm div.Label
{
	display: inline-block;
	width: 100px !important;
}
.GenericDialogForm div.Control
{
	display: inline-block;
	width: 240px !important;
}



/* Group Assignment Dialog */
.AssignToGroupDialog
{
	width: 100% !important;
}
.AssignToGroupDialog .Message
{
	margin-bottom: 40px;
}



/* No items message */
div.NoItemsAvailable
{
	display: block;
	text-align: center;
	margin: 60px 0px 20px 0px;
	font-family: PortalTextBold;
	font-size: 12pt;
}
div.NoItemsAvailable p
{
	margin-bottom: 50px;
}

#NoPoliciesMatchedMessage
{
	text-align: left !important;
}



/* JQuery UI tweaks */
.ui-widget-overlay
{
	background: rgba(0, 0, 0, 0.60) !important;
	opacity: unset;
	backdrop-filter: blur(2px) !important;
}

/* Used for loading dialog */
.ui-widget-overlay.LoadingModal
{
	opacity: .95 !important;
	filter: Alpha(Opacity=95) !important;


	background: var(--color-primary-background) !important;
}


/* style generic modal dialog (used for policy assignments) */
.ui-dialog.GenericModalDialog
{
	padding: 0px 0px 0px 0px !important;
}

.ui-dialog.GenericModalDialog .ui-dialog-titlebar
{
	display: none;
}




/* General Loading Dialog */
.LoadingDialog
{
	border-radius: 0px !important;
	box-shadow: none !important;
	border-width: 0px !important;
	background-color: transparent !important;
}
.LoadingDialog .ui-dialog-titlebar
{
	display: none;
}
.LoadingDialog .Spinner
{
	width: 0px;
	margin: 100px auto 0px auto;
}
.LoadingDialog .Message
{
	display: none;
	margin-top: 200px;
	font-weight: normal;
	font-size: var(--font-size-heading);
	text-align: center;
	color: var(--color-primary-text);
}



/* Dialog for MobileView */
body.MobileView .ui-dialog
{
	width: 70% !important;
    left: 0px !important;
    top: 0px !important;
    margin: 50px 5% 0px 5% !important;
}
body.MobileView .ui-dialog .ui-dialog-content
{
	min-height: 60% !important;
}
body.MobileView .ui-dialog .Message
{

}
body.MobileView .ui-dialog button
{

}


/* List ranking with DataTables */
.RankableList thead tr th:first-child,
.RankableList tbody tr td:first-child
{
    display: none;
}

table.Rankable td:hover
{
	cursor: move;
}
.List .RankingMessage
{
	display: block;
	margin-bottom: 30px;
}





/* Assign Items list control */
.AssignItemListControl .AddItem
{
	margin-bottom: 20px !important;
}

.AssignItemListControl .Item
{
	margin-bottom: 15px;
}

.AssignItemListControl .Item .Button
{
	display: inline-block;
	padding-right: 15px;
}

.AssignItemListControl .Item .Value
{
	display: inline-block;
}

.AssignItemListControl .NoneAvailable
{
	margin-left: 42px;
}

.AssignItemListControl > span.Control > div.Item > div.Input,
.AssignItemListControl > span.Control > div.Item > div.Header,
.AssignItemListControl > span.Control > div.Item > div.Header > div.Column,
.AssignItemListControl > span.Control > div.List > div.Body > div.Item > div.Button,
.AssignItemListControl > span.Control > div.List > div.Body > div.Item > div.Output,
.AssignItemListControl > span.Control > div.List > div.Body > div.Item > div.Output > div
{
    display: inline-block;
}

.AssignItemListControl > span.Control > div.Item > div.Header div.Column > div,
.AssignItemListControl > span.Control > div.List > div.Body > div.Item > div.Output > div > span,
.AssignItemListControl > span.Control > div.List > div.Body > div.Item > div.Output > div > input,
.AssignItemListControl > span.Control > div.List > div.Body > div.Item > div.Output > div > select
{
    margin-right: 15px;
    width: 120px !important;
}

/* New List control object (located in WindowsDesktopPolicy item view, the javascript can be moved to common.js) */
div.ListControl div.Button
{
	float: right;
    padding-right: 15px;
}

div.ListControl div.Input
{
    padding-right: 50px;
}

div.ListControl div.InputContainer
{
    margin-bottom: 25px;
}

div.ListControl div.NoInputContainer
{
    margin-bottom: 25px;
    padding-bottom: 16px;
}

div.ListControl div.OutputContainer
{
}

div.ListControl div.NoOutputContainer
{
    padding-top: 7px;
}

div.ListControl div.OutputContainer > div.OutputItem
{
    margin-bottom: 5px;
}

div.ListControl div.InputContainer > div.Button,
div.ListControl div.InputContainer > div.Input,
div.ListControl div.OutputContainer > div.OutputItem > div
{
    display: inline-block;
}

div.ListControl div.OutputHeader span,
div.ListControl div.InputHeader span
{
    font-family: PortalTextBold;
    display: inline-block;
    margin-bottom: 15px;
}

/* ListControl2 (in ListControl.cshtml) */
.ListControl2 {
	width: 320px;
}

.ListControl2 .Hidden {
	display: none !important;
}

.ListControl2 .InputContainer {
	margin: 0 0 25px 0;
}

.ListControl2 .InputContainer .Button {
	float: right;
}

.ListControl2 .InputContainer .Input {
	margin: 10px 0 0 0;
}

.ListControl2 .InputContainer .Input > div {
	display: inline-flex;
}

.ListControl2 .InputContainer .Input select {
	margin: 0 0 0 0;
}

.ListControl2 .NoInputContainer {
	margin: 0 0 25px 0;
}

.ListControl2 .OutputContainer .Button {
	float: right;
}

.ListControl2 .OutputContainer .Output {
	margin: 5px 0 0 0;
}

.ListControl2 .OutputContainer .Output > div {
	display: inline-flex;
}

.ListControl2 .OutputContainer .Output .Item a {
	padding: 7px 0 7px 0;
}


/* Sorted Datatables */
table.SortedDataTable
{
	width: 100% !important;
}
table.SortedDataTable span.SortIcons
{
	padding-right: 3px;
	cursor: pointer !important;
}
table.SortedDataTable span.Label
{
	cursor: pointer !important;
}



/* IconButton drop down lists */
.IconButtonDropDownList
{
	display: inline-block;
	margin-bottom: 20px;
	padding-top: 2px;
}
.IconButtonDropDownList a:first-child
{
	position: relative;
}

.IconButtonDropDownList ul
{
	display: none;
	position: absolute;
	left: -60px;
	margin: 0px 0px 0px 0px;
	padding: 15px;
	width: 200px;
	z-index: 10 !important;
}

.IconButtonDropDownList ul li
{
	margin: 0px;
	padding: 5px 0px 5px 0px;
	text-align: right;
	list-style-type: none;
}
.IconButtonDropDownList ul li a
{
	display: inline-block !important;
	width: auto !important;
	padding: 5px;
}
.IconButtonDropDownList ul li a i
{
	float: right;
	padding-left: 20px;
}
.IconButtonDropDownList ul li a span
{
	padding-left: 0px;
	font-size: 9pt !important;
}

.IconButtonDropDownList:hover ul
{
	display: block;
	background-color: var(--color-primary-background);
    border: solid var(--color-element-border) 1px;
}



/* Token Replacement Field */
a.TokenReplacementIcon
{
    position: absolute;
    margin: -5px 0 0 5px;
}
div.TokenReplacementList, span.TokenReplacementList
{
	position: absolute;
	display: block;
	z-index: 10;
}

select.TokenListSelect
{
    margin-top: 1px;
}


/* Popup dialog for adding new geofence lists */
.GeofencePopupDialog .Field .Label
{
	padding-bottom: 10px;
}





/* Provision Created Dialogs */
.DialogResult .SuccessIcon,
.DialogResult .FailureIcon
{
	display: block;
	margin: 20px auto 30px auto;
}
.DialogResult .Message
{
	font-weight: normal;
	text-align: center;
}
.DialogResult .ui-dialog-buttonpane
{
	text-align: center !important;
}




.Steps
{
	text-align: center;
}
.Steps .Step
{
	display: inline-block;
	vertical-align: top;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 40px;
	padding: 10px;
	width: 250px;
	min-height: 300px;
	border: solid 1px var(--color-element-border);
	border-radius: 1rem;
}
.Steps .Step:last-child
{
	margin-right: 0px !important;
}
.Steps .Step .Title
{
	margin: 20px 0px 30px 0px;
}
.Steps .Step .SubTitle
{
	font-size: 1.2em;
	margin: 0px 0px 20px 0px;
}
.Steps .Step .Title.Numbered i.Circle
{
	font-size: 60px;
	color: var(--color-primary-text);
}
.Steps .Step .Title.Numbered .Number
{
	position: absolute;
	margin: 15px 0px 0px -38px;
	font-family: PortalLargeTextRegular !important;
	font-size: 30px;
	color: var(--color-primary-background);
}
.Steps .Step ul
{
	text-align: left;
}
.Steps .Step ul li
{
	padding-bottom: 10px;
}
.Steps .Step input[type=file]
{
	width: 70%;
}

.Steps .Step .Label
{
	padding-bottom: 10px;
}
.Steps .Step .Control
{
	padding-bottom: 20px;
}

.Steps .Step .Control input
{
	width: auto !important;
}

#PurposedDeviceBitmaskValueCheckBoxes .CheckBoxField,
#WindowsMDMEditionCheckBoxes .CheckBoxField,
#AppleDeviceBitmaskValueCheckBoxes .CheckBoxField,
#RequiredBillingSkusBitmaskCheckBoxes .CheckBoxField
{
	display: block;
	margin-top: 5px;
}

#PurposedDeviceBitmaskValueCheckBoxes .CheckBoxField input,
#WindowsMDMEditionCheckBoxes .CheckBoxField input,
#AppleDeviceBitmaskValueCheckBoxes .CheckBoxField input,
#RequiredBillingSkusBitmaskCheckBoxes .CheckBoxField input
{
	width: auto;
}


#DialogAuthenticateCredentials .UserIDConfirmation .Field .Label
{
	width: 100px;
}

/* geofence pop up windows */
.GeofencePopupContainer
{
	width: 200px;
	padding-bottom: 30px;
}

.GeofencePopupContainer i 
{

}

.GeofencePopupContainer .Title
{
	font-size: var(--font-size-sub-heading);
	margin-bottom: 10px;
}

.GeofencePopupContainer .Latitude,
.GeofencePopupContainer .Longitude,
.GeofencePopupContainer .Address,
.GeofencePopupContainer .GeofenceName
{
	margin-bottom: 5px;
}
.GeofencePopupContainer .SliderInput
{
	width: 90%;
}
.GeofencePopupContainer .Radius input
{
	width: 80px;
	padding: 5px 5px 5px 5px !important;
	margin-right: 5px;
}
.GeofencePopupContainer .ZoomInLink
{
	float: left;
	margin-bottom: 5px;
}
.GeofencePopupContainer .DeleteMarkerButton
{
	float: right;
}


/*the container must be positioned relative:*/
.autocomplete 
{
	position: relative;
	display: inline-block;
}

.autocomplete-items
{
	/*position: absolute;*/
	border: 1px solid var(--color-element-border);
	border-bottom: none;
	border-top: none;
	z-index: 99;
	/*position the autocomplete items to be the same width as the container:*/
	top: 100%;
	left: 0;
	right: 0;
}

.autocomplete-items div 
{
	padding: 10px;
	cursor: pointer;
	background-color: var(--color-primary-background);
	border-bottom: 1px solid var(--color-element-border);
}

.autocomplete-items div:hover 
{
	/*when hovering an item:*/
	background-color: var(--color-element-mouseover-highlight);
}

.autocomplete-active
{
	/*when navigating through the items using the arrow keys:*/
	background-color: var(--color-element-mouseover-highlight) !important;
}





#Login.MobileView .Message,
#Login.MobileView .Label
{
	font-size: 18px;
}

#Login.MobileView .Title
{
}

#Login.MobileView #EnrollmentCodeLink,
#Login.MobileView #BackToLoginLink
{
	font-size: 16px;
}


#Login.MobileView .Message
{
	margin-bottom: 50px;
}

#Login.MobileView .Field,
#Login .Field.VerificationCodes /* always show mobile view for verification code inputs */
{
	width: 100% !important;
	margin-bottom: 50px !important;
}

#Login.MobileView .Label,
#Login.MobileView .Control
{
	display: block !important;
	width: 100% !important;
}

#Login.MobileView .Label
{
	margin-bottom: 10px !important;
}

#Login.MobileView .Field input
{
	width: 80% !important;
	padding: 12px 10px 12px 10px !important;
	font-size: 18px;
}





body header#Header
{
	margin: 0px 0px 0px 0px;
	background-color: var(--navigation-background-color);
	border-bottom: solid 0px var(--color-element-border);
}

body.VerticalNavigation header#Header
{
	background-color: transparent;
}


.NavigationMenuScrolled
{
	position: fixed !important;
	top: 0px !important;
}
.NavigationMenuScrolledWithManagement
{
	position: fixed !important;
	top: 20px !important;
	box-shadow: 0px 3px 3px var(--color-element-border);
}




.NavigationContainer
{
	display: flex;
	z-index: 100 !important;

	/* off set for logo space */
	margin-left: var(--header-logo-width);

	padding: 0px 0px 0px 0px;
	top: 0px;
	text-align: left;
	min-width: 280px !important;
	height: var(--navigation-menu-height, 60px);
	
	background-color: var(--navigation-background-color);
	border-top: solid 0px none;
	border-bottom: solid 0px none;
}

/* set background color on overlapping icon */
.NavigationContainer i.Nav-Devices:after
{
	background-color: var(--navigation-background-color);
}
.NavigationContainer .Topic.TopicSelected i.Nav-Devices:after
{
	background-color: var(--color-primary-background);
}


/* display primary and secondary next to each other for horizontal layout */
.NavigationPrimary
{
	flex: 0 0 auto; /* shrinks/grows to fit its own content */
}

.NavigationSecondary
{
	flex: 1 1 auto; /* takes up all remaining space */
}


.NavigationContainer .Topics
{
	height: var(--navigation-menu-height, 60px);
}

.NavigationContainer a.HeadingLink
{
	font-weight: normal !important;
	text-decoration: none !important;
}
.NavigationContainer .Topics
{
	display: block;
	padding-left: 0px;
}
.NavigationContainer .Topics .Topic
{
	display: inline-block;
	margin: 0px;
	padding: 18px 12px 20px 12px;
	
	cursor: default;
	border-top: solid 0px transparent;
	border-left: solid 0px transparent;
	border-right: solid 0px transparent;
	background-color: Transparent;
	color: var(--navigation-color-primary-text) !important;
	
	font-family: PortalLargeTextBold !important;
	font-size: var(--navigation-font-size-heading) !important;
}

/* slight adjustment to align NavigationSecondary verticaly */
body:not(.VerticalNavigation) .NavigationContainer .NavigationSecondary .Topics
{
	margin-top: -4px;
}


.NavigationContainer .Topics .Topic.Disabled
{
	opacity: .3;
}

.NavigationContainer .Topics a.UserInfo
{
	float: right;
	right: 0;
	display: inline-block;
	margin-left: 0px !important;
	margin-right: 20px !important;
	border-left: solid 0px transparent;
	border-right: solid 0px transparent;
	text-align: right;
}
.NavigationContainer .Topics a.UserInfo .UserCompanyName
{
	display: block;
	padding-bottom: 5px;
	font-family: PortalTextBold !important;
	color: var(--color-heading-secondary-text) !important;
	font-size: 0.6rem;
	text-transform: uppercase;
}
.NavigationContainer .Topics .Topic.UserInfo
{
	padding: 0px 0px 20px 0px;
	font-size: 14px !important;
}
.NavigationContainer .Topics div.UserInfo.TopicSelected
{
	margin-bottom: -2px;
}
.NavigationContainer .Topics .TopicSelected,
.NavigationContainer .Topics .Topic:hover,
.NavigationContainer .Topics .Topic.HelpButton:hover
{
	margin-bottom: 0px !important;
	cursor: pointer !important;
	border-bottom: solid 0px none !important;
	background-color: transparent;
	color: var(--navigation-color-hyperlink-text-highlight) !important;
}
.NavigationContainer .Topics .TopicSelected.Disabled
{
	color: var(--color-disabled-text) !important;
	border-bottom-color: transparent !important;
	opacity: .3;
}

.NavigationContainer .Topics .TopicSelected:not(.UserInfo):nth-child(3), /* this works for one item */
.NavigationContainer .Topics .TopicSelected:not(.UserInfo):nth-child(2)  /* this works for many items */
{
	/* I'm not sure why :first-child is not working */
	margin-left: 0px;
	padding-right: 12px;
}


.NavigationContainer .RecentHistoryHeading .Topic
{
	visibility: hidden; /* hidden by default, shown in javascript based on user role */
	padding: 10px 15px 20px 15px !important;
	margin-left: -3px !important;
}
.NavigationContainer .RecentHistoryHeading .Topic i
{
	font-size: 13px;
}
.NavigationContainer .RecentHistorySubGroup
{
	min-width: 250px !important;
}

/* hide company and user name in horizontal layout in selected sub group (will be shown as selected heading) */
body:not(.VerticalNavigation) .NavigationContainer .SubGroupSelected .SubGroupContent .UserCompanyName,
body:not(.VerticalNavigation) .NavigationContainer .SubGroupSelected .SubGroupContent .UserDisplayName
{
	display: none;
}



.NavigationContainer .SubGroups
{
	
}
.NavigationContainer .SubGroup
{
	display: none;
}
.NavigationContainer .SubGroup .SubGroupContent
{
	text-align: center;
}

/* align left when screen is big */
@media (min-width: 1600px) 
{
  .NavigationContainer .SubGroup .SubGroupContent
  {
	  text-align: left;
  }

}

.NavigationContainer .SubGroupSelected
{
	position: absolute;
	left: 0;
	display: block !important;

	margin-left: 0;

	z-index: 100 !important;
	min-height: 120px;
	padding: 20px 0px 20px 0px;
	width: 100%;
	
	background-color: var(--navigation-background-color);
	border-bottom: .5px solid var(--color-highlight);
    box-shadow: 0 12px 18px rgba(0,0,0,0.1);
}
.NavigationContainer .SubGroups .UserInfo
{
	right: 0px;
	left: unset;
	width: auto;
	padding-top: 10px !important;
	padding-right: 10px;
	min-width: 240px !important;
	min-height: 60px !important;
	text-align: right;
}
.NavigationContainer .SubGroups .UserInfo .Title
{
	/* hide title here, we are showing it above */
	display: none;
}
.NavigationContainer .SubGroups .UserInfo .Description
{
	max-width: none !important;
}
.NavigationContainer .SubGroups .UserInfo .Column
{
	width: 95%;
	margin-right: 0px !important;
	margin-left: 0px !important;
	padding-right: 36px;
	display: block !important;
	text-align: right;
}


/* help menu: UserGuide search and links, Request Help */
.NavigationContainer .SubGroups .HelpSubGroup
{
	right: 0px;
	left: unset;
	width: 300px;
	min-height: 0px;
	padding: 15px 20px 10px 20px;
}
.NavigationContainer .SubGroups .HelpSubGroup .SubGroupContent
{
	text-align: left;
}
/* search button joined to the right edge of the input, as in the UserGuide search form */
.NavigationContainer .HelpMenuSearch
{
	display: flex;
	align-items: stretch;
	margin-bottom: 30px;
}
.NavigationContainer .HelpMenuSearch input
{
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid var(--color-element-border);
	border-right: none;
	border-radius: 4px 0 0 4px;
	background-color: var(--color-primary-background);
	color: var(--color-primary-text);
}

/* the default focus outline goes around the input and button together */
.NavigationContainer .HelpMenuSearch input:focus
{
	outline: none;
}
.NavigationContainer .HelpMenuSearch:focus-within
{
	border-radius: 4px;
	outline: 1px dashed var(--color-primary-text);
	outline-offset: 2px;
}

.NavigationContainer .HelpMenuSearch .SearchButton
{
	flex: 0 0 auto;
	margin: 0;
	padding: 0px 12px;
	border: 1px solid var(--color-element-border);
	border-left: none;
	border-radius: 0 4px 4px 0;
	background-color: var(--color-primary-background);
	color: var(--navigation-color-hyperlink-text);
	cursor: pointer;
}
.NavigationContainer .HelpMenuSearch .SearchButton:hover,
.NavigationContainer .HelpMenuSearch .SearchButton:focus-visible
{
	color: var(--navigation-color-hyperlink-text-highlight);
}
.NavigationContainer .HelpMenuSeparator
{
	margin: 4px 0px 20px 0px;
	border-top: 1px solid var(--color-element-border);
}


.NavigationContainer .Column
{
	display: inline-block;
	margin: 0px 40px 0px 40px;
	vertical-align: top;
	text-align: left;
}
.NavigationContainer .Category
{
	display: block;
	margin: 0px 0px 20px 0px;
}
.NavigationContainer .Logout
{
	text-align: right;
	padding-right: 15px;
	font-weight: bold;
}


.NavigationContainer .SubGroup .SubGroupContent.ReportList
{
	height: 250px;
	column-fill: auto;
	column-width: 300px;
	padding-bottom: 40px;
}
.NavigationContainer .SubGroup .SubGroupContent.ReportList .ListContainer
{
	height: 200px;
	column-fill: auto;
	column-width: 300px;
}

.NavigationContainer ul
{
	margin: 0px;
	padding: 0px; 
}
.NavigationContainer ul li
{
	list-style-type: none;
	padding: 0px; 
	margin: 8px 0px 8px 0px;
}
.NavigationContainer .Title
{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 4px 0px;
	border-bottom: solid 0px none;
	color: var(--navigation-color-primary-text);
	font-family: PortalLargeTextBold;
	font-size: var(--font-size-sub-heading);
}
.NavigationContainer .Description
{
	max-width: var(--navigation-vertical-full-width);
	margin: 0px 0px 10px 0px;
	color: var(--color-heading-secondary-text);
}
.NavigationContainer a
{
	
}
.NavigationContainer a,
.NavigationContainer a:link,
.NavigationContainer a:active,
.NavigationContainer a:visited
{
	padding-bottom: 10px;
	color: var(--navigation-color-hyperlink-text);
	font-size: var(--font-size-primary);
	text-decoration: none;
}
.NavigationContainer a:hover
{
	color: var(--navigation-color-hyperlink-text-highlight);
	text-decoration: none;
}

.NavigationContainer .RecentCustomers
{
	margin-top: 25px;
}
.NavigationContainer .RecentCustomers .Label
{
	margin-bottom: 10px;
	font-style: italic;
}
.NavigationContainer .RecentCustomers .Item
{
	margin: 5px 0px 5px 0px;
}



/* Manage company banner */
.ManagingCompanyScrolled
{
	
}


#ManagingCompany, #ImpersonatingUser
{
	height: 15px;
	width: 100%;
	padding: 3px 0px 3px 0px;
	text-align: center;
	z-index: 4 !important;
	
	font-style: normal !important;
	font-family: PortalTextBold !important;
	font-size: var(--font-size-primary);
	color: #FFFFFF;
	background-color: #666666;
}
#ImpersonatingUser
{
	padding: 10px !important;
}
#ImpersonatingUser .ManagingLabel
{
	font-size: var(--font-size-sub-heading) !important;
}

#ManagingCompany .ManagingLabel, 
#ImpersonatingUser .ManagingLabel
{
}
#ManagingCompany .StopManaging,
#ImpersonatingUser .StopManaging
{
	position: absolute;
	right: 0;
	padding: 0px 10px 0px 0px;
}
#ManagingCompany .StopManaging a,
#ImpersonatingUser .StopManaging a
{
	float: left;
	display: inline-block;
	margin: -6px 8px 0px 0px;
}
#ManagingCompany .StopManaging .IconButton,
#ImpersonatingUser .StopManaging .IconButton
{
	font-size: 16px;
	color: #FFFFFF !important;
	border: solid 0px transparent;
	border-radius: 0px;
	background-color: transparent;
	text-decoration: none;
}
#ManagingCompany .StopManaging .IconButton:link,
#ManagingCompany .StopManaging .IconButton:visited,
#ManagingCompany .StopManaging .IconButton:active,
#ImpersonatingUser .StopManaging .IconButton:link,
#ImpersonatingUser .StopManaging .IconButton:visited,
#ImpersonatingUser .StopManaging .IconButton:active
{
	color: #FFFFFF;
	text-decoration: none;
}
#ManagingCompany .StopManaging .IconButton:hover,
#ImpersonatingUser .StopManaging .IconButton:hover
{
	color: yellow !important;
	border: solid 0px transparent;
	border-radius: 0px;
	background-color: transparent;
	text-decoration: none;
	cursor: pointer;
}






/* Navigation search and results */

#NavigationSearchDialog .SearchInput
{
	margin-top: 10px;
}
#NavigationSearchDialog .SearchInput input
{
	min-width: 400px;
	margin: 0px 10px 0px 5px;
}

#NavigationSearchDialog #NavigationSearchResults #header,
#NavigationSearchDialog #NavigationSearchResults .SearchPanel
{
	display: none;
}

#NavigationSearchDialog #NavigationSearchResults #DeviceSearchResults .TableListResultHeader
{
	display: none;
}
#NavigationSearchDialog #NavigationSearchResults #DeviceSearchResults
{
	margin-left: 0px !important;
	padding-left: 0px !important;
}
#NavigationSearchDialog #NavigationSearchResults #DeviceSearchResults .DataTableContainer
{
	margin-top: 30px;
}


.NavigationContainer.Mobile
{
	margin-left: 0px !important;
}
.NavigationContainer.Mobile #SelectNavigationLink
{
	float: left;
	width: 250px;
	margin-top: 15px;
	margin-left: 200px;
}



/* hide vertical navigation objects be default */

/* hide images in nav */
.NavigationContainer .CompanyHeaderLogo,
.NavigationContainer .CompanyIcon,
.NavigationContainer .CollapseControl
{
	display: none !important;
}

/* hide icons in nav (except RecentHistory) */
.NavigationContainer .Topic > i:not(.RecentHistory)
{
	display: none;
}

/* hide display name */
header#Header .PortalDisplayName
{
	display: none;
}



/* Vertical navigation STYLES */

/* set display to flex which will allow ManagingCompany to push nav content down when visible */
body.VerticalNavigation #Header
{
	display: flex;
	flex-wrap: wrap;
	min-height: 60px; /* set min height on header */
}

/* postition NavigationContainer to the right (to position NavigationSecondary, NavigationPrimary is fixed) */
body.VerticalNavigation .NavigationContainer
{
	flex: 0 0 auto;
	margin-left: auto; /* pushes it to the right */
}

body.VerticalNavigation #ManagingCompany
{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


/* fix the primary nav to the left edge */
body.VerticalNavigation .NavigationPrimary
{
	position: fixed;
	top: 10px;
	left: 0;
	width: var(--navigation-vertical-full-width);
	height: 100vh;
	display: flex;
	flex-direction: column;
	margin-left: 0px !important;
	min-width: unset !important;
	border-top-right-radius: 1rem;
	padding: 10px 0 10px 10px;
	background-color: var(--navigation-background-color);
}

/* position container and secondary nav items in top right */
body.VerticalNavigation .NavigationSecondary,
body.VerticalNavigation .NavigationContainer
{
	top: 0;
	right: 0;
	width: 600px;
	height: 50px;
	background-color: transparent;
}





body.VerticalNavigation.Collapsed .NavigationPrimary
{
	width: var(--navigation-vertical-collapsed-width);
}

body.VerticalNavigation.Collapsed .NavigationPrimary .Topic .HeadingLabel
{
	display: none; /* hide label when collapsed */
}

/* Company logo */
body.VerticalNavigation .NavigationContainer .CompanyHeaderLogo
{
	position: absolute;
	display: block !important;
    right: 0;
	margin: 0px 15px 0px 0px !important;
}
body.VerticalNavigation.Collapsed .NavigationContainer .CompanyHeaderLogo
{
	display: none !important; /* hide when collapsed */
}


/* Stack topics vertically */
body.VerticalNavigation .NavigationContainer .Topics
{
	display: flex;
	flex-direction: column;
	
	padding-top: 80px;  /* space for company logo */
}

/* Each nav item */
body.VerticalNavigation .NavigationContainer .HeadingLink
{
	display: block;
	padding-bottom: 0px;
	text-decoration: none;
}

body.VerticalNavigation .NavigationContainer .Topic
{
	display: block;
	min-height: 35px;
	color: var(--navigation-color-primary-text) !important;
	font-family: PortalTextRegular !important;
	font-size: var(--navigation-vertical-font-size-heading) !important;
	font-weight: normal !important;
}

body.VerticalNavigation .NavigationContainer .NavigationPrimary .Topic
{
	min-height: 20px;
	padding: 10px 0px 10px 10px !important;
	margin: 10px 0px 10px 0px !important;
	border-left: solid 2px transparent;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

body.VerticalNavigation .NavigationContainer .NavigationPrimary .Topic.TopicSelected
{
	background-color: var(--color-primary-background);
	color: var(--color-primary-text) !important;
	border-left: solid 2px var(--color-highlight);
	margin: 10px 0px 10px 0px !important;
}

body.VerticalNavigation .NavigationContainer .NavigationPrimary .Topic:not(.TopicSelected):hover
{
	color: var(--color-highlight) !important;
}

body.VerticalNavigation .NavigationContainer .Topic i
{
	display: block;
	float: left;
	margin-top: -1px;
	margin-right: 15px;	
	font-size: 1.1rem !important;
}
body.VerticalNavigation .NavigationContainer .Topic i:before
{
	display: inline-block;
	width: 1.1em;
	text-align: center;
}


body.VerticalNavigation .NavigationContainer .CollapseControl
{
	position: absolute;
	display: block !important;
	left: 0px;
	padding: 0px 0px 0px 10px;
}

body.VerticalNavigation .NavigationContainer .CollapseControl .IconButton
{
	color: var(--navigation-color-primary-text) !important;
    font-size: 30px;
}

body.VerticalNavigation .NavigationPrimary .CollapseControl i.Collapse-Tab
{
	display: inline-block;
	transform: rotate(90deg) !important; /* for expanded view rotate to the right */
	transition: transform 0.2s;
}
body.VerticalNavigation.Collapsed .NavigationPrimary .CollapseControl i.Collapse-Tab
{
	transform: rotate(270deg) !important; /* flip for collapsed view */
}


body.VerticalNavigation
{
	margin-left: 10px; /* add a slight left margin for page content */
}

/* Push page content to the right to avoid being hidden behind the nav */
body.VerticalNavigation #Container
{
	margin-left: var(--navigation-vertical-full-width);
}
body.VerticalNavigation.Collapsed #Container
{
	margin-left: var(--navigation-vertical-collapsed-width);
}

/* Also offset the header if it spans full width */
body.VerticalNavigation #Header
{
	margin-left: var(--navigation-vertical-full-width);
}
body.VerticalNavigation.Collapsed #Header
{
	margin-left: var(--navigation-vertical-collapsed-width);
}

/* hide logo in header that is outside of navigation for vertical nav layout */
body.VerticalNavigation #Header > .CompanyHeaderLogo
{
	display: none;
}



body.VerticalNavigation .NavigationContainer div.CompanyIcon
{
	display: block !important;
	bottom: 50px;
	margin-left: 135px;
}

/* only show icon when vertical navigation is collapsed */
body.VerticalNavigation.Collapsed .NavigationContainer div.CompanyIcon
{
	display: inline-block !important;
	bottom: 50px;
	margin-left: 5px;
}


body.VerticalNavigation header#Header .PortalDisplayName
{
	margin: 15px 0px 0px 20px;
	display: block;
	color: var(--navigation-vertical-submenu-color-text);
	font-family: PortalLargeTextBold !important;
	font-size: 1.8rem !important;
}




/* show search, help and user links as icons at top right */

body.VerticalNavigation .NavigationSecondary .Topics
{
	display: block;
	padding-top: 0px;
}
body.VerticalNavigation .NavigationSecondary .HeadingLink,
body.VerticalNavigation .NavigationSecondary #NavigationSearch
{
	float: right;
}
body.VerticalNavigation .NavigationSecondary .HeadingLink
{
	margin-top: 0px;
}
body.VerticalNavigation .NavigationSecondary .HeadingLink:last-child
{
	margin-right: 0px !important;
}
body.VerticalNavigation .NavigationSecondary .HeadingLink .Topic
{
	display: inline-block !important;
	min-height: unset;
	padding: 20px 10px 10px 10px !important;
}
body.VerticalNavigation .NavigationSecondary #NavigationSearch form
{
	display: inline;
}

body.VerticalNavigation .NavigationContainer .HeadingLink.UserInfo
{
	margin-right: 0px !important;
}
body.VerticalNavigation .NavigationContainer .HeadingLink.UserInfo .UserCompanyName,
body.VerticalNavigation .NavigationContainer .HeadingLink.UserInfo .HeadingLabel
{
	display: none;
}

body.VerticalNavigation .NavigationSecondary div.SearchInput,
body.VerticalNavigation .NavigationSecondary div.SearchInput input
{
	background-color: unset !important;
}

body.VerticalNavigation .NavigationContainer .NavigationSecondary .HeadingLabel
{
	display: none; /* hide heading labels in secondary container */
}



body.VerticalNavigation .NavigationContainer .HeadingLink.HelpButton:not(:hover) i,
body.VerticalNavigation .NavigationContainer .HeadingLink.RecentHistoryHeading:not(:hover) i,
body.VerticalNavigation .NavigationContainer div.SearchInput:not(:hover) i,
body.VerticalNavigation .NavigationContainer .HeadingLink.UserInfo:not(:hover) i,
body.VerticalNavigation .NavigationContainer .HeadingLink.NavigationSearch:not(:hover) i
{
	color: var(--navigation-vertical-submenu-color-text);
}


body.VerticalNavigation .NavigationContainer .SubGroupSelected
{
	position: fixed;
	top: 0;
	left: var(--navigation-vertical-full-width);
	right: 0;
	width: auto;
	height: 100vh;
	overflow: hidden;
	margin: 0px 0px 0px 10px !important; /* add offset for --navigation-vertical-full-width right/left padding */
	padding: 2rem;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08), 4px 4px 12px rgba(0, 0, 0, 0.12);
	border-left: solid 0px var(--color-primary-background); /* creates slight buffer for mouseover */
	background-color: var(--navigation-vertical-submenu-background-color);
}
body.VerticalNavigation.Collapsed .NavigationContainer .SubGroupSelected
{
	left: var(--navigation-vertical-collapsed-width);
}
body.VerticalNavigation .NavigationContainer .SubGroupSelected .SubGroupCloseButton
{
	position: absolute;
	top: 1rem;
	right: 1rem;
	font-size: 1.2rem;
	line-height: 1;
	cursor: pointer;
	
	z-index: 1;
	text-decoration: none !important;
	padding: 0.25rem !important;
}
body.VerticalNavigation .NavigationContainer .SubGroupSelected .SubGroupCloseButton:hover
{
	opacity: 1;
	color: var(--navigation-color-hyperlink-text-highlight) !important;
}

/* hide close buttons in secondary navigation sections  */
body.VerticalNavigation .NavigationContainer .NavigationSecondary .SubGroupCloseButton
{
	display: none;
}

/* hide close buttons when not in Vertical Navigation */
body:not(.VerticalNavigation) .NavigationContainer .SubGroupCloseButton
{
	display: none;
}

body.VerticalNavigation .NavigationContainer .SubGroupSelected .SubGroupContent
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	overflow-y: auto;
	max-height: calc(100vh - 4rem);
}
body.VerticalNavigation .NavigationContainer .SubGroupSelected .SubGroupContent .Column
{
	margin: 0px 0px 0px 0px;
}
body.VerticalNavigation .NavigationContainer .SubGroupSelected .SubGroupContent .Title
{
	margin-bottom: 20px;
	font-size: 1rem;
	font-family: PortalTextRegular;
	font-weight: bold;
	color: var(--color-heading-text);
}
body.VerticalNavigation .NavigationContainer .NavigationSecondary .SubGroupSelected .SubGroupContent .Title
{
	color: var(--navigation-vertical-submenu-color-text);
	font-weight: bold;
}
body.VerticalNavigation .NavigationContainer .SubGroupSelected .SubGroupContent a
{
	display: inline-block;
	font-size: 0.875rem;
}
body.VerticalNavigation .NavigationContainer .SubGroupSelected .SubGroupContent a:not(:hover)
{
	color: var(--navigation-vertical-submenu-color-text);
}

body.VerticalNavigation .NavigationContainer .SubGroup .SubGroupContent.ReportList
{
	height: unset;
	column-fill: unset;
	column-width: unset;
	padding-bottom: unset;
}
body.VerticalNavigation .NavigationContainer .SubGroup .SubGroupContent.ReportList .ListContainer
{
	height: unset;
	column-fill: unset;
	column-width: unset;
}


/* align selected secondary container items to the right */
body.VerticalNavigation .NavigationContainer .NavigationSecondary .SubGroupSelected
{
	top: unset !important;
	margin-left: 0px !important;
	margin-top: -9px !important; /* removes space between Topic and contextual menu for smooth mouseover */
	left: unset !important;
	right: 0;
	width: 200px;
	height: auto;
	min-height: 300px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 1rem;
	border-bottom-width: 0px;
}
body.VerticalNavigation .NavigationContainer .NavigationSecondary .SubGroupSelected,
body.VerticalNavigation .NavigationContainer .NavigationSecondary .SubGroupSelected .SubGroupContent,
body.VerticalNavigation .NavigationContainer .NavigationSecondary .SubGroupSelected .Column,
body.VerticalNavigation .NavigationContainer .NavigationSecondary .SubGroupSelected ul.Links
{
	text-align: right;
}


body.VerticalNavigation .NavigationContainer .NavigationSecondary .SubGroupSelected .SubGroupContent
{
	overflow-y: unset; /* do not show scrollbars in secondary navigation group */
}

/* help menu is wider for the search input, and only as tall as its links */
body.VerticalNavigation .NavigationContainer .NavigationSecondary .SubGroupSelected.HelpSubGroup
{
	width: 300px;
	min-height: 0px;
}
body.VerticalNavigation .NavigationContainer .NavigationSecondary .SubGroupSelected.HelpSubGroup .SubGroupContent
{
	display: block;
}

body.VerticalNavigation .NavigationContainer .NavigationSecondary .SubGroupSelected .SubGroupContent .Category
{
	margin-bottom: 0px !important; /* no extra bottom space in secondary navigation group */
}


body.VerticalNavigation .NavigationContainer .SubGroupSelected .SubGroupContent .UserCompanyName
{
	padding: 10px;
	font-style: italic;
}
body.VerticalNavigation .NavigationContainer .SubGroupSelected .SubGroupContent .UserDisplayName
{
	padding-right: 10px;
	font-weight: bold;
	border-bottom: 1px solid var(--color-element-border);
	padding-bottom: 10px;
	margin-bottom: 20px;
}



/* adjust label widths when vertical navigation is expanded */
body.VerticalNavigation:not(.Collapsed) .Field .Label,
body.VerticalNavigation:not(.Collapsed) .editor-label
{
	width: 270px;
}
/* STYLES FOR INDIVIDUAL PAGES */


.chartstats div {
	z-index: 10
}

/* Partial login message */
.PartialLoginMessage
{
	width: 100%;
	text-align: center;
	font-size: 1.6rem;
}
.PartialLoginMessage div
{
	margin: 80px 0px 30px 0px;
	font-family: PortalTextBold;
}


#Login
{
	margin: 50px 10px 20px 50px;
	min-height: 500px;
}

#Login #LeftColumn
{
	float: none;
	display: inline-block;
	width: 350px;
	vertical-align: top;
	border-right: solid 1px #d8dada;
	padding-right: 50px;
	padding-bottom: 60px;
	margin-right: 50px;
	margin-bottom: 80px !important;
}
#Login #RightColumn
{
	display: inline-block;
	vertical-align: top;
	margin: 0px 0px 80px 0px;
}
#Login #RightColumn.SingleColumn
{
	float: none !important;
}
#Login .field-validation-error
{
	position: relative !important;
	display: block !important;
	background-color: transparent !important;
	padding: 0px !important;
	margin: 10px 0px 10px 0px !important;
	box-shadow: none !important;
	color: var(--color-warning-text);
}


#Login .Field
{
	width: 250px;
	margin-bottom: 20px;
}
#Login .Field .Label
{
	padding-bottom: 15px;
}
#Login .Submit
{
	margin-top: 40px;
	text-align: left !important;
}
#Login .Field .spinner
{
	margin-top: 20px;
	margin-left: 20px;
}

#Login .Title
{
	margin-bottom: 30px;
	font-size: 32px;
}
#Login .Message
{
	font-size: var(--font-size-paragraph);
}
#Login .Message a
{
	margin-right: 30px;
}



#Login .UserAuthenticationFields, 
#Login .EnrollmentCodeFields
{
	margin-top: 25px;
}

#Login .Field.ManagedAppleIdField .CopyUserID
{
	display: inline;
	margin-left: 10px;
}

#Login #ForgotPasswordLink
{
	display: block;
	width: 320px;
	margin-top: 15px;
	text-align: right;
}
#Login #EnrollmentCodeLink,
#Login #BackToLoginLink
{
	margin-top: 20px;
	text-align: left;
}

#Login #CustomCompanyLogo
{
	margin: 100px 0px 0px 0px;
	padding-top: 40px;
	border-top: solid 1px var(--color-element-border);
	text-align: center;
}
#Login #CustomCompanyLogo img
{
	max-width: 70%;
}

#Login #DeviceServicesLink
{
	margin-top: 80px;
}




/* Mobile Login View */

#Login.MobileView
{
	margin-left: 20px !important;
	padding-bottom: 30px !important;
}
#Login.MobileView #RightColumn
{
	
}






#Login .Field.VerificationCodes
{
	padding-left: 0px !important;
}
#Login .Field.VerificationCodes .Control
{
	text-align: left;
}
#Login .Field.VerificationCodes input
{
	margin: 0px 0px 0px 10px !important;
    width: .8em !important;
	height: 1.5em !important;
    font-size: 2.5em !important;
	text-align: center;
}
#Login .Field.VerificationCodes input:first-child
{
	margin-left: 0px !important;
}



/* width for list views */
.ColIsEnterpriseProvision
{
	width: 40px;
}




#ReportsList .ColName
{
	width: 40%;
}
#ReportsList .ColDescription
{
	width: 50%;
	font-style: italic;
}
#ReportsList .ColAssignButton
{
	width: 10%;
}


#EditReport #CompanyReportAssignments
{
	margin-top: 40px;
}

#ReportChartListPayload
{
	margin-top: 30px;
}
#ReportChartListPayload .TitleBar
{
	margin-bottom: 20px;
}


@media (min-width: 950px)
{
	#ReportView .chartlegend
	{
		width: unset !important;
		margin-left: 0px !important;
		z-index: 999;
	}
}

@media (max-width: 950px) {      
    #ReportView .chartlegend 
    {
	    margin-left: -125px !important;         
        z-index:999;
    }
    #ReportView #reportcharts {
        text-align: left !important;
    }

}


.chartlegend 
{ 
    margin-left: 0px;   
    width: 520px !important;
    float: right !important;
}

/* Keep the legend's overflow inside the legend.  Its box height comes from the chart's configured
   Height (Chart.cshtml), and each entry is sized as that height divided by the number of entries with
   a floor on the font size - so past a handful of entries the content is taller than the box.  The
   chart wrapper has a fixed height and both of its children are floated, so that overflow escaped the
   wrapper altogether and #ReportData, which follows in normal flow, painted straight over the legend.
   Scoped to the report page: the dashboard and header charts deliberately position their legends
   outside this box with negative margins, and must not be clipped.  Note the z-index in the rules
   above never took effect - none of them set a position. */
#ReportView .chartlegend
{
    /* Report.cshtml reserves 260px beside the canvas for the legend, so claim exactly that.  The rule
       further up unsets the width for this page, which left the box shrink to fit - and every piece of
       an entry except the colour swatch is absolutely positioned, so there was almost nothing in flow
       for it to size to and the entry text had no room. */
    width: 260px !important;

    /* Entries run down the box and scroll when there are more than fit.  Never sideways: the rules
       below keep the content within this width so overflow-x has nothing to scroll. */
    overflow-x: hidden;
    overflow-y: auto;
}

/* The generated legend markup carries its own hardcoded widths - the body is 520px and each entry
   column has a 170px min-width and lays out as a table-cell, so entries sat side by side and ran well
   past the space beside the chart.  Overriding all three makes the entries a plain vertical stack at
   the width actually available, which is what turns sideways overflow into the downward scroll.  The
   fixed entry height replaces the generated one (its own content is absolutely positioned, so an auto
   height would collapse to nothing and the entries would sit on top of each other). */
#ReportView .chartlegend .flexIt,
#ReportView .chartlegend .flexDiv,
#ReportView .chartlegend .flexColumn
{
    display: block !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
}

#ReportView .chartlegend .flexColumn
{
    height: 46px !important;
}

.flexIt  
{ 
    margin-left: 0px;   
    display: flex;
    width: 520px !important;
    float: right !important;
}


.flexColumn {
    vertical-align: middle; padding: 0 0 10px 0 ; margin: 10px ;
}

.flexDiv 
{
    flex:1;
}

/*Large full screens*/
@media (min-width: 1410px) { 
    
    .HeaderCharts .chartlegend
    {
	    /*margin-left: -85px !important;  */
        margin-left: 0px !important; 
        z-index:999;
    }
}

/*Midsize screens*/
@media (min-width: 1285px) and (max-width: 1409px)  { 
    
    .HeaderCharts .chartlegend
    {	    
        margin-left: -125px !important;         
        z-index:999;
    }        
}

/*Smallish screens*/
@media(min-width: 961px) and (max-width: 1285px)  {  
    
    .HeaderCharts .chartlegend
    {	    
        margin-left: 430px !important; 
        float: left !important; 
        margin-top: -310px !important;       
        z-index:999;
    }

    .HeaderCharts .flexDiv  { flex:0 !important;}
        
    .HeaderCharts .flexColumn {
        vertical-align: middle; 
        padding: 0 0 0px 0 !important ; 
        margin: 0px  !important ; 
    }

    .HeaderCharts .flexDiv:nth-of-type(2){
    margin-top:160px !important;
    }
    
}

/*Small screens*/
@media (max-width: 960px) { 
    
    
    .HeaderCharts .chartlegend
    {	    
        margin-left: 0px !important; 
        float: left !important; 
        margin-top: -310px !important;       
        z-index:999;
    }

    .HeaderCharts .flexDiv  { flex:0 !important;}
        
    .HeaderCharts .flexColumn {
        vertical-align: middle; 
        padding: 0 0 0px 0 !important ; 
        margin: 0px  !important ; 
    }

    .HeaderCharts .flexDiv:nth-of-type(2){
        margin-top:160px !important;
    }


    #reportcharts .chartlegend
    {	    
        /*margin-left: 0px !important; */
        float: left !important; 
        margin-top: 0px !important;       
        z-index:999;
    }

    #reportcharts .flexDiv  { flex:0 !important;}

    #reportcharts .flexColumn {
        vertical-align: middle; 
        padding: 0 0 10px 0 !important ; 
        margin: 0px  !important ; 
    }

    #reportcharts .flexDiv:nth-of-type(2){
     margin-top:170px !important;
    }
    
}


.HeaderCharts .chartlegend .DataPoint
{
	font-size: 28px !important;
}
.HeaderCharts .chartlegend .Label
{
	font-size: 12px !important;
}

.chartlegend .DefaultFont
{
	font-weight: normal !important;
	font-size: 14px !important;
	color: #000000;
}

#ReportView .chartlegend .DefaultFont
{
	font-size: 16px !important;
    font-weight: normal !important;	
}

#ReportView .chartlegend .DefaultSmallFont
{
	font-size: 12px !important;
    font-weight: normal !important;	
}

#ReportView .chartstats .LabelDefaultFont,
.DashboardContent .chartstats .LabelDefaultFont
{
    padding-top: 10px;
}

#ReportView .chartstats .DefaultFont 
{
    font-family: PortalTextBold !important;
    font-size: 12pt !important;
    text-align:center;
    font-weight: normal !important;	
}

#ReportView .chartstats .LabelDefaultFont 
{
    font-family: PortalTextBold !important;
    font-size: 11pt !important;
    text-align:center;
    font-weight: normal !important;
	color: #000000;	
}

#ReportView .DefaultLegendPositioning 
{
    height: 100%;
    display: flex !important;
    flex-direction: column;
    display: table-cell !important;
    min-width: 250px;
    justify-content: center;
    text-align: left;
}

.HeaderCharts .DefaultLegendPositioning {
    height: 100%;
    display: flex !important;
    flex-direction: column;
    display: table-cell !important;
    min-width: 170px;
    justify-content: center;
}

.chartlegend ul 
{
	list-style: none;
	/*margin-left: -15px !important;*/
	font-weight: normal !important;
}

.chartlegend ul li span {
    margin-bottom: 4px;
}
.chartlegend ul li 
{
	display: block;
	padding-left: 30px;
	position: relative;
	margin-bottom: 4px;
	border-radius: 4px;
	padding: 2px 8px 2px 24px;
	font-size: 14px;
	cursor: default;
	text-align: left !important;
}
.chartlegend li span 
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 100%;
	border-radius: 5px;
}



#CompaniesList .ColName
{
	width: 40%;
}
#CompaniesList .TitleColLevel
{
	width: 8%;
}
#CompaniesList .ColActive
{
	width: 8%;
}
#CompaniesList .ColDateAdded
{
	width: 10%;
}
#CompaniesList .ColContractID
{
	width: 12%;
}
#CompaniesList .ColAccountNumber
{
	width: 12%;
}
#CompaniesList .ColHasEsmLink
{
	width: 7%;
}
#CompaniesList .ColActiveStatusButton
{
	width: 3%;
}



#WDCAccountList  .SearchPanel
{
	width: 180px;
}
#WDCAccountList .List
{
	margin-left: 260px;
}
#WDCAccountList .ColECPDID
{
	width: 10%;
}
#WDCAccountList .ColName
{
	width: 40%;
}
#WDCAccountList .ColDeviceCount
{
	width: 10%;
}
#WDCAccountList .ColContact
{
	width: 23%;
}
#WDCAccountList .ColPhone
{
	width: 12%;
}
#WDCAccountList .ColManageButton
{
	width: 5%;
}


#ActivateWDCAccount .NoItemsAvailable
{
	margin-bottom: 60px !important;
}




#UsersList #UserSearchResults .DynamicColumn,
.DevicesList #DeviceSearchResults .DynamicColumn
{
	word-break: keep-all;
	white-space: nowrap;
	text-wrap: none;
}


/* the embedded Devices grid on the User Dashboard (Users/Item.cshtml) is narrower than the standalone
   Devices list above, so long unbroken values (hostnames, serial numbers, etc.) need to wrap within their
   column instead of forcing the table wider than the widget - only while collapsed, since the expanded
   widget has room (and matches the standalone Devices list's scroll-instead-of-wrap behavior) */
#ManageUser #Devices.Widget:not(.Expanded) #WebGridItemListDevicesForUser
{
	table-layout: fixed;
}
#ManageUser #Devices.Widget:not(.Expanded) #WebGridItemListDevicesForUser td
{
	white-space: normal;
	word-break: break-word;
	overflow-wrap: break-word;
}


/* padding for status icon (shown in first data column by default */
.DevicesList .TableList tr td span.StatusIcon
{
	padding-right: 10px;
}

/* indent first data column header to match */
.DevicesList .TableList thead tr th:nth-child(2)
{
	padding-left: 40px;
}

.DevicesList #DeviceSearchResults .ToggleTime
{
	float: right;
}
.DevicesList #DeviceSearchResults .DeviceStatus
{
	width: 20px;
}
.DevicesList #DeviceSearchResults .DeviceIcon
{
    width: 15px;
    height: 15px;
    font-size: 0;
    padding-left: 0px;
    padding-right: 0px;
}





/* Styles for all Device Policy pages */
.DevicePolicy .command-buttons.top-line
{
	margin-top: -65px;
}

.DevicePolicy .NoFeatures
{ 
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left: 10px;
	font-style: italic;
}



.DevicesList .TopResultPager, 
#UsersList .TopResultPager,
#AllProvisionsList .TopResultPager
{
	display: none;
}





/* User View */
#ManageUser #UserTabs
{
	display: none !important;
}
#ManageUser .Widget h1
{
	display: none;
}
#ManageUser .WidgetContainer
{
	margin-left: 10px;
}
#ManageUser .Widget .WidgetContent
{
	padding-top: 20px;
}

#ManageUser .Widget .ContentDetail .PageTitle
{
	font-size: 1.1rem;
}



#ManageUser #DevicesListForUser .AddDevice
{
	position: absolute;
	right: 20px;
	top: 140px;
}
#ManageUser #UserInfo.Widget:not(.Expanded) #UserProfile
{
	display: none !important;
}
#ManageUser #UserInfo.Widget.Expanded .HeaderProperty
{
	display: none !important;
}
#ManageUser #UserProfile .NavigationButtons
{
	top: unset;
	text-align: right;
	margin: 0px 0px 20px 0px;
}
#ManageUser #UserProfile .Field .Label
{
	width: 20%;
}
/* .Label and .Control are inline-blocks, so a wide child (a long validation message is the
   usual culprit) grows .Control past the space left on the row and drops it below the label.
   Cap .Control to what is left over - .Label is 20% plus its 40px padding-right. */
#ManageUser #UserProfile .Field .Control
{
	max-width: calc(80% - 60px);
}
/* and break messages that have no spaces to wrap on, such as a regex pattern */
#ManageUser #UserProfile .Field .field-validation-error
{
	overflow-wrap: break-word;
}

#ManageUser #Devices.Widget:not(.Expanded) .DataTableContainer
{
	overflow-x: unset;
}
#ManageUser #Devices.Widget:not(.Expanded) th,
#ManageUser #Devices.Widget:not(.Expanded) td
{
	display: none;
	width: 0%;
}
/* A column put back on show has to be given its width back as well.  This grid is laid out with
   table-layout: fixed (see #WebGridItemListDevicesForUser above), which honours the 0% set above
   exactly, so the two columns that stay came out about one character wide - between them they held
   under a fifth of the grid and the rest sat empty.
   An even share rather than auto: the pager in the footer row spans every column, so the table
   keeps a slot for each hidden one, and auto would divide the width over all of them instead of
   over the two on show.  One share per column shown - keep this in step with the selector. */
#ManageUser #Devices.Widget:not(.Expanded) th:first-child,
#ManageUser #Devices.Widget:not(.Expanded) td:first-child,
#ManageUser #Devices.Widget:not(.Expanded) th:nth-child(2),
#ManageUser #Devices.Widget:not(.Expanded) td:nth-child(2)
{
	display: table-cell !important;
	width: 50%;
}

/* The collapsed widget shows the first five devices only.  The rest stay in the page rather than
   being left out of it, so opening the widget brings them straight into view with no round trip -
   ListForUser.cshtml counts them for the link below and keeps the five in step with this. */
#ManageUser #Devices.Widget:not(.Expanded) #WebGridItemListDevicesForUser tbody tr:nth-child(n+6)
{
	display: none;
}

/* No pager while the list is capped: it pages the full grid, so next to five rows and a "x more
   devices" link it only invites a click that appears to do nothing.  It comes back on expansion.
   Both shapes are covered - the pager is a footer row whichever way the grid renders it. */
#ManageUser #Devices.Widget:not(.Expanded) #WebGridItemListDevicesForUser tfoot,
#ManageUser #Devices.Widget:not(.Expanded) #WebGridItemListDevicesForUser tr.Footer
{
	display: none;
}

/* "x more devices" - only has something to say while the widget is holding rows back */
#DevicesListForUser .ShowMoreDevices
{
	display: none;
}
#ManageUser #Devices.Widget:not(.Expanded) #DevicesListForUser .ShowMoreDevices
{
	display: block;
	padding: 12px 20px 4px 20px;
}
#ManageUser #Devices.Widget:not(.Expanded) #DevicesListForUser .ShowMoreDevices a
{
	font-size: var(--font-size-compact);
	color: var(--color-hyperlink-text);
	cursor: pointer;
}
#ManageUser #Devices.Widget:not(.Expanded) #DevicesListForUser .ShowMoreDevices a:hover
{
	color: var(--color-hyperlink-text-highlight);
	text-decoration: underline;
}

#ManageUser #Devices .TableList tr td span.StatusIcon
{
	padding-right: 10px;
}
#ManageUser #UserSecurity .ContentDetail .ActionButton
{
	text-align: right;
	margin-right: 20px;
	margin-bottom: 10px;
}

#ManageUser #Certificates .ContentDetail .ActionButton
{
	text-align: right;
	margin-right: 20px;
	margin-bottom: 10px;
}
#ManageUser #Certificates.Expanded .WidgetHeader .ActionButton
{
	display: none !important;
}
#ManageUser #Certificates.Widget:not(.Expanded) .ContentDetail > .ActionButton
{
	display: none !important;
}
#ManageUser #Certificates.Widget:not(.Expanded) th,
#ManageUser #Certificates.Widget:not(.Expanded) td
{
	display: none;
}
#ManageUser #Certificates:not(.Expanded) th:first-child,
#ManageUser #Certificates:not(.Expanded) td:first-child,
#ManageUser #Certificates:not(.Expanded) th:nth-child(5),
#ManageUser #Certificates:not(.Expanded) td:nth-child(5),
#ManageUser #Certificates:not(.Expanded) th:last-child,
#ManageUser #Certificates:not(.Expanded) td:last-child
{
	display: table-cell !important;
}
#ManageUser #Certificates .GenerateApiClientCertificateButton
{
	margin-top: 30px;
	text-align: center;
}
#ManageUser #Certificates .GenerateApiClientCertificateButton .btn
{
	font-size: 9pt;
	padding: 5px 12px 5px 12px !important;
}


/* hide header button when widget is expanded */
#ManageUser #GroupMemberships.Expanded .WidgetHeader #AddGroupMembershipCollapsed
{
	display: none !important;
}

#ManageUser #GroupMemberships.Widget:not(.Expanded) th,
#ManageUser #GroupMemberships.Widget:not(.Expanded) td
{
	display: none;
}

#ManageUser #GroupMemberships:not(.Expanded) th:first-child,
#ManageUser #GroupMemberships:not(.Expanded) td:first-child,
#ManageUser #GroupMemberships:not(.Expanded) th:nth-child(3),
#ManageUser #GroupMemberships:not(.Expanded) td:nth-child(3)
{
	display: table-cell !important;
}

#ManageUser #GroupMemberships.Widget:not(.Expanded) .AvailableGroups
{
	display: none;
}
#ManageUser #GroupMemberships.Widget .AvailableGroups
{
	position: relative;
	right: unset;
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: right;
}
#ManageUser #GroupMemberships.Widget:not(.Expanded) .RestrictedAdminGroups
{
	display: none;
}
#ManageUser #GroupMemberships.Widget:not(.Expanded) .RestrictedAdminGroupCount
{
	display: block !important;
	margin-top: 20px;
	text-align: center;
	font-family: PortalTextBold;
}
#ManageUser #GroupMemberships.Widget .RestrictedAdminGroups .AvailableGroups
{
	margin-top: -60px;
}


#ManageUser #Reports.Widget:not(.Expanded) th,
#ManageUser #Reports.Widget:not(.Expanded) td
{
	display: none;
	width: 0%;
}
#ManageUser #Reports.Widget:not(.Expanded) th:first-child,
#ManageUser #Reports.Widget:not(.Expanded) td:first-child
{
	display: table-cell !important;
}


/* hide extra buttons from partial view on Create User view */
#CreateUser #UserProfile .NavigationButtons
{
	display: none;
}
/* .Label and .Control are inline-blocks, so a wide child (a long validation message is the
   usual culprit) grows .Control past the space left on the row and drops it below the label.
   Cap .Control to what is left over - here .Label keeps the default 350px plus its 40px
   padding-right (in the QuickStart dialog the label is capped narrower, so this is
   conservative there, but still leaves the control on the label's line). */
#CreateUser #UserProfile .Field:not(.UsernameWithDomainList) .Control
{
	max-width: calc(100% - 400px);
}
/* and break messages that have no spaces to wrap on, such as a regex pattern */
#CreateUser #UserProfile .Field .field-validation-error
{
	overflow-wrap: break-word;
}

#UserProfile .Details
{
	width: auto;
	margin: 0px auto 0px auto;
	text-align: center;
}
#UserProfile .Details .editor-field
{
	text-align: left;
}
#UserProfile .Control .Unavailable
{
	float: left;
	padding-top: 3px;
	font-style: italic;
}
#UserProfile .UsernameWithDomainList .Username
{
	width: 145px;
}
#UserProfile .At
{
	display: inline-block;
	padding: 0px 5px 0px 5px;
}
#UserProfile .UsernameWithDomainList .UserDomain
{
	width: 185px;
}


#UsersGroups div.AvailableGroups, #DeviceGroupMemberships div.AvailableGroups
{
	position: absolute;
	right: 60px;
	margin-top: -50px;
}

#UsersGroups div.AvailableGroups a, #DeviceGroupMemberships div.AvailableGroups a
{
	margin: -4px 0px 0px 15px;
}
#UsersGroups div.AvailableGroups i, #DeviceGroupMemberships div.AvailableGroups i
{

}

#UsersGroups .RestrictedAdminGroups
{
	margin-top: 60px;
}
#UsersGroups .RestrictedAdminGroups .Description
{
	margin-bottom: 30px;
}


/* Device list */
.SendBatchCommandDialog .Message
{
	margin-bottom: 20px !important;
}
.SendBatchCommandDialog .Label,
.SendBatchCommandDialog .Control span
{
	display: block !important;
	width: 90% !important;
	padding-bottom: 10px !important;
}
.SendBatchCommandDialog .Control,
.SendBatchCommandDialog .Control input
{
	display: block !important;
	width: 80% !important;
	margin-bottom: 20px !important;
}


/* View Device */

#ViewDevice .PageTitle
{
	max-width: 950px;
	margin-bottom: 40px;
}
#ViewDevice .PageDescription
{
	display: none;
}
#ViewDevice .HeaderProperties a.IconButton
{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	font-size: 10pt;
}


#ViewDevice .Widget .VerizonItagLogo 
{
	display: none;
}
#ViewDevice .Widget.Expanded .VerizonItagLogo
{
	position: absolute;
	right: 30px;
	display: block;
}
#ViewDevice .Widget .VerizonItagLogo img
{
	max-width: 200px;
}

#ViewDevice .CommandsList.Hidden
{
	display: none;
}
#ViewDevice .Widget
{
	min-height: 320px;
}

#ViewDevice .Widget .WidgetContent .SpinContainer
{
	position: relative !important;
	margin-top: 80px;
}


#ViewDevice .DevicePlatformIcon
{
	display: inline-block;
	padding-right: 10px;
	color: #959595 !important;
}



/* hide header button when widget is expanded */
#ViewDevice #GroupMemberships.Expanded .WidgetHeader #AddGroupMembershipCollapsed
{
	display: none !important;
}

/* Hide items in header group list greater than 5 */
#ViewDevice #GroupMembershipList span:nth-child(n+6)
{
	display: none;
}
#ViewDevice #GroupMembershipList a
{
	display: block;
	margin-top: 10px;
}
#ViewDevice #GroupMembershipList a:after
{
	content: "...";
}



#DialogSetCommandParameter .Field .Control input,
#DialogSetCommandParameter .Field .Control select
{
	margin-top: 15px !important;
}
#DialogSetCommandParameter .iOS,
#DialogSetCommandParameter .MacOS
{
	margin-bottom: 30px;
}




#ViewDevice header .DeviceIconContainer i
{
	font-size: 50px;
	height: 50px;
	width: 50px;
}
#ViewDevice .WidgetContent .DeviceIconContainer i
{
	font-size: 120px;
	height: 120px;
	width: 120px;
}


#ViewDevice #DeviceGeneral
{
	display: none;
}
.Widget.Expanded #DeviceGeneral
{
	display: block !important;
	margin-top: 30px;
}


#ViewDevice .Widget .WidgetContent h1
{
	display: none;
}
#ViewDevice .Widget .NoItemsAvailable
{
	margin-top: 40px !important;
	font-weight: normal !important;
}
#ViewDevice .Widget .DevicePlatformIcon
{
	display: none;
}
#ViewDevice .Widget.Expanded .DevicePlatformIcon
{
	display: inline-block;
	vertical-align: top;
	margin-top: -10px;
}

#ViewDevice .Widget .WidgetContent .Summary,
#ManageUser .Widget .WidgetContent .Summary
{
	font-family: PortalLargeTextBold;
	text-align: center;
}
#ViewDevice .Widget .WidgetContent .Summary .Count,
#ManageUser .Widget .WidgetContent .Summary .Count
{
	display: block;
	margin: 30px 0px 20px 0px;
	font-size: 40px;
}
#ViewDevice .Widget .WidgetContent .Summary .Count.Timestamp,
#ManageUser .Widget .WidgetContent .Summary .Count.Timestamp
{
	font-size: 20px;
}
#ViewDevice .Widget .WidgetContent .Summary .Label,
#ManageUser .Widget .WidgetContent .Summary .Label
{
	display: block;
	font-size: 16px;
}


#ViewDevice .Widget:not(.Expanded) .WidgetContent .Summary,
#ManageUser .Widget:not(.Expanded) .WidgetContent .Summary
{
	display: block;
}
#ViewDevice .Widget.Expanded .WidgetContent .Summary,
#ManageUser .Widget.Expanded .WidgetContent .Summary
{
	display: none !important;
}


#ViewDevice .Widget:not(.Expanded) .WidgetContent .ContentDetail,
#ManageUser .Widget:not(.Expanded) .WidgetContent .ContentDetail
{
	display: none;
}

#ViewDevice .Widget:not(.Expanded) .WidgetContent table.TableList td,
#ViewDevice .Widget:not(.Expanded) .WidgetContent table.TableList th
{

}
#ViewDevice .Widget:not(.Expanded) .WidgetContent table.TableList td:last-child,
#ViewDevice .Widget:not(.Expanded) .WidgetContent table.TableList th:last-child
{

}


/* collapsed widget tables */
#ViewDevice .Widget:not(.Expanded) .TableList,
#ManageUser .Widget:not(.Expanded) .TableList
{

}

#ViewDevice .Widget:not(.Expanded) .TableContent th,
#ViewDevice .Widget:not(.Expanded) .TableContent td,
#ManageUser .Widget:not(.Expanded) .TableContent th,
#ManageUser .Widget:not(.Expanded) .TableContent td
{
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: var(--font-size-compact);
	word-break: break-all;
}


/* hide provisioning profiles when collapsed */
#ViewDevice .Widget:not(.Expanded) #DeviceInstalledProvisioningProfiles
{
	display: none !important;
}

/* modified styles for collapsed view */
#ViewDevice #DeviceInfo.Widget:not(.Expanded) .ColumnContainer,
#ViewDevice #DeviceInfo.Widget:not(.Expanded) .ColumnContainer .Column
{
	width: 100%;
	margin-right: 0px;
}
#ViewDevice #DeviceInfo.Widget:not(.Expanded) .HeaderProperty .Label
{
	width: 160px;
}
#ViewDevice #DeviceInfo.Widget:not(.Expanded) .HeaderProperty .Label,
#ViewDevice #DeviceInfo.Widget:not(.Expanded) .HeaderProperty .Value
{
	font-size: 0.90em !important;
}



#ViewDevice #DeviceInfo.Widget .HeaderProperty .Value .Multiple
{
	display: block;
}

#ViewDevice #DeviceInfo .HeaderProperty.SimSecureStatus .Value:nth-child(3)
{
	padding-top: 5px !important;
}

#ViewDevice #DeviceInfo .Category h1
{
	display: block !important;
	margin-bottom: 20px;
}
#ViewDevice #DeviceInfo.Widget:not(.Expanded) .Category h1
{
	display: none !important;
}

/* style "General" properties like the others */
#ViewDevice #DeviceInfo.Widget .Column
{
	display: block;
	width: 400px;
	max-width: unset;
}
#ViewDevice #DeviceInfo.Widget .ColumnContainer
{
	display: inline-block;
	width: 420px;
}


#ViewDevice #DeviceInfo.Widget .HeaderProperty
{
	padding-bottom: 0px !important;
	margin-bottom: 5px;
}
#ViewDevice #DeviceInfo.Widget .HeaderProperty .Label
{
	padding-right: 0px !important;
	padding-bottom: 5px !important;
    display: inline-block;
    width: 200px;
    vertical-align: top;
	text-transform: unset;
	font-family: PortalLargeTextRegular, Arial, Helvetica, sans-serif !important;
	font-size: var(--font-size-compact) !important;
}
#ViewDevice #DeviceInfo.Widget .HeaderProperty .Value
{
	padding-bottom: 5px !important;
    display: inline-block;
    width: unset;
    font-style: italic;
	font-size: var(--font-size-compact) !important;
}

#ViewDevice #DeviceInfo .ArchivePending
{
	color: #FF0000 !important;
}


#ViewDevice #DataUsage.Widget #DvsDataUsageSelection 
{
	float: right;
	margin-top: -20px;
	padding: 2px 9px 2px 9px !important;
}
#ViewDevice #DataUsage.Widget .PercentRemaining
{
	margin-bottom: 5px;
	font-family: PortalTextBold;
	font-size: 18px;
}
#ViewDevice #DataUsage.Widget .RemainingData
{
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: solid 2px var(--color-primary-text);
	font-size: var(--font-size-compact);
}
#ViewDevice #DataUsage.Widget .RemainingData .Remaining:after
{
	content: "|";
	padding-left: 15px;
	padding-right: 10px;
}
#ViewDevice #DataUsage.Widget .AvailableDataCounts
{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px var(--color-element-border);
}
#ViewDevice #DataUsage.Widget .AvailableDataCounts div
{
	display: inline-block;
	width: 32%;
	text-align: center;
}
#ViewDevice #DataUsage.Widget .AvailableDataCounts .Amount
{
	display: block;
	font-family: PortalTextBold;
	font-size: 14px;
}
#ViewDevice #DataUsage.Widget .AvailableDataCounts .Label
{
	display: block;
	font-size: var(--font-size-compact);
}
#ViewDevice #DataUsage.Widget .TotalDataUsed
{
	font-family: PortalLargeTextBold;
	font-size: var(--font-size-compact);
}
#ViewDevice #DataUsage.Widget .TotalDataUsed.Warning
{
	color: var(--color-warning-text);
}
#ViewDevice #DataUsage.Widget .TotalDataUsed span:last-child
{
	float: right;
}
#ViewDevice #DataUsage.Widget .LegendDetail 
{
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #DDDDDD;
	font-size: 12px;
}
#ViewDevice #DataUsage.Widget .LegendDetail .MTN
{
	display: inline-block;
	width: 200px;
	font-family: PortalLargeTextBold;
}
#ViewDevice #DataUsage.Widget .LegendDetail .ColorSample.MTN
{
	display: inline-block;
	height: 10px;
	width: 15px;
	background-color: #3B86C8;
}
#ViewDevice #DataUsage.Widget .LegendDetail .ColorSample.Others
{
	display: inline-block;
	height: 10px;
	width: 15px;
	background-color: #6EAFDA;
}
#ViewDevice #DataUsage.Widget .LegendDetail .Usage
{
	float: right;
}


#ViewDevice #DataUsage.Widget .UsageDateTime
{
	margin-top: 10px;
	padding-top: 5px;
	color: #999999;
	border-top: solid 1px #DDDDDD;
	font-size: var(--font-size-compact);
}



#ViewDevice #Location.Widget .MapDisplay
{
	max-height: 250px;
}
#ViewDevice #Location.Widget.Expanded .MapDisplay
{
	max-height: unset;
	height: 600px !important;
}


/* show all buttons in expanded header */
#ViewDevice #Location.Widget.Expanded .WidgetHeader .IconButton:not(.ExpandButton)
{
	display: inline-block;
}


#ViewDevice #GroupMemberships.Widget .AvailableGroups
{
	display: none;
}
#ViewDevice #GroupMemberships.Widget .Details
{
	margin-bottom: 20px;
}
#ViewDevice #GroupMemberships.Widget .Details:last-child
{
	margin-bottom: 0px;
}
#ViewDevice #GroupMemberships.Widget.Expanded .Details
{
	margin-bottom: 60px;
}
#ViewDevice #GroupMemberships.Widget.Expanded .AvailableGroups
{
	display: block;
	padding-left: 1rem;
	padding-right: 1rem;
	position: unset;
	right: unset;
	margin-top: 0px;
	text-align: right;
}






#ViewDevice #AvailableOSUpdates.Widget:not(.Expanded) th,
#ViewDevice #AvailableOSUpdates.Widget:not(.Expanded) td
{
	display: none;
	width: 0%;
}
#ViewDevice #AvailableOSUpdates.Widget:not(.Expanded) th:first-child,
#ViewDevice #AvailableOSUpdates.Widget:not(.Expanded) td:first-child,
#ViewDevice #AvailableOSUpdates.Widget:not(.Expanded) th:nth-child(2),
#ViewDevice #AvailableOSUpdates.Widget:not(.Expanded) td:nth-child(2),
#ViewDevice #AvailableOSUpdates.Widget:not(.Expanded) th:nth-child(12),
#ViewDevice #AvailableOSUpdates.Widget:not(.Expanded) td:nth-child(12)
{
	display: table-cell !important;
	width: 33% !important;
}


#ViewDevice #AssignedPolicies td .IconButton, 
#ViewDevice #AssignedPolicies td .IconButton i
{
	font-size: 10pt !important;
}
#ViewDevice #AssignedPolicies.Widget:not(.Expanded) th,
#ViewDevice #AssignedPolicies.Widget:not(.Expanded) td
{
	display: none;
}
#ViewDevice #AssignedPolicies.Widget:not(.Expanded) th:first-child,
#ViewDevice #AssignedPolicies.Widget:not(.Expanded) td:first-child,
#ViewDevice #AssignedPolicies.Widget:not(.Expanded) th:nth-child(2),
#ViewDevice #AssignedPolicies.Widget:not(.Expanded) td:nth-child(2)
{
	display: table-cell !important;
	word-break: break-all;
	max-width: 150px;
}
#ViewDevice #AssignedPolicies.Widget:not(.Expanded) th:first-child,
#ViewDevice #AssignedPolicies.Widget:not(.Expanded) td:first-child
{
	padding-right: 10px;
}



#ViewDevice #InstalledPolicies.Widget:not(.Expanded) th,
#ViewDevice #InstalledPolicies.Widget:not(.Expanded) td
{
	display: none;
}
#ViewDevice #InstalledPolicies.Widget:not(.Expanded) th:first-child,
#ViewDevice #InstalledPolicies.Widget:not(.Expanded) td:first-child
{
	display: table-cell !important;
	word-break: break-all;
}
#ViewDevice #InstalledPolicies.Widget:not(.Expanded) th:nth-child(5),
#ViewDevice #InstalledPolicies.Widget:not(.Expanded) td:nth-child(5)
{
	display: table-cell !important;
}



#ViewDevice #InstalledApplications.Widget:not(.Expanded) #WebGridInstalledApplicationList_ResultPaging
{
	display: none;
}
#ViewDevice #InstalledApplications.Widget:not(.Expanded) th,
#ViewDevice #InstalledApplications.Widget:not(.Expanded) td
{
	display: none;
}
#ViewDevice #InstalledApplications.Widget:not(.Expanded) th:first-child,
#ViewDevice #InstalledApplications.Widget:not(.Expanded) td:first-child,
#ViewDevice #InstalledApplications.Widget:not(.Expanded) th:nth-child(2),
#ViewDevice #InstalledApplications.Widget:not(.Expanded) td:nth-child(2)
{
	display: table-cell !important;
	width: 50%;
	word-break: break-all;
}



#ViewDevice #Certificates.Widget:not(.Expanded) th,
#ViewDevice #Certificates.Widget:not(.Expanded) td
{
	display: none;
}
#ViewDevice #Certificates.Widget:not(.Expanded) th:first-child,
#ViewDevice #Certificates.Widget:not(.Expanded) td:first-child
{
	display: table-cell !important;
}


#ViewDevice #Reports.Widget:not(.Expanded) th,
#ViewDevice #Reports.Widget:not(.Expanded) td
{
	display: none;
}
#ViewDevice #Reports.Widget:not(.Expanded) th:first-child,
#ViewDevice #Reports.Widget:not(.Expanded) td:first-child
{
	display: table-cell !important;
}


#ViewDevice #ClientLogs.Widget:not(.Expanded) th,
#ViewDevice #ClientLogs.Widget:not(.Expanded) td
{
	display: none;
}
#ViewDevice #ClientLogs.Widget:not(.Expanded) th:first-child,
#ViewDevice #ClientLogs.Widget:not(.Expanded) td:first-child,
#ViewDevice #ClientLogs.Widget:not(.Expanded) th:nth-child(2),
#ViewDevice #ClientLogs.Widget:not(.Expanded) td:nth-child(2)
{
	display: table-cell !important;
}



#DeviceLicensing .Details .Title
{
	margin-bottom: 25px;
	font-size: 1.2rem;
	font-weight: bold;
}
#DeviceLicensing .AssignedLicenseName
{
	margin-bottom: 15px;
	font-size: 1.2rem;
}


#DeviceAttestations .Summary .Label
{
	margin-top: 40px;
}
#DeviceAttestations .Summary .Count
{
	font-size: var(--font-size-heading) !important;
}
#DeviceAttestations .Summary .Count.Failed
{
	color: var(--color-warning-text) !important;
}
#DeviceAttestations .Summary .Count.Warning
{
	color: var(--color-caution-text) !important;
}

.ViewAttestationDeviceDetails table.DeviceIdentifierValues
{
	width: 100%;
	margin: 30px 0px 50px 0px;
}
.ViewAttestationDeviceDetails table.DeviceIdentifierValues thead td
{
	font-weight: bold;
	padding: 10px 10px 15px 10px;
}
.ViewAttestationDeviceDetails table.DeviceIdentifierValues tbody tr td
{
	padding: 10px;
}
.ViewAttestationDeviceDetails table.DeviceIdentifierValues tr td:first-child
{
	width: 20%;
}
.ViewAttestationDeviceDetails table.DeviceIdentifierValues tr td:nth-child(2),
.ViewAttestationDeviceDetails table.DeviceIdentifierValues tr td:nth-child(3)
{
	width: 40%;
}
.ViewAttestationDeviceDetails table.DeviceIdentifierValues .DeviceIdentifierMismatch
{
	color: var(--color-warning-text);
	font-weight: bold;
}



#DeviceReports .ColName
{
	width: 30%;
}

#DeviceInstalledProvisioningProfiles
{
	margin-top: 30px;
}

#DeviceInstalledCertificates .ColSubject
{
	width: 60%;
}
#DeviceInstalledCertificates .ColIsIdentity
{
	width: 10%;
}
#DeviceInstalledCertificates .ColNotAfter
{
	width: 20%;
}
#DeviceInstalledCertificates .ColViewDetails
{
	width: 10%;
}


/* Device check-in tab */
#DeviceCheckinHistory .ColDateAdded 
{
	width: 20%;
}
#DeviceCheckinHistory .ColCheckinType 
{
	width: 20%;
}

#DeviceCheckinHistory .ColResult 
{
	width: 20%;
}

#DeviceCheckinHistory .ColFailureType 
{
	width: 20%;
}

#DeviceCheckinHistory .ColDateCompleted 
{
	width: 20%;
}




#DeviceGeneral .DevicePlatformIcon
{
	display: none; /* This item can be removed from the view once we make this the primary theme */
}


#DeviceGeneral .DeviceStatus .StatusIcon,
#DeviceGeneral .AndroidWorkDevice .StatusIcon
{
	position: absolute;
	margin-left: -20px;
}


#DeviceGeneral .DeviceProperties
{
	vertical-align: top;
}
#DeviceGeneral .DeviceProperties .Category
{
	margin-bottom: 30px;
}


#DeviceGeneral .DeviceProperties .DeviceProperty
{
	display: inline-block; 
	vertical-align: top;
	font-size: var(--font-size-compact);

	border-bottom: solid 1px var(--color-element-border);
    padding: 0px 0px 2px 0px;
    margin: 0px 20px 15px 0px;
}
#DeviceGeneral .DeviceProperties .PropertyName
{
	padding-bottom: 5px !important;
	display: inline-block; 
	width: 200px;
	vertical-align: top;
}
#DeviceGeneral .DeviceProperties .PropertyValue
{
	margin-right: 20px;
	padding-bottom: 5px !important;
	display: inline-block; 
	width: 180px;
	font-style: italic;
	word-wrap: break-word;
}
#DialogViewConfigurationVersionKey textarea,
#DialogViewConfigurationVersionKeyHash textarea,
#DialogViewServiceSubscriptions textarea
{
	width: 400px;
	height: 200px;
}

/* style for Windows Desktop data */
#DeviceGeneral .DeviceProperties .Category.WindowsDesktop .DeviceProperty
{
	vertical-align: top;
}
#DeviceGeneral .DeviceProperties .Category.WindowsDesktop .PropertyName
{
	display: block;
	padding-bottom: 10px !important;
	width: 420px;
}
#DeviceGeneral .DeviceProperties .Category.WindowsDesktop .PropertyValue
{
	display: block;
	width: 420px;
}


/* Hide list items greater than 5 */
#BroadbandHotspotDeviceAccordionInfo #DeviceGeneral .DeviceProperties .Category:nth-child(n+2)
{
	display: none;
}



#DeviceCommandHistory .Summary
{
	width: 100%;
	display: flex !important;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
}
#DeviceCommandHistory .Summary .StatusItem
{
	flex: 1 1 0;
}
#DeviceCommandHistory .Summary .StatusItem.Pending
{
	color: var(--color-caution-text);
}
#DeviceCommandHistory .Summary .StatusItem.Failed
{
	color: var(--color-warning-text);
}

#DeviceCommandHistory .ColDateAdded
{
	width: 20%;
	min-width: 85px;
	vertical-align: top;
}
#DeviceCommandHistory .ColDeviceCommandDisplayName
{
	width: 25%;
	min-width: 220px;
	vertical-align: top;
}
#DeviceCommandHistory .ColSucceeded
{
	width: 10%;
	vertical-align: top;
}
#DeviceCommandHistory .ColDateSent
{
	width: 15%;
	min-width: 150px;
	vertical-align: top;
}
#DeviceCommandHistory .ColIssuedByUserID
{
	width: 15%;
	vertical-align: top;
}
#DeviceCommandHistory .ColErrorMessage
{
	width: 15%;
	vertical-align: top;
}



/* Hide list items greater than 5 */
#BroadbandHotspotDeviceAccordionInfo #DeviceCommandHistory table tr:nth-child(n+5)
{
	display: none;
}


#ViewDevice #GroupMemberships.Widget:not(.Expanded) th,
#ViewDevice #GroupMemberships.Widget:not(.Expanded) td
{
	display: none;
}

#ViewDevice #GroupMemberships:not(.Expanded) th:first-child,
#ViewDevice #GroupMemberships:not(.Expanded) td:first-child,
#ViewDevice #GroupMemberships:not(.Expanded) th:nth-child(2),
#ViewDevice #GroupMemberships:not(.Expanded) td:nth-child(2)
{
	display: table-cell !important;
}


/* Network Extensions widget: when collapsed, only show the display name and the ellipsis action button columns */
#ViewDevice #NetworkExtensions.Widget:not(.Expanded) th,
#ViewDevice #NetworkExtensions.Widget:not(.Expanded) td
{
	display: none;
}

#ViewDevice #NetworkExtensions.Widget:not(.Expanded) th:first-child,
#ViewDevice #NetworkExtensions.Widget:not(.Expanded) td:first-child,
#ViewDevice #NetworkExtensions.Widget:not(.Expanded) th:last-child,
#ViewDevice #NetworkExtensions.Widget:not(.Expanded) td:last-child
{
	display: table-cell !important;
}


#DeviceGroupMemberships .Details
{
	margin-bottom: 60px;
	padding: 0px !important;
}

#DeviceGroupMemberships .AvailableGroups
{
	margin-bottom: 20px;
}

#DeviceGroupMemberships td.ColName
{
	width: 60%;
}

#DeviceGroupMemberships td.ColAssignedVia
{
	width: 30%;
}

#DeviceGroupMemberships td.ColCommandButtons
{
	width: 10%;
	text-align: center;
}


#DeviceGroupMemberships section.Details
{
	border-top-width: 0px !important;
}


#DeviceProvisionAssignments
{
	
}
#DeviceProvisionAssignments .AssignedProvisions
{
	margin: 0px 0px 30px 0px;
}
#DeviceProvisionAssignments .AssignedProvisions .ProvisionType
{
	margin: 0px 0px 20px 0px;
}
#DeviceProvisionAssignments .AssignedProvisions ul
{
	padding: 0px 0px 0px 20px;
}
#DeviceProvisionAssignments .AssignedProvisions li
{
	padding: 0px 0px 10px 0px;
}
#DeviceProvisionAssignments .AssignedProvisions li.NoAssignedItemsMessage
{
	list-style-type: none !important;
	font-style: italic;
}
#DeviceProvisionAssignments .ColAssignedItem .IconButton
{
	padding-left: 10px;
	visibility: visible !important;
}


#DeviceInstalledProfiles td
{
	height: 30px;
}




/* Header Charts*/

.HeaderCharts
{
	position: absolute;
	top: 30px;
	margin-left: 360px;
	margin-top: 0px;
	padding: 0px !important;
}
.HeaderCharts .Title
{
	text-align: center;
	margin-bottom: 25px !important;
}
.HeaderCharts .Chart
{
    padding: 0px;
}



/* Company Dashboard */
#CompanyDashboard
{

}
#CompanyDashboard .DashboardContent
{

}
#CompanyDashboard .DashboardContent .chartlegend 
{
	width: 140px !important;
    vertical-align: middle;
}


#CompanyDashboard .flexColumn 
{
	vertical-align: middle;
	padding: 0 0 0px 0 !important;
	margin: 0px 0px 8px 0px !important;
}

#CompanyDashboard .flexIt
{
	display: block !important;  
    float: none !important;
    margin-top: -45px !important;
}

#CompanyDashboard .legendItemCount
{
	top: 8px !important; 
}
#CompanyDashboard .legendItemLabel
{
	top: 7px !important;
    
}




#CompanyDashboard header
{
	padding-bottom: 0px !important;
	border-bottom-width: 0px !important;
}
#CompanyDashboard .Widget
{
	min-height: 336px;
}

#CompanyDashboard .Widget .NoResults
{
	display: block;
	width: 100% !important;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding-top: 80px;
	height: auto !important;
}
#CompanyDashboard .Widget .spinner
{
	display: block !important;
	position: relative !important;
	left: 50% !important;
	top: 120px !important;
}

#CompanyDashboard .chartlegend .DefaultFont 
{
    font-family: PortalTextBold !important;
    font-weight: normal !important;
    font-size: 12px !important;
}


#CompanyDashboard .DefaultLegendPositioning 
{
    height: 100%;
    display: flex !important;
    flex-direction: column;
    display: table-cell !important;
    min-width: 150px;
    justify-content: center;
}


#CompanyDashboard .chartmaindiv 
{
    padding-right: 5px;
	margin-left: -10px;
}
#CompanyDashboard .PieChart
{
	width: 250px;
	height: 250px;
}
#CompanyDashboard .AreaChart
{
	width: 280px;
	height: 250px;
}
#CompanyDashboard .ColumnChart
{
	width: 330px;
	height: 250px;
}

#CompanyDashboard #GettingStarted
{

}
#CompanyDashboard #GettingStarted .Category
{

}
#CompanyDashboard #GettingStarted ul
{
	margin-bottom: 30px;
}
#CompanyDashboard #GettingStarted ul:last-child
{
	margin-bottom: 0px;
}
#CompanyDashboard #GettingStarted ul li
{
	padding-bottom: 10px;
}

/* setup assistant status summary (RovaPortal.Companies.Dashboard LoadSetupSummary) */
#CompanyDashboard #GettingStarted .SetupSummaryIntro
{
	margin-bottom: 15px;
}
#CompanyDashboard #GettingStarted .SetupSummary .SectionName
{
	font-weight: bold;
}
#CompanyDashboard #GettingStarted .SetupSummary .SectionStatus
{
	margin-top: 2px;
	color: var(--color-heading-secondary-text);
}

#CompanyDashboard .Widget.Alerts .AlertCategory
{
	margin-bottom: 10px;
	color: var(--color-heading-secondary-text);
	font-size: 0.8rem;
	text-transform: uppercase;
}
#CompanyDashboard .Widget.Alerts .WarningSign
{
	padding-right: 5px;
}
#CompanyDashboard .Widget.Alerts .WidgetContent ul, 
#CompanyDashboard .Widget.Alerts .WidgetContent ul li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#CompanyDashboard .Widget.Alerts .WidgetContent ul, 
#CompanyDashboard .Widget.Alerts .WidgetContent ul li
{
	margin-bottom: 20px;
}
#CompanyDashboard .Widget.Alerts .WarningText
{
	font-family: PortalTextBold;
	color: var(--color-warning-text);
}
#CompanyDashboard .Widget.Alerts .PendingArchiveMessage
{
	display: block;
	margin-top: 5px;
	font-style: italic;
}


/* The report name is in the WidgetHeader now, the same as every other widget on this page.  The
   chart draws a title of its own inside the content, which this rule used to drag up by 35px so it
   landed where a header would be - two titles in the same place now that there is a real one. */
#CompanyDashboard .Widget.Report .WidgetContent .Title
{
	display: none;
}


#CompanyDashboard .Widget.DevicesSummary .WidgetContent
{
	padding-top: 0px !important;
}
#CompanyDashboard .Widget.DevicesSummary #ChartDeviceStatusSummary
{
	margin-top: -15px;
}
#CompanyDashboard .Widget.DevicesSummary .DataTotal
{
	position: absolute;
	text-align: center;
	margin-top: -120px;
	margin-left: 115px;
	font-size: 13px;
	text-transform: uppercase;
	font-family: PortalTextBold;
}
#CompanyDashboard .Widget.DevicesSummary .DeviceStatus
{
	margin-top: 0px;
	font-size: 12px;
}
#CompanyDashboard .Widget.DevicesSummary .DeviceStatus .SubTitle
{
	margin-top: 15px;
}


#CompanyDashboard .Widget.LicenseSummary .SkuItem
{
	margin-bottom: 20px;
}
#CompanyDashboard .Widget.LicenseSummary .SkuItem .Type .NoLicensesMessage
{
	float: right;
	margin-top: 3px;
	font-family: PortalTextBold;
	font-size: 12px;
}
#CompanyDashboard .Widget.LicenseSummary .SkuItem .Type,
#QuickStartItems .SkuItem .Type
{
	margin-bottom: 10px;
	font-size: 16px;
}
#CompanyDashboard .Widget.LicenseSummary .LicenseSummary,
#QuickStartItems .LicenseSummary
{
	font-family: PortalTextBold;
}
#CompanyDashboard .Widget.LicenseSummary .LicenseSummary.Warning,
#QuickStartItems .LicenseSummary.Warning
{
	color: var(--color-warning-text);
}
#CompanyDashboard .Widget.LicenseSummary .LicenseSummary span:last-child,
#QuickStartItems .LicenseSummary span:last-child
{
	float: right;
}
#CompanyDashboard .Widget.LicenseSummary .SkuItem .LastChanged,
#QuickStartItems .SkuItem .LastChanged
{
	display: none;
	text-align: right;
	font-size: 10px;
	font-style: italic;
}

#CompanyDashboard .Widget.LicenseSummary .MonthlyBillingSummary
{
	margin-top: 40px;
	text-align: center;
	font-size: 16px;
}
#CompanyDashboard .Widget.LicenseSummary .MonthlyBillingSummary .Type
{
	margin-bottom: 15px;
}
#CompanyDashboard .Widget.LicenseSummary .MonthlyBillingSummary .Count
{
	margin-bottom: 15px;
	font-size: 36px;
}



/* Lookout deployment summary */

#CompanyDashboard .Widget.LookoutDeployment .DeploymentStatus
{
	margin-bottom: 20px;
}
#CompanyDashboard .Widget.LookoutDeployment .DeploymentStatus .SubTitle,
#CompanyDashboard .Widget.LookoutDeployment .DeploymentRisk .SubTitle
{
	margin-bottom: 10px;
	color: var(--color-heading-secondary-text);
}

/* deployment status and risk both read as rows of count and share of the fleet */
#CompanyDashboard .Widget.LookoutDeployment .LookoutGrid
{
	width: 100%;
	border-collapse: collapse;
}
#CompanyDashboard .Widget.LookoutDeployment .LookoutGrid td
{
	padding: 3px 0px 3px 0px;
}
#CompanyDashboard .Widget.LookoutDeployment .LookoutGrid .Name .Swatch
{
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 8px;
	border-radius: 2px;
}
#CompanyDashboard .Widget.LookoutDeployment .LookoutGrid .Value,
#CompanyDashboard .Widget.LookoutDeployment .LookoutGrid .Percent
{
	width: 60px;
	text-align: right;
	font-family: PortalTextBold;
}
#CompanyDashboard .Widget.LookoutDeployment .LookoutGrid .Percent
{
	font-family: PortalTextRegular;
	color: var(--color-heading-secondary-text);
}

/* Swatch colors are fixed rather than theme variables so that the status and risk scales read the same in
   every theme.  The shades match the chart palette in ChartComponent.js GetColor() where the meaning lines up:
   #9ed8bf is Active/Enrolled, #FF0000 is No Response/Failed, #FFCA7A is Busy/Activation Sent,
   #A3A3A3 is Not Activated, #fad261 is the Windows yellow. */

/* status swatches */
#CompanyDashboard .Widget.LookoutDeployment .LookoutGrid .Connected .Swatch
{
	background-color: #42ff4f;	/* green */
}
#CompanyDashboard .Widget.LookoutDeployment .LookoutGrid .Disconnected .Swatch
{
	background-color: #FF0000;	/* red */
}
#CompanyDashboard .Widget.LookoutDeployment .LookoutGrid .Pending .Swatch
{
	background-color: #f7df40;	/* yellow */
}
#CompanyDashboard .Widget.LookoutDeployment .LookoutGrid .Deactivated .Swatch
{
	background-color: #A3A3A3;	/* gray */
}

/* risk swatches */
#CompanyDashboard .Widget.LookoutDeployment .LookoutGrid .RiskHigh .Swatch
{
	background-color: #FF0000;	/* red */
}
#CompanyDashboard .Widget.LookoutDeployment .LookoutGrid .RiskMedium .Swatch
{
	background-color: #ff9838;	/* orange */
}
#CompanyDashboard .Widget.LookoutDeployment .LookoutGrid .RiskLow .Swatch
{
	background-color: #f7df40;	/* yellow */
}
#CompanyDashboard .Widget.LookoutDeployment .RetrievedOn
{
	margin-top: 20px;
	text-align: right;
	font-size: 10px;
	font-style: italic;
	color: var(--color-heading-secondary-text);
}
#CompanyDashboard .Widget.LookoutDeployment .WarningText
{
	margin-top: 15px;
	color: var(--color-warning-text);
}



#DialogLookoutApiKey .Description
{
	margin-bottom: 30px;
}
#DialogLookoutApiKey .Field .Label
{
	display: block !important;
	margin-bottom: 20px;
}
#DialogLookoutApiKey .Field .Control
{
	display: block !important;
}
#DialogLookoutApiKey .Field textarea
{
	width: 80%;
}



/* Edit dashboard form */
#DialogModifyDashboardCharts #sortable
{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-color: var(--color-primary) !important;
}

#DialogModifyDashboardCharts #sortable li 
{
    margin: 10px 0px 10px 0px;
    padding: 10px 5px 10px 5px;
	cursor: move;
}

#DialogModifyDashboardCharts #sortable .ChartName 
{
        
}
#DialogModifyDashboardCharts #sortable .DeleteChartButton 
{
	margin-top: -25px;
    float: right;
} 
#DialogModifyDashboardCharts .Title 
{
    margin: 10px 0px 10px 0px;
}
#DialogModifyDashboardCharts .SubTitle 
{
	margin: 30px 0px 20px 0px;   
}
#DialogModifyDashboardCharts .ChartSelectList .IconButton
{
	position: absolute;
	margin: -4px 0px 0px 18px;
	font-size: 24px;
}






/* Add Device */
#AddDevice .DeviceIconContainer i
{
	font-size: 100px;
	height: 100px;
	width: 100px;
}
#AddDevice .TogglePlatforms
{

}

#AddDevice .EnrollPlatforms 
{
	padding-top: 40px;
}

#AddDevice .EnrollPlatform
{
	margin: 0px 20% 80px 20%;
	padding: 20px 30px 20px 30px;
	border-radius: 8px;
	background-color: var(--color-secondary-background);
	border: solid 1px var(--color-element-border);
	min-width: 320px;
}
#AddDevice .DeviceIcon
{
	display: table-cell;
	vertical-align: top;
	width: 100px;
}
#AddDevice .InstallInfo
{
	display: table-cell;
	vertical-align: top;
	padding-top: 10px;
	padding-left: 30px;
}
#AddDevice .InstallInfo .Title
{
	margin-bottom: 20px;
	font-size: var(--font-size-heading);
	font-family: PortalLargeTextBold;
}
#AddDevice .InstallInfo .Message
{
	margin-bottom: 20px;
	font-size: var(--font-size-paragraph);
}
#AddDevice .InstallInfo .Message .WindowsPhoneEnrollmentLocation
{
	font-family: PortalLargeTextBold;
	word-break: break-all;
}
#AddDevice .InstallInfo .Link a
{
	display: block;
	margin-bottom: 20px;
	font-size: 1.2rem;
}

#AddDevice .Unauthorized
{
	margin-top: 30px;
	padding: 40px 0px 40px 0px;
	text-align: center;
	font-family: PortalLargeTextBold;
}




/* policy pages */






#WindowsMDMEditionCheckBoxes .Control, 
#DeviceOwnershipCheckBoxes .Control
{

}








#iOSProvisioningProfiles.ListControl .NoInputContainer
{
    margin-bottom: 12px;
    padding-bottom: 16px;
    padding-top: 10px;
}


/* Dependent fields */
.Dependent
{
	padding-left: 0px !important;
}




/* Apply globally */
.RequiredPremiumLicenseType
{
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}


/* Web Clips, LockScreen, HomeScreen Icon/Wallpaper */
#WebClipSettings .IconPreview,
#LockScreenSettings .WallpaperPreview,
#HomeScreenSettings .WallpaperPreview 
{
    display: block;
    position: absolute;
    margin-top: -60px;
    margin-left: -95px;
}
#WebClipSettings .IconPreview img,
#LockScreenSettings .WallpaperPreview img,
#HomeScreenSettings .WallpaperPreview img
{
    max-height: 75px;
    max-width: 75px;
}




/* Homescreen app layout */
#HomeScreenSettings .DeviceScreen.Phone
{
	width: 240px;
}

#HomeScreenSettings .DeviceScreen.Tablet
{
	width: 365px;
}
#HomeScreenSettings .DeviceScreen.Tablet .Page .IconItem
{
    width: 68px;
}


#HomeScreenSettings .DeviceScreen
{
	height: 520px;
    border: solid 8px #000000;
	border-radius: 30px 30px;
	padding: 10px;
	background-color: #FFFFFF;
}

#HomeScreenSettings .DeviceScreen #Pages
{
	position: relative;
}
#HomeScreenSettings .DeviceScreen .PageContent
{
	height: 400px;
	margin: 10px;
	overflow-y: auto;
}
#HomeScreenSettings .DeviceScreen .Paging
{
	height: 30px;
	margin: 10px;
	text-align: center;
}
#HomeScreenSettings .DeviceScreen .Paging .PageButton
{
	display: inline-block;
	width: 25px;
	height: 23px;
	margin: 0px 5px 0px 5px;
	padding-top: 2px;
	text-align: center;
	background-color: #CCCCCC;
	font-size: 16px;
	border-radius: 15px 15px;
}
#HomeScreenSettings .DeviceScreen .Paging a.PageButton,
#HomeScreenSettings .DeviceScreen .Paging a.PageButton
{
	text-decoration: none;
	color: #FFFFFF !important;
}
#HomeScreenSettings .DeviceScreen .Paging .PageButton.Selected,
#HomeScreenSettings .DeviceScreen .Paging a.PageButton:hover
{
	background-color: #AAAAAA;
}
#HomeScreenSettings .DeviceScreen .Folder
{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
	transform: translate(-50%, -50%);
	background: rgba(50, 50, 50, .9);
	border-radius: 10px 10px;
	width: 75% !important;
	height: 60% !important;
	margin: 0px 0px 0px !important;
	padding: 30px 10px 10px 10px;
	color: #FFFFFF;
}
#HomeScreenSettings .DeviceScreen .Folder .DisplayName
{
	display: none;
}
#HomeScreenSettings .DeviceScreen .Folder .IconItem .DisplayName
{
	color: #FFFFFF !important;
	font-weight: normal !important;
}
#HomeScreenSettings .DeviceScreen .Folder .IconButton.Remove
{
	position: absolute;
	top: 0;
	right: 10px;
	color: #FFFFFF;
}

#HomeScreenSettings .DeviceScreen .Dock
{
    background-color: #CCCCCC;
	border-radius: 15px 15px;
	height: 50px;
	padding: 3px 10px 3px 10px;
	margin: 5px 0px 10px 0px;
	overflow-y: auto;
}


#HomeScreenSettings .DeviceScreen .IconItem
{
	display: inline-block;
	width: 55px;
	height: 60px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 5px 5px;
	text-align: center;
}
#HomeScreenSettings .DeviceScreen .Scrollable .IconItem
{
	width: 50px !important;
}
#HomeScreenSettings .DeviceScreen .Dock .IconItem
{
	height: 40px;
	margin-bottom: 0px !important;

}
#HomeScreenSettings .DeviceScreen .IconItem:hover
{
	cursor: pointer;
}
#HomeScreenSettings .DeviceScreen .IconItem img
{
    max-width: 40px;
	max-height: 40px;
	border-radius: 10px 10px;
	text-align: center;
}
#HomeScreenSettings .DeviceScreen .IconItem .DisplayName
{
	position: relative;
	display: block;
	text-align: center;
	margin-top: 5px;
    font-size: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#HomeScreenSettings .DeviceScreen .IconItem.Selected
{
	background-color: #CCCCCC;
}


#HomeScreenSettings #DeviceScreen
{
	display: block;
	margin-top: 20px;
}
#HomeScreenSettings #DeviceScreenOptions
{
	margin-top: 25px;
	vertical-align: top;
	border: solid 1px var(--color-element-border);
	padding: 30px;
	border-radius: 10px 10px;
}
#HomeScreenSettings #DeviceScreenOptions a
{
	display: block;
	margin-bottom: 15px;
}
#HomeScreenSettings #DeviceScreenOptions #ScreenType
{
	margin-bottom: 30px;
}

#HomeScreenSettings #DeviceScreenOptions #SelectedItemPreview
{
	margin-top: 30px;
	text-align: center;
}
#HomeScreenSettings #DeviceScreenOptions #SelectedItemPreview input
{
	width: 100% !important;
}
#HomeScreenSettings #DeviceScreenOptions #SelectedItemPreview img
{
	max-width: 100px;
	max-height: 100px;
	margin-bottom: 10px;
	border-radius: 15px 15px;
}


/* app search */
.HomeScreenPolicy select
{
	margin-bottom: 10px;
}
.HomeScreenPolicy .SearchStoreResults
{
	text-align: left !important;
}
.HomeScreenPolicy .SearchStoreResults .searchStoreResultsItem
{
	height: 150px !important;
	width: 100px !important;
}
.HomeScreenPolicy .SearchStoreResults .searchStoreResultsItem .title
{
	min-height: 30px !important;
}
.HomeScreenPolicy .SearchStoreResults .searchStoreResultsItem .icon img
{
	max-height: 100px !important;
	max-width: 100px !important;
}






/* Android Launcher */
#LauncherConfigurations.Provision #Details 
{
    width: 60%;
}
#LauncherConfigurations.Provision #Assignments 
{
    width: 35%;
	text-align: center;
}
#LauncherConfigurations .Field .Label
{
	width: 200px;
}

#LauncherConfigurations .DeviceScreen.Phone
{
	width: 240px;
}

#LauncherConfigurations .DeviceScreen.Tablet
{
	width: 365px;
}
#LauncherConfigurations .DeviceScreen.Tablet .Page .IconItem
{
    width: 68px;
}


#LauncherConfigurations #ScreenType
{
	display: inline-block;
}
#LauncherConfigurations .DeviceScreen
{
	display: inline-block;
	height: 550px;
	margin-top: 20px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border: solid 8px #000000;
	border-radius: 30px 30px;
	padding: 0px 10px 10px 0px;
}

#LauncherConfigurations .DeviceScreen table
{
	width: 100%;
	height: 100%;
	table-layout: fixed; /* Ensures cells take up equal space */
	border-spacing: 0px;
}
#LauncherConfigurations .DeviceScreen table tr.HeaderRow td
{
	height: 15px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	color: #999999;
}
#LauncherConfigurations .DeviceScreen table tr td.HeaderColumn
{
	width: 15px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #999999;
}
#LauncherConfigurations .DeviceScreen tr td
{
	align-items: center;
	justify-content: center;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #d9d9d9;
}
#LauncherConfigurations .DeviceScreen tr:last-child td
{
	border-bottom-width: 2px;
}
#LauncherConfigurations .DeviceScreen tr td:last-child
{
	border-right-width: 2px;
}

#LauncherConfigurations .DeviceScreen table.QuickBarApps tr td
{

}

#LauncherConfigurations .DeviceScreen #Pages
{
	position: relative;
}
#LauncherConfigurations .DeviceScreen .PageContent
{
	height: 400px;
	margin: 0px 10px 10px 0px;
	overflow-y: auto;
}
#LauncherConfigurations .DeviceScreen .Paging
{
	height: 30px;
	margin: 10px;
	text-align: center;
}
#LauncherConfigurations .DeviceScreen .Paging .PageButton
{
	display: inline-block;
	width: 25px;
	height: 23px;
	margin: 0px 5px 0px 5px;
	padding-top: 2px;
	text-align: center;
	background-color: #CCCCCC;
	font-size: 16px;
	border-radius: 15px 15px;
}
#LauncherConfigurations .DeviceScreen .Paging a.PageButton,
#LauncherConfigurations .DeviceScreen .Paging a.PageButton
{
	text-decoration: none;
	color: #FFFFFF !important;
}
#LauncherConfigurations .DeviceScreen .Paging .PageButton.Selected,
#LauncherConfigurations .DeviceScreen .Paging a.PageButton:hover
{
	background-color: #AAAAAA;
}
#LauncherConfigurations .DeviceScreen .Folder
{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
	text-align: left;
	transform: translate(-50%, -50%);
	background: rgba(50, 50, 50, .7);
	border: solid 1px #FFFFFF;
	border-radius: 10px 10px;
	width: 75% !important;
	height: 60% !important;
	margin: 0px 0px 0px !important;
	padding: 30px 10px 10px 10px;
	color: #FFFFFF;
}
#LauncherConfigurations .DeviceScreen .Folder .IconItem
{
	margin: 0px 10px 0px 10px;
	display: inline-block;
}
#LauncherConfigurations .DeviceScreen .Folder .DisplayName
{
	display: none;
}

#LauncherConfigurations .DeviceScreen .Folder .IconButton.Remove
{
	position: absolute;
	top: 0;
	right: 10px;
	color: #FFFFFF;
}

#LauncherConfigurations .DeviceScreen #GoogleSearchBar
{
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	height: 25px;
}
#LauncherConfigurations .DeviceScreen #GoogleSearchBar img
{
	width: 85%;
}


#LauncherConfigurations .DeviceScreen .Dock
{
	height: 50px;
	padding: 3px 10px 3px 10px;
	margin: 5px 0px 10px 10px;
	overflow-y: auto;
}


#LauncherConfigurations .DeviceScreen .IconItem
{
	text-align: center;
}
#LauncherConfigurations .DeviceScreen .Scrollable .IconItem
{
	width: 50px !important;
}
#LauncherConfigurations .DeviceScreen .Dock .IconItem
{
	height: 40px;
	margin-bottom: 0px !important;

}
#LauncherConfigurations table.DeviceHomeScreenPage tr td:hover,
#LauncherConfigurations table.QuickBarApps tr td:hover
{
	cursor: pointer;
	border: solid 1px #999999;
	background: rgba(255, 255, 255, .6);
}
#LauncherConfigurations .Folder span[data-item-index]:hover
{
	cursor: pointer;
}
#LauncherConfigurations table.DeviceHomeScreenPage tr.HeaderRow td:hover,
#LauncherConfigurations table.DeviceHomeScreenPage tr td.HeaderColumn:hover
{
	cursor: unset;
	border: unset;
	background-color: unset;
}
#LauncherConfigurations table.DeviceHomeScreenPage tr td.Selected,
#LauncherConfigurations table.QuickBarApps tr td.Selected
{
	border: solid 2px #000000;
	background: rgba(255, 255, 255, .6);
}
#LauncherConfigurations .DeviceScreen .IconItem img
{
	width: 90% !important;
    max-width: 40px;
	max-height: 40px;
	border-radius: 10px 10px;
	text-align: center;
}
#LauncherConfigurations .DeviceScreen .IconItem.ImageLink img
{
	width: unset !important; /* do not set full width */
}
#LauncherConfigurations .DeviceScreen .IconItem .DisplayName
{
	position: relative;
	display: block;
	text-align: center;
	margin-top: 5px;
    font-size: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


#LauncherConfigurations .DeviceScreen .ItemText
{
	display: block;
	font-size: 20px;
	text-align: left !important;
}
#LauncherConfigurations .DeviceScreen .ClockDisplayLine1
{
	display: block;
	font-size: 20px;
}
#LauncherConfigurations .DeviceScreen .ClockDisplayLine2
{
	display: block;
	font-size: 14px;
}
#LauncherConfigurations .DeviceScreen .ItemLabel
{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}


#LauncherConfigurations #DeviceScreenOptions.WidgetContainer
{
	margin-top: 30px;
	min-width: 800px;
}

#LauncherConfigurations #DeviceScreenOptions .Widget
{
	margin: 0px 0px 40px 0px !important;
	min-height: unset;
}


#LauncherConfigurations #DeviceScreenOptions .WidgetContent
{
	display: grid;
    grid-template-columns: 25% 75%; /* Two columns */
	align-items: stretch;	/* both columns grow to the tallest, so the preview never protrudes */
	padding: 0px 0px 0px 0px !important;
}
#LauncherConfigurations #DeviceScreenOptions .LinkButtons
{
	padding: 10px;
}
#LauncherConfigurations #DeviceScreenOptions #PreviewArea
{
	display: flex;
	flex-direction: column;	/* lets .EditItemButtons pin to the bottom */
	box-sizing: border-box;
	min-width: 580px;
	min-height: 320px;
	padding: 10px;
	background-color: var(--color-secondary-background);
	border-top-left-radius: 10px;
	border-bottom-right-radius: 16px;	/* matches the .Widget corner it sits in */
}
#LauncherConfigurations #DeviceScreenOptions #PreviewArea .NoItemsSelectedMessage
{
	margin-top: 60px;
	text-align: center;
	font-weight: bold;
}

#LauncherConfigurations #DeviceScreenOptions .LinkButtons a
{
	display: block;
	margin-bottom: 15px;
}


/* warning messages in modal popups */
.DeleteRowWarningMessage
{
	margin: 40px 0px 40px 0px;
	font-weight: bold;
	color: var(--color-warning-text);
}



#LauncherConfigurations #DeviceScreenOptions #SelectedItemPreview
{
	display: grid;
    grid-template-columns: 52% 48%; /* Two columns */
	flex: 1 1 auto;	/* fills #PreviewArea and pushes .EditItemButtons down */
}
#LauncherConfigurations #DeviceScreenOptions #SelectedItemPreview .SelectedItemColumn1,
#LauncherConfigurations #DeviceScreenOptions #SelectedItemPreview .SelectedItemColumn2
{

}
#LauncherConfigurations #DeviceScreenOptions #SelectedItemPreview .Field .Label
{
	display: block;
	padding-right: 0px;
	margin-bottom: 5px;
	width: 90%;
	font-weight: bold;
}
#LauncherConfigurations #DeviceScreenOptions #SelectedItemPreview .Field .Control
{
	display: block;
	padding-right: 0px;
	width: 100%;
}
#LauncherConfigurations #DeviceScreenOptions #SelectedItemPreview .Field .Control input
{
	width: 90%;
}
#LauncherConfigurations #DeviceScreenOptions #SelectedItemPreview .Field .Control select
{
	margin-top: 0px;
}
#LauncherConfigurations #DeviceScreenOptions #SelectedItemPreview .Placement .Control select
{
	display: block;
	margin-bottom: 15px;
}

#LauncherConfigurations #DeviceScreenOptions #SelectedItemPreview .Placement .Label a#UpdateItemPlacement
{
	float: right;
}

#LauncherConfigurations #DeviceScreenOptions #SelectedItemPreview img
{
	max-width: 100px;
	max-height: 100px;
	margin-bottom: 10px;
	border-radius: 15px 15px;
}

#LauncherConfigurations #DeviceScreenOptions .EditItemButtons
{
	display: flex;
	align-items: center;
	justify-content: flex-end;	/* bottom right of #PreviewArea */
	flex: 0 0 auto;
	margin-top: auto;
	padding-top: 15px;
}
#LauncherConfigurations #DeviceScreenOptions .EditItemButtons .btn
{
	font-size: 14px;
    min-width: unset !important;
    padding: 5px 15px 5px 15px !important;
	margin: 0px 5px 0px 5px;
}








/* LDAP settings */
.LdapSearchSettings
{
	display: block;
	font-size: var(--font-size-compact);
}

.LdapSearchSettings .Title
{
	margin-top: 20px !important;
	margin-bottom: 10px !important;
	font-family: PortalTextBold;
}
.LdapSearchSettings .SearchSetting
{

}
.LdapSearchSettings .SearchSetting .Button
{
	display: inline-block;
	width: 10%;
}
.LdapSearchSettings .SearchSetting .SettingDescription
{
	display: inline-block;
	width: 30%;
}
.LdapSearchSettings .SearchSetting .SettingDescription input
{
	width: 120px !important;
}
.LdapSearchSettings .SearchSetting .Scope
{
	display: inline-block;
	width: 25%;
}
.LdapSearchSettings .SearchSetting .Scope select
{
	display: inline-block;
	width: 100px !important;
}
.LdapSearchSettings .SearchSetting .SearchBase
{
	display: inline-block;
	width: 30%;
}
.LdapSearchSettings .SearchSetting .SearchBase input
{
	width: 120px !important;
}




/* Software Update Settings - OfferPrograms */
.OfferPrograms
{
	display: block;
	font-size: var(--font-size-compact);
}

.OfferPrograms .Title
{
	margin-top: 20px !important;
	margin-bottom: 10px !important;
	font-family: PortalTextBold;
}

.OfferPrograms .OfferProgram .Button
{
	display: inline-block;
	width: 10%;
}

.OfferPrograms .OfferProgram .Description
{
	display: inline-block;
	width: 44%;
}

.OfferPrograms .OfferProgram .Description input
{
	width: 180px !important;
}

.OfferPrograms .OfferProgram .Token
{
	display: inline-block;
	width: 44%;
}

.OfferPrograms .OfferProgram .Token input
{
	width: 180px !important;
}



/* Allowed Devices */

#AllowedDevices .DeviceIconContainer i
{
	font-size: 100px;
	height: 140px;
	width: 140px;
}

#AllowedDevices .AccordionContent
{
	min-height: 120px;
}
#AllowedDevices .DevicePlatformIcon
{
	position: absolute;
	margin-left: 45%;
	margin-top: -40px;
}
#AllowedDevices .InlineCheckboxList
{
	display: block;
	margin: 20px 0px 0px 0px;
}
#AllowedDevices .InlineCheckboxList i
{
	font-size: var(--font-size-icon-button) !important;
}
#AllowedDevices .InlineCheckboxList input[type=text]
{
	text-align: left !important;
}
#AllowedDevices .CheckBoxListItem
{
	display: block;
}
#AllowedDevices .CheckBoxListItem input
{
	width: auto !important;
	margin-right: 10px !important;
}

#AllowedDevices .EnrollmentModelItem
{
	display: block;
}
#AllowedDevices .EnrollmentModelItem i
{
	font-size: var(--font-size-icon-button);
}

#AllowedDevices .EnrollmentModelItem.Title
{
	margin-top: 20px !important;
	margin-bottom: 10px !important;
	font-family: PortalTextBold;
}
#AllowedDevices .EnrollmentModelItem .Button
{
	display: inline-block;
	width: 30px;
}
#AllowedDevices .EnrollmentModelItem .EnrollmentModelValue
{
	display: inline-block;
}
#AllowedDevices .EnrollmentModelItem .EnrollmentModelValue input
{
	width: 220px !important;
}



#AllowedDevicesList .ColName
{
	width: 35%;
}
#AllowedDevicesList .ColAllowiOS
{
	width: 15%;
}
#AllowedDevicesList .ColAllowAndroid
{
	width: 15%;
}
#AllowedDevicesList .ColAllowWindowsPhone
{
	width: 15%;
}
#AllowedDevicesList .ColAllowBlackBerry
{
	width: 15%;
}
#AllowedDevicesList .ColAssignButton
{
	width: 5%;
}



#Application #Assignments .IconButton.Edit
{
	visibility: visible;
}
#Application #Assignments.Widget.Expanded
{
	width: 98% !important;
	display: block !important;
}
#Application #Assignments.Widget.Expanded th,
#Application #Assignments.Widget.Expanded td
{
	display: table-cell !important;
}
#Application #Assignments.Widget:not(.Expanded) th:first-child,
#Application #Assignments.Widget:not(.Expanded) td:first-child,
#Application #Assignments.Widget:not(.Expanded) th:nth-child(2),
#Application #Assignments.Widget:not(.Expanded) td:nth-child(2),
#Application #Assignments.Widget:not(.Expanded) th:last-child,
#Application #Assignments.Widget:not(.Expanded) td:last-child
{
	display: table-cell !important;
}


#Application .PageTitle
{
	min-height: 70px;
}
#Application .PageTitle .Text
{
	position: absolute;
	margin-top: 10px;
}
#Application .PageDescription
{

}
#Application .QrPreview
{
	max-width: 200px !important;
}
#Application #AppleDeviceBitmaskValueCheckBoxes .Label
{
	display: block;
}


#FilePathIcon 
{
    display: none;
}
#Application .AppIcon
{
	padding-top: 5px;
	padding-right: 20px;
	width: 80px;
	max-width: unset;
	max-height: 80px;
}
#Application #searchStore
{
    padding-bottom: 30px;
}
#Application .appstoreicon
{
   max-height: 100px;
   max-width: 100px;
}




.SearchStoreResults
{
    display: block;
    text-align: center;
}
.SearchStoreResults .searchStoreResultsItem 
{
    padding: 10px;
    display: inline-block;
    width: 150px;
    align-content: center;
    text-align: center;
    vertical-align: top;
    margin: 5px;
    background-color: var(--color-secondary-background);
    cursor: pointer;
    border-radius: 10px;
	word-break: break-all;
}

.SearchStoreResults .searchStoreResultsItem:hover, 
.SearchStoreResults .searchStoreResultsItemselected 
{
   background-color: darkgray !important;
}

.SearchStoreResults .searchStoreResultsItem .title 
{
    display: block;
	margin-bottom: 20px;
}
.SearchStoreResults .searchStoreResultsItem .SellerName 
{
    display: block; 
	padding-top: 10px;
    font-size: 10px;
}
.SearchStoreResults .searchStoreResultsItem .icon 
{
    display: block; 
}
.SearchStoreResults .searchStoreResultsItem .icon img
{
    border-radius: 10px 10px;
}

#AppSelectedInfo .Title 
{
	display: none;
}
#AppSelectedInfo .SellerName 
{
	font-size: 16px;
	margin-bottom: 40px;
}

#AppSelectedInfo .Description
{
	display: inline-block;
	float: right;
	width: 70%;
}
#AppSelectedInfo .AppStoreLink
{
	margin-top: 40px;
}
#AppSelectedInfo .Container
{
	display: inline-block;
	width: 25%;
}
#AppSelectedInfo .SubTitle 
{
	font-family: PortalTextBold;
	padding-bottom: 20px;
}
#AppSelectedInfo .Container .SubTitle
{
	padding: 20px 0px 5px 0px !important;
}
#AppSelectedInfo .Icon
{
	margin-bottom: 20px;
}
#AppSelectedInfo .Icon img 
{
	max-height: 150px;
	max-width: 150px;
	border-radius: 10px 10px;
}






/* Pre-approved Devices */

#DevicesPreapproved .field-validation-error,
#dialog-create-preapproved-device .field-validation-error
{
	position: relative !important;
	display: block !important;
	background-color: transparent !important;
	padding: 0px !important;
	margin: 10px 0px 10px 0px !important;
	box-shadow: none !important;
	color: var(--color-warning-text);
}
#dialog-create-preapproved-device form
{
	padding-top: 30px;
}
#DevicesPreapproved span.View
{
	display: inline-block;
	padding-top: 5px !important;
}
#DevicesPreapproved .UpdateButtons
{
	width: 3%;
	padding-right: 10px;
	text-align: right;
	vertical-align: top;
}
#DevicesPreapproved .UpdateButtons a
{
	margin-left: 10px;
}
#DevicesPreapproved .DevicePropertiesSysID
{
	width: 18%;
	vertical-align: top;
}
#DevicesPreapproved .PropertyValue
{
	width: 20%;
	vertical-align: top;
}
#DevicesPreapproved .DeviceOwnershipTypeID
{
	width: 12%;
	vertical-align: top;
}
#DevicesPreapproved .UserID
{
	width: 14%;
	vertical-align: top;
}
#DevicesPreapproved .DefaultGroupMembership
{
	width: 10%;
	vertical-align: top;
}
#DevicesPreapproved .DefaultGroupMembership2
{
	width: 10%;
	vertical-align: top;
}
#DevicesPreapproved .DefaultGroupMembership3
{
	width: 10%;
	vertical-align: top;
}
#DevicesPreapproved .DeleteButton
{
	width: 3%;
	text-align: right;
	vertical-align: top;
}

#DevicesPreapproved .PropertyValue input,
#DevicesPreapproved .UserID input,
#DevicesPreapproved .PropertyValue select, 
#DevicesPreapproved .DeviceOwnershipTypeID select
{
	width: 90%;
}



/* Groups */



#GroupDetail .AssignedPolicies .ProvisionActionButtons
{
	position: relative;
	display: block;
	margin-top: 0px !important;
	margin-bottom: 20px;
	text-align: right;
}



#GroupDetail.Provision #Details
{
	width: 60% !important;
}
#GroupDetail.Provision #Assignments
{
	width: 35% !important;
}

#GroupDetail .Field .Label
{
	min-width: unset;
}
#GroupDetail .WidgetHeader
{
	display: block !important;
}
#GroupDetail .Widget
{
	width: 95%;
}

#GroupDetail .ui-accordion .ui-widget-content
{
	margin-top: 10px !important;
}
#GroupDetail #GroupAssignmentsList tr th,
#GroupDetail #GroupAssignmentsList tr td
{
	padding-left: 20px;
}
#GroupDetail #GroupAssignmentsList table.TableList
{

}


/* hide old tab style header */
#GroupDetail #accordion-header-policies
{
	display: none !important;
}

/* For policy assignments, hide all columns execpt policy type and policy name */
#GroupDetail.Provision #Assignments .TableList th, 
#GroupDetail.Provision #Assignments .TableList td
{
	display: none;
}
#GroupDetail.Provision #Assignments .TableList th:nth-child(3), 
#GroupDetail.Provision #Assignments .TableList td:nth-child(3),
#GroupDetail.Provision #Assignments .TableList th:nth-child(4), 
#GroupDetail.Provision #Assignments .TableList td:nth-child(4),
#GroupDetail.Provision #Assignments .TableList th:nth-child(6), 
#GroupDetail.Provision #Assignments .TableList td:nth-child(6)
{
	display: table-cell !important;
}


#GroupDetail .UnassignedMutuallyExclusiveGroups .Button i,
#GroupDetail .AssignedMutuallyExclusiveGroup .Button i
{
	font-size: 12pt;
}
#GroupDetail .UnassignedMutuallyExclusiveGroups
{
	margin-bottom: 15px;
}



#ViewDevicesSearchResults #header,
#ViewDevicesSearchResults .SearchPanel,
#ViewUsersSearchResults #header,
#ViewUsersSearchResults .SearchPanel
{
	display: none !important;
}
#ViewDevicesSearchResults .LeftColumn, 
#ViewDevicesSearchResults .LeftColumn section,
#ViewUsersSearchResults .LeftColumn, 
#ViewUsersSearchResults .LeftColumn section
{
	padding: 0px 0px 0px 0px !important;
}



/* Authentication */
#Authentication .LeftColumn
{
	padding-bottom: 0px !important;
}

#Authentication .PageDescription
{
	margin-top: 20px;
	width: 100%;
}
#Authentication .PageDescription select
{
	margin-top: 15px;
}
#Authentication .SelectedMethodParameters header,
#Authentication .SelectedMethodParameters section
{
	padding: 0px 0px 0px 0px !important;
}
#Authentication .PolicyContainer header .PageTitle
{
	display: none !important; /* hide title when showing partial views on page */
}
#Authentication .PolicyContainer .BreadCrumbs
{
	display: none; /* hide navigation when showing partial views on page */
}
#Authentication .SelectedMethodParameters .PageDescription
{
	margin: 0px 0px 0px 0px;
	width: 60%;
}
#Authentication .SelectedMethodParameters div.Provision header .NavigationButtons
{
	/* .PageTitle is hidden on this page, so neither header shape right-aligns these buttons on its
	   own: in the ajax loaded Item views (Okta/Azure/Google Workspace) .NavigationButtons is the
	   only visible .TitleBar flex item, and in the inline partials (Exchange/RADIUS/IMAP) there is
	   no .TitleBar at all and it stretches across the header's column flex.  An auto inline-start
	   margin pushes it to the right edge in both - on the cross axis it also suppresses the
	   stretch, so the block shrinks to its buttons. */
	margin-left: auto;
}
/* Exchange/RADIUS/IMAP are shown alongside #test-authentication, and .PolicyContainer is a row
   flex, so the parameters would otherwise only be as wide as their own fields - leaving the save
   button stranded mid page next to the test panel.  Let the row wrap and give the parameters the
   full width, which drops the test panel onto its own line underneath (where its .Separator was
   always meant to read) and puts the save button at the right edge of the page, as it is on every
   other provision page.  The ajax loaded methods hide #test-authentication, so nothing wraps for
   them and their layout is unchanged. */
#Authentication .PolicyContainer
{
	flex-wrap: wrap;
}
#Authentication #select-item-Exchange,
#Authentication #select-item-RADIUS,
#Authentication #select-item-IMAP
{
	flex: 1 1 100%;
}

#Authentication #Authentication-Test
{
	margin-top: 40px;
}
#Authentication #Authentication-Test div.Separator
{
	width: 60%;
	margin-bottom: 20px;
	text-align: left;
}

#Authentication .Widget
{
	background-color: var(--color-primary-background);
}


#Authentication .UnassignedRadiusServers .Button i,
#Authentication #AssignedRadiusServerList .Button i
{
	font-size: 12pt;
}
#Authentication .UnassignedRadiusServers
{
	margin-bottom: 15px;
}



/* Applications */

#SoftwareList .TableList td
{

}

#SoftwareList .ColAppIcon
{
	width: 5%;
}
#SoftwareList .ColAppIcon img.AppIcon
{
	max-width: 40px;
}
#SoftwareList .ColAppIcon i.Image
{
	font-size: 40px;
	color: #c6e5fb;
}
#SoftwareList .ColAppName
{
	width: 25%;
}
#SoftwareList .ColVersion
{
	width: 5%;
}
#SoftwareList .ColDevicePlatform
{
	width: 10%;
}
#SoftwareList .ColType
{
	width: 10%;
}
#SoftwareList .ColAvailableLicenses
{
	width: 10%;
}
#SoftwareList .ColAssignedGroups
{
	width: 20%;
}
#SoftwareList .ColIsEnterpriseProvision
{
	width: 10%;
}
#SoftwareList .ColAssignButton
{
	width: 5%;
}

/* style gridview */

/* Switch the card row to a 2-column CSS grid */
#SoftwareList .TableList.GridView tbody tr
{
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	align-items: start;
	gap: 0 0.75rem;
	padding: 1rem !important;
}

/* Reset the base GridView td overrides for this list */
#SoftwareList .TableList.GridView td
{
	width: auto !important;
	margin-left: 0 !important;
	padding: 4px 6px !important;
}

/* ID column not useful in card view */
#SoftwareList .TableList.GridView td.ColID
{
	display: none !important;
}

/* --- Card header: icon top-left, name overlaid to its right --- */

/* Icon cell: full-width, row 1 � establishes row height */
#SoftwareList .TableList.GridView td.ColAppIcon
{
	position: static !important;
	display: flex !important;
	align-items: flex-start;
	grid-column: 1 / 3;
	grid-row: 1;
	padding: 0.5rem 0.5rem 0.75rem !important;
}

#SoftwareList .TableList.GridView td.ColAppIcon img
{
	width: 80px;
	max-width: unset;
	max-height: 80px;
	border-radius: 16px;
}
#SoftwareList .TableList.GridView td.ColAppIcon i
{
	font-size: 80px;
}

/* Name cell: same grid area as icon � overlaps on top.
   Left padding pushes the <a> past the icon width.
   background: transparent lets the icon show through. */
#SoftwareList .TableList.GridView td.ColAppName
{
	grid-column: 1 / 3;
	grid-row: 1;
	display: flex !important;
	min-height: 80px; /* height of icon */
	align-items: center;
	padding: 0.5rem 3rem 0.75rem calc(0.5rem + 80px + 1rem) !important; /* use height of icon */
	margin-bottom: 20px;
	border-bottom: solid 1px var(--color-element-border) !important;
	font-size: var(--font-size-sub-heading);
	font-weight: bold;
	background: transparent !important;
}

#SoftwareList .TableList.GridView td.ColAppName a
{
	float: none;
}

/* --- Data fields: 2 even columns, rows below header --- */

#SoftwareList .TableList.GridView td.ColVersion          { grid-column: 1; grid-row: 2; }
#SoftwareList .TableList.GridView td.ColDevicePlatform   { grid-column: 2; grid-row: 2; }
#SoftwareList .TableList.GridView td.ColType             { grid-column: 1; grid-row: 3; }
#SoftwareList .TableList.GridView td.ColAvailableLicenses{ grid-column: 2; grid-row: 3; }
#SoftwareList .TableList.GridView td.ColAssignedGroups   { grid-column: 1; grid-row: 4; }
#SoftwareList .TableList.GridView td.ColIsEnterpriseProvision { grid-column: 2; grid-row: 4; }

/* Action button stays pinned top-right of the card */
#SoftwareList .TableList.GridView td.ColAssignButton
{
	position: absolute !important;
	top: 0.5rem;
	right: 0.75rem;
	width: auto !important;
	margin: 0 !important;
}



.SoftwareGroupAssignmentDialog .Field .Label
{
	width: 200px;
}
.SoftwareGroupAssignmentDialog .Field .Control
{
	margin-top: 0px;
}
.SoftwareGroupAssignmentDialog .Field.GroupSelection
{
	margin-bottom: 30px;
}
.SoftwareGroupAssignmentDialog #DownloadTimeOptions input
{
	width: 30px;
}
.SoftwareGroupAssignmentDialog #InstallTimeOptions, .SoftwareGroupAssignmentDialog #DownloadTimeOptions
{
	display: block;
	padding-top: 10px;
}


#SoftwareAssignments td.Icon
{
	padding-right: 6px;
	width: 30px;
}
#SoftwareAssignments table .Version
{
	display: none !important;  /* Disabled for now */
}



/* Google Account, Apple Push Certs, AppleDEP, AndroidWork, and AppleVPP*/


#ApplePushCertificate .ActiveTitle,
#ApplePushCertificate .ExpiringTitle,
#AppleDEPSettings .ActiveTitle,
#AppleDEPSettings .ExpiringTitle,
#AppleDEPSettings .ServiceApiStateTitle,
#AppleVppSettings .ActiveTitle,
#AppleVppSettings .ExpiringTitle,
#AppleBusinessManagerAccount .ActiveTitle,
#AppleBusinessManagerAccount .ExpiringTitle,
#AndroidWorkSettings .ActiveTitle
{
	font-size: 2.0rem;
	min-height: 100px;
}
#ApplePushCertificate .ExpiringTitle,
#AppleBusinessManagerAccount .ExpiringTitle,
#AppleDEPSettings .ExpiringTitle,
#AppleDEPSettings .ServiceApiStateTitle,
#AppleVppSettings .ExpiringTitle {
	color: var(--color-warning-text);
}
#ApplePushCertificate .RenwalMessage,
#AppleDEPSettings .RenwalMessage,
#AppleVppSettings .RenwalMessage,
#AppleBusinessManagerAccount .RenwalMessage,
#AndroidWorkSettings .RenwalMessage
{
	margin: 40px 0px 60px 0px;
	font-size: var(--font-size-sub-heading);
	font-style: italic;
}
#ApplePushCertificate .ActiveTitle .SuccessIcon,
#ApplePushCertificate .ExpiringTitle .FailureIcon,
#AppleDEPSettings .ActiveTitle .SuccessIcon,
#AppleDEPSettings .ExpiringTitle .FailureIcon,
#AppleDEPSettings .ServiceApiStateTitle .FailureIcon,
#AppleVppSettings .ActiveTitle .SuccessIcon,
#AppleVppSettings .ExpiringTitle .FailureIcon,
#AppleBusinessManagerAccount .ActiveTitle .SuccessIcon,
#AppleBusinessManagerAccount .ExpiringTitle .FailureIcon,
#AndroidWorkSettings .ActiveTitle .SuccessIcon 
{
	float: left;
	display: inline-block !important;
	margin: -10px 40px 0px 0px !important;
}
#ApplePushCertificate #CreateStep1 .Content,
#AppleDEPSettings #CreateStep1 .Content,
#AppleVppSettings #CreateStep1 .Content
{
	margin-top: 50px;
}
#ApplePushCertificate #CreateStep3 .Content,
#ApplePushCertificate #RenewStep3 .Content,
#AppleDEPSettings #CreateStep3 .Content,
#AppleDEPSettings #RenewStep2 .Content,
#AppleVppSettings #CreateStep2 .Content,
#AppleVppSettings #RenewStep2 .Content
{
	margin-top: 50px;
}
#AppleDEPSettings #RenewStep2 .Content a.btn,
#AppleDEPSettings #CreateStep2 .Content a.btn
{
	margin-top: 50px;
}
#ApplePushCertificate #CreateStep3 .Content a.btn,
#ApplePushCertificate #RenewStep3 .Content a.btn,
#AppleDEPSettings #CreateStep3 .Content a.btn,
#AppleDEPSettings #RenewStep3 .Content a.btn,
#AppleVppSettings #CreateStep2 .Content a.btn,
#AppleVppSettings #RenewStep2 .Content a.btn
{
	margin-top: 30px;
}
#ApplePushCertificate .ExistingUploadedBy,
#AppleDEPSettings .ExistingUploadedBy,
#AppleVppSettings .ExistingUploadedBy
{
	margin-top: 30px;
}
#AppleDEPSettings #RenewStep3 textarea
{
	width: 90% !important;
	height: 50px !important;
}


.ApplePushCertificateAppleIdPrompt input[type=text]
{
	margin-top: 30px;
	margin-bottom: 30px;
	width: 100%;
}



#AndroidWorkSettings .EnrollmentInstructions
{
	margin-bottom: 60px;
	width: 75%;
}
#AndroidWorkSettings .ClientInfo
{
	width: 80% !important;
}
#AndroidWorkSettings .ClientInfo .Field .Label,
#AndroidWorkSettings .ClientInfo .Field .Control
{
	width: 100% !important;
	display: block !important;
}
#AndroidWorkSettings .ClientInfo .Field .Control
{
	font-style: italic;
}
#AndroidWorkSettings .AndroidEnrollmentQrCode
{
	display: inline-block;
	float: left;
	max-width: 350px;
	margin-right: 60px;
	padding-right: 60px;
	border-right: solid 1px var(--color-element-border);
}
#AndroidWorkSettings .AndroidEnrollmentQrCode .Description
{
	margin-bottom: 20px;
}
#AndroidWorkSettings .AndroidEnrollmentQrCode a.QrImage
{
	display: block;
	margin-bottom: 30px;
	
	text-align: center;
}
#AndroidWorkSettings .AndroidEnrollmentQrCode a.QrImage img
{
	width: 200px;
	padding: 10px 5px 10px 5px;
	border: solid 1px transparent;
	border-radius: 20px;
}
#AndroidWorkSettings .AndroidEnrollmentQrCode a.QrImage img:hover
{
	border-color: var(--color-element-border);
}


/* Events and Actions */
#EventsAndActions .PolicyName .Label 
{
	width: 80px !important;
}
#EventsAndActions .command-buttons.top-line
{
	margin-top: -65px;
}


#EventsAndActions .TabContent
{
	margin-top: -20px !important;
	min-height: 300px !important;
}

#EventsAndActions .AddEvent,
#EventsAndActions .AddAction
{
	display: block;
	margin: 10px 0px 30px 0px;
}
#EventsAndActions .AddEvent i,
#EventsAndActions .AddAction i
{
	padding-left: 5px;
}

#EventsAndActions .EventOptions
{
	float: right;
	margin-top: -70px;
}


.EventItem, .EventActionItem
{
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 60px;
	border-radius: 0px;
	background-color: var(--color-primary-background);
}
.EventActionItem .SendTo .TokenReplacementIcon
{
	margin-top: 2px !important;
}
.EventItem div, .EventActionItem div
{
	padding-left: 10px;
}
.EventItem .SubTitle,
.EventActionItem .SubTitle
{
	margin-top: 0px !important;
	margin-bottom: 15px !important;
	color: var(--color-heading-secondary-text) !important;
	font-family: PortalLargeTextBold !important;
	font-size: var(--font-size-compact) !important;
	text-transform: uppercase;
}


.UserPropertyEventItem .UserProperty,
.RadiusAttributeEventItem .AttributeValues
{
	display: inline-block;
	width: 43%;
}
.RadiusAttributeEventItem .AttributeValues .Item
{
	display: block;
}
.RadiusAttributeEventItem .AttributeValues .Item span
{
	display: inline-block;
	width: 100px;
}
.RadiusAttributeEventItem .AttributeValues .Item input
{
	width: 100px !important;
}
.UserPropertyEventItem .Operator,
.RadiusAttributeEventItem .Operator
{
	display: inline-block;
	width: 23%;
}
.UserPropertyEventItem .Value,
.RadiusAttributeEventItem .Value
{
	display: inline-block;
	width: 24%;
}
.EventItem .Value input
{
	width: 90% !important;
}
.EventItem span.Buttons, .EventActionItem span.Buttons
{
	float: right;
	display: inline-block;
	width: 6%;
	text-align: right;
	padding-right: 10px;
}



.DevicePropertyEventItem .DeviceProperty
{
	display: inline-block;
	width: 43%;
}
.DevicePropertyEventItem .DevicePlatform
{
	display: block;
	padding-bottom: 5px;
}
.DevicePropertyEventItem .Operator
{
	display: inline-block;
	width: 23%;
}
.DevicePropertyEventItem .Value
{
	display: inline-block;
	width: 24%;
}
.DevicePropertyEventItem .Value select
{
	width: 100%;
}



.DvsDataUsageEventItem .PlanType
{
	margin-right: 10px;
}
.DvsDataUsageEventItem .UsageExceedsGB
{
	margin-left: 5px;
	margin-right: 3px;
}
.DvsDataUsageEventItem .UsageExceedsGB input
{
	width: 40px !important;
}
.DvsDataUsageEventItem .AvailablePercentageLessThan
{
	margin-left: 5px;
	margin-right: 3px;
}
.DvsDataUsageEventItem .PlanTypeInfo
{
	display: block;
	margin-top: 20px;
	color: var(--color-heading-secondary-text);
	font-style: italic;
}


.GeofenceEventItem .GeofencesList
{
	display: inline-block;
}
.GeofenceEventItem select.GeofencesSysID
{
	display: block;
	margin-right: 10px;
	margin-bottom: 15px;
}
.GeofenceEventItem .MatchWhenLabel
{
	margin-left: 50px;
	display: inline-block;
	width: 120px;
}
.GeofenceEventItem .PointSelection
{
	margin-left: 185px;
	margin-top: 15px;
	display: block;
}

.GeofenceEventItem select.GeofenceOperatorID
{
	margin: 0px 10px 0px 10px;
}
.GeofenceEventItem select.GeofencesItemsSysID
{
	max-width: 400px;
}
.GeofenceEventItem .GeofenceSettings
{
	display: block;
	margin-top: 30px;
}
.GeofenceEventItem .GeofenceSettings select
{
	margin-left: 15px;
}
.GeofenceEventItem .AvailableFor
{
	float: unset;
	margin-top: unset;
	position: absolute;
	margin-left: 15px;
}
.AssignedApplicationEventItem .AssignedApplication
{
	display: inline-block;
	width: 60%;
}
.AssignedApplicationEventItem .Operator
{
	display: inline-block;
	width: 30%;
}


.InstalledApplicationEventItem .DevicePlatform
{
	display: inline-block;
	width: 25%;
}
.InstalledApplicationEventItem .ApplicationProperty
{
	display: inline-block;
	width: 15%;
}
.InstalledApplicationEventItem .Operator
{
	display: inline-block;
	width: 20%;
}
.InstalledApplicationEventItem .Value
{
	display: inline-block;
	width: 30%;
}



.CompanyStatusEventItem .ForCompaniesSysID
{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.CompanyStatusEventItem .ForCompaniesSysID select
{
	width: auto !important;
}
.CompanyStatusEventItem .StatusType
{
	margin-right: 40px;
}
.CompanyStatusEventItem .Operator
{
	margin-right: 40px;
}
.CompanyStatusEventItem .Value
{
	margin-right: 40px;
}
.CompanyStatusEventItem .Value input
{
	width: 140px !important;
}
.CompanyStatusEventItem .WarningMessage
{
	margin-top: 20px;
	padding: 6px 0px 0px 0px;
	border-top: dashed 1px var(--color-element-border);
	font-size: var(--font-size-compact);
	text-align: center;
}


.EventActionItem
{
	padding-bottom: 0px !important;
}
.EventActionItem div.Interval
{
	margin-top: 20px;
	padding: 4px 0px 2px 15px;
	border-top: dashed 1px var(--color-element-border);
	font-size: var(--font-size-compact);
	text-align: center;
}
.EventActionItem div.Interval select, .EventActionItem div.Interval input
{
	font-size: var(--font-size-compact) !important;
	margin-left: 10px;
	padding: 1px !important;
}
.EventActionItem div.Interval input
{
	width: 60px !important;
	padding-left: 4px !important;
}


.GroupAssignmentEventActionItem
{
	padding-bottom: 10px !important;
}
.GroupAssignmentEventActionItem .Operator
{
	display: inline-block;
	width: 25%;
}
.GroupAssignmentEventActionItem .Value
{
	display: inline-block;
	width: 50%;
}
.GroupAssignmentEventActionItem .SetAsPrimary
{
	display: inline-block;
	width: 15%;
}

.DeviceCommandEventActionItem .DevicePlatform
{
	display: inline-block;
	width: 25%;
}
.DeviceCommandEventActionItem .Operator
{
	display: inline-block;
	width: 65%;
}


.NotificationEventActionItem .NotificationType
{
	display: inline-block;
	margin-right: 30px;
}
.NotificationEventActionItem .TargetType
{
	display: inline-block;
	margin-right: 20px;
}
.NotificationEventActionItem .SendTo
{
	display: inline-block;
	width: 50%;
}
.NotificationEventActionItem .SendTo input
{
	width: 75% !important;
}
.NotificationEventActionItem .Subject input
{
	width: 40% !important;
	margin-top: 15px;
}
.NotificationEventActionItem .Message textarea
{
	width: 80% !important;
	margin-top: 15px;
	height: 60px;
}
.NotificationEventActionItem .TokenReplacementIcon
{
	margin-top: 15px !important;
}


.DeviceOwnershipEventActionItem
{
	min-height: 80px;
}

.DeactivateUserEventActionItem
{
	
}




/* Account Options */
/* only the heading at the top of the form loses its top margin.  This used to be
   .SubTitle:nth-of-type(2), which picked out the first heading back when the headings were divs -
   they are spans inside their own .Field now, so that counted every one of them */
#CompanyOptions #formProvision > .Field:first-of-type .SubTitle
{
	margin-top: 0px;
	padding-top: 0px;
}
#CompanyOptions #CompanyEnrollmentTypeBitmaskCheckBoxes .CheckBoxField
{
	display: block;
	margin-bottom: 10px;
}




/* Client Settings */
#ClientSettings .ContainerTypes
{
	float: right;
}
#ClientSettings .command-buttons.top-line
{
	margin-top: -65px;
}
#ClientSettings .SubTitle
{
	padding-bottom: 20px;
	font-family: PortalTextBold;
}
#ClientSettings #ClientSettingTabs .TabContent .Disabled
{
	pointer-events: none;
	color: var(--color-disabled-text);
}

/* Client Setting Exchange Servers */
#SecureContainerExchangeServers .AvailableExchangeServers
{
	margin: 20px 0px 10px 0px;
}
#SecureContainerExchangeServers i
{

}
#SecureContainerExchangeServers .editor-label
{
	margin: 0px !important;
	padding: 0px 20px 0px 20px !important;
	width: 20px !important;
}
#SecureContainerExchangeServers .editor-field
{
	text-align: left;
}


/* Smart Connect Profiles */


#SmartConnectProfiles .PolicyName .Label
{
	width: 80px !important;
}
#SmartConnectProfiles .command-buttons.top-line
{
	margin-top: -65px;
}
#SmartConnectProfiles #SmartConnectProfileTabs table
{
	width: 100% !important;
}


#ConnectionRanking .Field .Label
{
	display: block;
	margin-top: 30px;
	width: 100% !important;
	text-align: left;
}
#ConnectionRanking .Field .Control
{
	margin-top: 10px;
}
#ConnectionRanking .AvailableItems select
{
	margin-right: 10px;
}
#ConnectionRanking .AvailableItems .IconButton
{
	margin-left: 5px;
}
#ConnectionRanking #ConnectionRankingList
{
	margin-top: 25px;
}

#ConnectionRankingEditDialogPayload .Field .Control
{
	margin: 10px 0px 15px 0px;
}
#ConnectionRankingListPayload .TableList .Disabled
{
	color: var(--color-disabled-text) !important;
	font-style: italic !important;
}


#SmartConnectPingServers .AddPingServer,
#SmartConnectSSIDBlacklist .AddRestrictedSSID
{
	margin: 30px 0px 10px 0px;
}
#SmartConnectPingServers .Field .Label,
#SmartConnectSSIDBlacklist .Field .Label
{
	padding: 0px !important;
	margin: 0px 15px 0px 0px !important;
	width: 50px !important;
	text-align: right;
}

#VPNGatewayRanking .List,
#DirectoryRanking .List
{
	margin-top: 35px;
}




/* Navigation Pages */

/* Navigation link management  */
#NavigationLink .TableList
{
	width: 100% !important;
}
#NavigationLinkTabs
{
	padding: 0px !important;
	border-width: 0px !important;
	background-color: transparent !important;
	background-image: none !important;
}

#NavigationLinkHeadings .RankableList,
#NavigationLinkTopics .RankableList,
#NavigationLinkLinks .RankableList
{
	margin-top: 30px;
	padding: 0px 0px 0px 0px !important;
}
#NavigationLinkLinks #RequiredPrivilegeList
{
	margin-top: 15px;
}

#NavigationLinkLinks #NavigationLinkRequiredPrivilegesUnmapped .NoneAvailable,
#NavigationLinkLinks #RequiredPrivilegeList .NoneAvailable
{
	font-family: PortalTextBold;
	margin: 20px 0px 20px 0px;
}
#NavigationLinkSets header,
#NavigationLinkHeadings header,
#NavigationLinkTopics header,
#NavigationLinkLinks header
{
	display: block !important;
	background-color: transparent !important;
	padding: 0px !important;
	margin-bottom: 0px !important;
}

#NavigationLinkLinks .Button
{
	text-align: right;
}


/* Trusted Signers */
#TrustedSigners .TableList .IsEnterpriseProvision
{
	width: 5%;
	text-align: left;
}
#TrustedSigners .TableList .UpdateButtons
{
	width: 10%;
	text-align: right;
}
#TrustedSigners .TableList .UpdateButtons a
{
	margin-right: 10px;
}
#TrustedSigners .TableList .SubjectCN
{
	width: 45%;
}
#TrustedSigners .TableList .SerialNumber
{
	width: 35%;
}
#TrustedSigners .TableList .DeleteButton
{
	width: 5%;
	text-align: right;
}


/* IP Filter Rules */
#IPFilters .PolicyName
{
	margin-bottom: 30px;
}
#IPFilters .PolicyName .Label
{
	width: 80px !important;
}

#IPFilters .command-buttons.top-line
{
	margin-top: -65px;
}
.IPFilterModule .AssignItemTextArea textarea
{
    width: 400px;
    height: 200px;
}



/* WDC Settings */

.WDCArrayList .Field .Label {
	width: 20% !important;
}

/* temporarily disbale column in UML 295 view*/
#WDCSettings .UML295 .AvailableFor
{
	display: none;
}

#WDCSettings .PolicyName
{
	margin-bottom: 30px;
}
#WDCSettings .PolicyName .Label
{
	width: 80px !important;
}

#WDCSettings .command-buttons.top-line
{
	margin-top: -65px;
}

#WDCSettings .SubTitle 
{
	padding-bottom: 15px;
	font-family: PortalTextBold;
}

#WDCSettings .WidgetContent .SubTitle
{
	margin-left: -25px;
}

#WDCSettings .SectionDiv 
{
	margin-left: 25px;
}

#WDCSettings .ParentLabel
{
	font-family: PortalTextBold;
	padding-bottom: 15px;
	padding-left:20px;
}
#WDCSettings .ParentContent .editor-label
{

}
#WDCSettings .ParentContent  
{
	padding-left: 40px;
}





@media (max-width: 1775px) {
	#WDCSettings .FranklinMacNameLeft {
		display: none;
	}
	#WDCSettings .FranklinMacAddressLeft {
	}
}



@media (min-width: 1775px) {
	#WDCSettings .FranklinMacNameLeft {
		float: left;
		display: none;
	}
	#WDCSettings .FranklinMacAddressLeft {
	}
}




#WDCSettings .NotesField 
{
	font-family: PortalTextBold;
	padding-left: 25px;
}

#WDCSettings .OptionalFieldDescription
{
	margin: 10px 0px 30px 0px;
	font-family: PortalTextBold;
}
#WDCSettings .OptionalField
{
	font-family: PortalTextBold;
}



#ImportConfigurationDialog div, #ConfirmConfigurationDeleteDialog div
{
    padding-top: 30px;
}


#CloneConfigurationDialog div
{
	margin-top: 20px;
}




/* Meta Data */

#MetaDataList .TableList .ColLabel
{
	max-width: 300px;
}
#MetaDataList .ModuleSelection
{
	margin: 20px 0px 50px 0px;
}


/* Text Elements */
#TextElementsList .ModuleSelection
{
	margin: 20px 0px 50px 0px;
}
#TextElementsList .TableList .ColKey
{
	width: 25%;
	word-break: break-word;
	vertical-align: top;
}
#TextElementsList .TableList .ColModuleDisplayName
{
	width: 15%;
	vertical-align: top;
}
#TextElementsList .TableList .ColText
{
	width: 50%;
	word-break: break-word;
	vertical-align: top;
}
#TextElementsList .TableList .ColSourceID
{
	width: 5%;
	vertical-align: top;
}
#TextElementsList .TableList .ColStatusID
{
	width: 5%;
	vertical-align: top;
}



/* Privileges */
#PrivilegesAssign .AssignmentItem.Add 
{
    font-family: PortalTextBold;
}

#PrivilegesAssign .AssignmentItem.Remove
{
	color: var(--color-disabled-text);
	text-decoration: line-through;
}

#PrivilegesAssign .RightColumn 
{
    width: 40%;
}

/* Assigned Privilege table sorting icons - DataTables 1.x class names */
#AssignedItemsTable th.sorting i.SortUp,
#AssignedItemsTable th.sorting i.SortDown,
#AssignedItemsTable th.sorting_asc i.Sort,
#AssignedItemsTable th.sorting_asc i.SortDown,
#AssignedItemsTable th.sorting_desc i.Sort,
#AssignedItemsTable th.sorting_desc i.SortUp
{
    display: none;
}
#PrivilegesAssign #PrivilegeGroupView .Field .Label
{
   float: right;
   width: 85%;
}
#PrivilegesAssign .Privileges .Field .Control
{
    width: 30px !important;
	min-width: 30px !important;
}


/* App Notifications - the view application link sits on the same line as the application picker */
#EditNotificationItem .Field .Control a.ViewApplication
{
	margin-left: 8px;
	vertical-align: middle;
}


/* Gateways */
#VPNGateway .MoreInfo
{
	display: inline-block;
	margin: -8px 0px 0px 10px;
}
#VPNGateway .ApplicationsSysID.Disabled .ViewApplication.IconButton
{
	display: none !important;
}
#VPNGateway #ApplicationsSysID
{
	max-width: 350px !important;
}


/* VPNGatewayAuthOptions */
#VpnGatewayAuthOptionSet div#Settings
{
    width: 50%;
    float: left;
    min-width: 535px;
}

#VpnGatewayAuthOptionSet div#Settings span.Control > input
{
    width: 100%
}

#VpnGatewayAuthOptionSet div.PreviewContainer
{
    width: 50%;
    float:  left;
}
#VpnGatewayAuthOptionSet .PreviewContainer .Title
{
	position: fixed;
	width: 484px;
	margin: 0px 0px 0px 5%;
	text-align: center;
	font-family: PortalTextBold;
}
#VpnGatewayAuthOptionSet div.LayoutPreview
{
	width: 484px;
	height: 420px;
	margin: 30px 0px 0px 5%;
	background-image: url(/emm/UI/Images/ClientPreview.png);
	background-repeat: no-repeat;
    position: fixed;
}

#VpnGatewayAuthOptionSet div.LayoutPreview tr.PreviewControl input
{
	width: 100%;
}
#VpnGatewayAuthOptionSet div.LayoutPreview table
{
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 14px 35px 10px 30px;
}
#VpnGatewayAuthOptionSet div.LayoutPreview table tr
{
	height: 28px;
}
#VpnGatewayAuthOptionSet div.LayoutPreview table tr.PreviewPromptMessage
{
	height: 60px;
}
#VpnGatewayAuthOptionSet td.LeftBorder
{
	width: 20%;
}
#VpnGatewayAuthOptionSet td.LeftBorder span
{
	padding-left: 10px !important;
}
#VpnGatewayAuthOptionSet td.SplitColumn
{
	width: 40%;
	padding-right: 20px !important;
}
#VpnGatewayAuthOptionSet td.FullColumn
{
	width: 80%;
}
#VpnGatewayAuthOptionSet td.HiddenColumn,
#VpnGatewayAuthOptionSet div.HiddenColumn,
#VpnGatewayAuthOptionSet div.HideColumn2
{
	display: none;
}
#VpnGatewayAuthOptionSet div.LayoutPreview table td
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#VpnGatewayAuthOptionSet tr.PreviewTitle
{
	font-family: PortalTextBold;
}
#VpnGatewayAuthOptionSet tr.PreviewTitle span
{
	display: block;
	width: 100%;
	margin: 0px 0px 0px 15px;
}
#VpnGatewayAuthOptionSet tr.PreviewPromptMessage span
{
	display: block;
	width: 100%;
	height: 30px;
	padding: 4px;
	background-color: var(--color-secondary-background);
	color: var(--color-primary-text);
}
#VpnGatewayAuthOptionSet tr.PreviewServiceName span
{
	display: block;
	width: 100%;
	padding: 4px;
	background-color: var(--color-secondary-background);
	color: #000000;
	border: solid 1px var(--color-primary-text);
}
#VpnGatewayAuthOptionSet tr.PreviewPromptButton td
{
	text-align: right;
}
#VpnGatewayAuthOptionSet input.PreviewButton,
#VpnGatewayAuthOptionSet tr.PreviewPromptButton input
{
	width: auto;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 2px #000000;
	border-bottom: solid 2px #000000;
	background-color: var(--color-secondary-background);
	color: var(--color-primary-text);
}
#VpnGatewayAuthOptionSet .LabelEnabled
{
	color: var(--color-primary-text);
}
#VpnGatewayAuthOptionSet .LabelDisabled
{
	color: var(--color-disabled-text);
}
#VpnGatewayAuthOptionSet .TextBoxDefaultBorder
{
    border-color: #000000;
}
#VpnGatewayAuthOptionSet .TextBoxRequired
{
	border-color: var(--color-warning-text);
}


/* Windows Desktop policies */
#WindowsDesktopPolicies .ActionInfo
{
	display: block;
	margin-bottom: 30px;
}
#WindowsDesktopPolicies .AccordionContent textarea
{
	width: 300px !important;
}


.WindowsDesktopPolicyGroupAssignmentDialog .SubTitle
{
    margin-top: 25px;
    font-family: PortalTextBold;
}

.WindowsDesktopPolicyGroupAssignmentDialog .Control
{
    margin-top: 10px;
}

#WindowsDesktopPolicy .ListControl .OutputHeader span.Type
{
    width: 120px !important;
    margin-left: 40px;
}

#WindowsDesktopPolicy .ListControl .OutputHeader span.AssignedItem
{
    width: 320px !important;
}

#WindowsDesktopPolicy .ListControl.Connect .OutputContainer span.Type,
#WindowsDesktopPolicy .ListControl.Install .OutputContainer span.Type
{
    width: 90px !important;
    margin-right: 30px;
}

#WindowsDesktopPolicy .ListControl.Connect .OutputContainer span.Text,
#WindowsDesktopPolicy .ListControl.Install .OutputContainer span.Text
{
    width: 320px !important;
}

#WindowsDesktopPolicy .ListControl.Connect .OutputContainer span,
#WindowsDesktopPolicy .ListControl.Install .OutputContainer span
{
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}

#WindowsDesktopPolicy .ListControl.Connect .OutputContainer > .OutputItem > .Button,
#WindowsDesktopPolicy .ListControl.Install .OutputContainer > .OutputItem > .Button
{
    vertical-align: top;
}

#WindowsDesktopPolicy .ListControl.Connect .NoInputContainer,
#WindowsDesktopPolicy .ListControl.Install .NoInputContainer,
#WindowsDesktopPolicy .ListControl.Connect .NoOutputContainer,
#WindowsDesktopPolicy .ListControl.Install .NoOutputContainer
{
    padding-top: 5px;
    padding-bottom: 10px;
}

#WindowsDesktopPolicy .ListControl.Connect .OutputContainer .Message,
#WindowsDesktopPolicy .ListControl.Install .OutputContainer .Message
{
    width: 150px;
    height: 50px;
}


#WindowsDesktopPolicyRegistryKey .Button
{
	text-align: right;
}


/* User and Device Search Result Columns */
#UserPropertiesSearchResultColumnsList .TableList,
#DevicePropertiesSearchResultColumnsList .TableList
{
	width: 100% !important;
	margin-top: 40px;
}
#UserPropertiesSearchResultColumnsList .TableList thead,
#DevicePropertiesSearchResultColumnsList .TableList thead
{
	display: none;
}
#UserPropertiesSearchResultColumnsList .TableList .ColDeleteButton,
#DevicePropertiesSearchResultColumnsList .TableList .ColDeleteButton
{
	text-align: right;
}
#UserPropertiesSearchResultColumnsList #AddSelectedItem,
#DevicePropertiesSearchResultColumnsList #AddSelectedItem
{
	margin: 0px 0px 0px 10px;
}


/* Vpn On Demand Sets */
#VpnOnDemandActionSets .Field .Label
{
	width: 20% !important;
}

#VpnOnDemandActionSets .ListControl .InputHeader
{
    margin-left: 36px;
}

#VpnOnDemandActionSets .ListControl span
{
    margin-right: 62px;
}
#VpnOnDemandActionSets .ListControl span, 
#VpnOnDemandActionSets .ListControl input
{
    display: inline-block;
    width: 200px;
}


/* Client Logs */
#DeviceClientLogs .ColDownload
{
	width: 25px;
}






#EsmUserGroupMigration .Complete .ColMigrationStatus
{
	color: var(--color-disabled-text) !important;
}
#EsmUserGroupMigration .Failed .ColMigrationStatus
{
	font-family: PortalTextBold;
	color: var(--color-warning-text) !important;
}
#EsmUserGroupMigration .Pending .ColMigrationStatus
{
	color: #FF8000 !important;
}
#EsmUserGroupMigration .Processing  .ColMigrationStatus
{
	font-style: italic !important;
}



#Status table.WebserverInfo,
#Status table.DatabaseInfo
{
	width: 100%;
	margin-bottom: 40px;
}

#Status table.WebserverInfo td,
#Status table.DatabaseInfo td
{
	padding: 8px;
}

#Status table.WebserverInfo td:first-child
{
	width: 30%;
}


#Status table.DatabaseInfo td.ConnectionType
{
	width: 25%;
}
#Status table.DatabaseInfo td.MachineName
{
	width: 25%;
}
#Status table.DatabaseInfo td.IsHealthySpinner
{
	width: 5%;
	text-align: right;
}
#Status table.DatabaseInfo td.IsHealthy
{
	width: 20%;
}
#Status table.DatabaseInfo td.UtilizationSpinner
{
	width: 5%;
	text-align: right;
}
#Status table.DatabaseInfo td.Utilization
{
	width: 20%;
}



/* the fields use the standard .Field layout, which lays the label and control out on its own - the
   10%/80% pair this page used to override them with belonged to the old .editor-label/.editor-field
   two column form */
#EncryptionUtility textarea
{
	width: 100%;
	height: 160px;
}
#EncryptionUtility .command-buttons
{
	margin-bottom: 60px !important;
}


/* group assignment modal styles */
.AssignmentDialog .SubTitle
{
	margin-top: 25px;
	font-family: PortalTextBold;
}
.AssignmentDialog .Description
{
	margin-top: 5px;
}



/* AppleDEPDevices */

#AppleDEPDevicesList h1 span
{
    float: right;
    margin-bottom: 15px;
}
#AppleDEPDevicesList h1 #SyncDevicesButton
{
	margin-top: -10px;
    margin-left: 15px;
}
#AppleDEPDevicesList h1 #SyncDevicesButton i
{

}

#AppleDEPDevicesList .Disabled
{
    pointer-events: none;
    cursor: default;
}

/* the device details block was an editor-field, which came with a 50% width and a 390px floor - the
   .Control span it became shrink wraps instead, so the width is kept here.  The rule that used to sit
   here matched .editor-field.text-only, a combination this page's markup never had */
#AppleDEPDevices .Field .Control
{
	width: 50%;
	min-width: 390px;
}



/* NOTE: no .Field .AvailableFor rule here - it used to carry margin-right: 30% to pull the icon
   back from the far right of a full width field.  The SingleColumnView rule in policy_elements.css
   now shrinks the field to its own content, and a percentage margin on the float inside that
   shrink to fit box forced .Control onto its own line. */
#AppleDEPProfiles .Field.CustomPromptLogoPath
{
	min-height: 80px;
}
#AppleDEPProfiles .CustomPromptLogoPreview
{
	position: absolute;
	margin-left: -120px;
}
#AppleDEPProfiles .CustomPromptLogoPreview img
{
	max-width: 100px;
	max-height: 80px;
}
#AppleDEPProfiles .Field .RemoveCustomPromptLogoButton
{
	position: absolute;
	margin-left: 20px;
	display: inline;
}
#AppleDEPProfiles #SkipSetupItems table
{
	margin-top: 20px;
	margin-left: 20px !important;
}
#AppleDEPProfiles #SkipSetupItems table thead
{
	font-style: italic;
}
#AppleDEPProfiles #SkipSetupItems table thead td
{
	padding-bottom: 5px !important;
}
#AppleDEPProfiles #SkipSetupItems table td:first-child
{
	padding-right: 0px !important;
	padding-left: 0px !important;
}
#AppleDEPProfiles #SkipSetupItems table td
{
	padding: 2px 10px 2px 10px;
	vertical-align: top;
}



/* Apple MDM server tokens */
#AppleDEPServerTokensList .TableList tr:has(.ColActive .inactive-item) td
{
	color: var(--color-disabled-text);
}


/* OnDemandRules */

.OnDemandRulesModule .editor-label
{
    min-width: 200px;
	width: 20%;
}
.OnDemandRulesModule .editor-field
{
    min-width: 200px;
	width: 70%;
}
.OnDemandRulesModule #DNSMatch input[type=text]
{
    width: 300px;
}

.OnDemandRulesModule .ListControl
{
    margin-left: -36px;
}


.OnDemandRulesModule #SSID.ListControl .HeaderSSIDValue,
.OnDemandRulesModule #DNSMatch.ListControl .HeaderDNSMatchValue
{
    margin-left: 50px;
}

.OnDemandRulesModule #DNSMatch.ListControl .HeaderDNSMatchType
{
    margin-left: 230px;
}

.OnDemandRulesModule #DNSMatch.ListControl .DNSMatchValue
{
    margin-left: 10px;
    display: inline-block;
    min-width: 300px;
    padding-right: 50px;
}

.OnDemandRulesModule #DNSMatch.ListControl .DNSMatchTypeText
{
    margin-left: 10px;
    display: inline-block;
}

.OnDemandRulesModule .AddRemoveActionParameter
{
    position: absolute;
    right: 20px;
}





/* Directory pages */
#DirectoryMapLocations .spinner
{
	display: block !important;
	position: relative !important;
	left: 50% !important;
	top: 120px !important;
}



#ConnectionProvisionsList .BackToDirectory
{
	float: right;
	margin-top: -50px;
}
#ConnectionProvisionsList .BackToDirectory a
{
	font-size: 1.1em !important;
}
#ConnectionProvisionsList .SearchPanel .Submit a
{
	margin-bottom: 20px !important;
}



/* View Report */
#ReportView .NoItemsAvailable
{
	margin-top: 120px;
}

.ReportChartData
{
    position: relative; 
    display: none;
    z-index: 10000000000 !important; 
    overflow-y: scroll; 
}
.ReportDataTable 
{
    width: 45%;
    float: left;
    padding-left: 80px;
    max-height: 500px;
    overflow-y: scroll;
}

#ReportView .ChartWrapper
{
	display: inline-block;
	margin: 0px 25px 0px 25px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	vertical-align: top;
}
#ReportView .ChartWrapper .Title
{
	margin-bottom: 40px;
	font-family: PortalLargeTextBold;
	font-size: 11pt;
	text-align: left;
}


#ReportView svg g 
{
	cursor: pointer
}


#ReportView #ReportData
{
    margin: 30px 30px 0px 30px;
}
#ReportView .DataRow 
{

}
  

#ReportView .DataTableChart
{
	width: 100% !important;
	border-width: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.google-visualization-table
{
	border-width: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
}

#ReportView .datatable, 
.google-visualization-table-table
{
	width: 98% !important;
	border-width: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

#ReportView .datatable tr td,
.google-visualization-table-table tr td
{   
	padding: 5px;
	border-width: 0px !important;
	vertical-align: top;
}
#ReportView .datatable thead tr td,
#ReportView .datatable thead tr th,
.google-visualization-table-table thead tr td,
.google-visualization-table-table thead tr th
{   
	padding-bottom: 10px !important;
	background-color: #FFFFFF !important;
	border-width: 0px !important;
	vertical-align: top;
}

/* google data table headings are sortable so make them look like links */
.google-visualization-table-table thead tr th 
{
	cursor: pointer;
	color: var(--color-hyperlink-text);
}

#ReportView .datatable tfoot tr td 
{   
	background-color: var(--color-data-row-background) !important;
}
#ReportView .datatable tr:nth-child(even),
.google-visualization-table-table tr:nth-child(even)
{
	background-color: var(--color-data-row-background) !important;
}
#ReportView .datatable tr:nth-child(odd),
.google-visualization-table-table tr:nth-child(odd)
{
	background-color: var(--color-data-row-alternate-background) !important;
}
#ReportView .datatable tr:hover,
.google-visualization-table-table tr:hover
{
	background-color: var(--color-element-mouseover-highlight) !important;
}


/* Report data grid inside .DataTableContainer - scrolls its columns horizontally within the grid
   instead of pushing the whole page sideways, the same as the device and user search results.
   The rules below give it the table.TableList treatment those lists get (see tables.css): the
   search result lists spread the outline over .TableListResultHeader, table.TableList and
   .ResultPagingContainer, but the report leads with its column headers and keeps its pager in the
   grid's own footer row, so the outline goes on the one container and the seams are drawn per row. */
#ReportView #ReportData .DataTableContainer
{
	border: solid 1px var(--color-element-border);

	/* Square across the top: the column header row is the first thing in the grid, and rounding its
	   corners reads as a header bar it is not.  The footer pager keeps the rounding, the same as the
	   .ResultPagingContainer below the search result lists. */
	border-radius: 0px 0px 16px 16px;
}

#ReportView #ReportData .DataTableContainer .datatable
{
	width: 100% !important;

	/* The column sort/filter hover cards open below the header and are clipped by the container's
	   overflow, so keep the grid tall enough to show one even when only a couple of rows matched. */
	min-height: 250px;
}

/* Data cells - matches table.TableList td */
#ReportView #ReportData .DataTableContainer .datatable tbody td
{
	padding: 1rem !important;
	vertical-align: top;
	color: var(--color-primary-text);
	font-size: var(--font-size-data-tables);

	/* the existing report rules zero every cell border with !important */
	border-bottom: solid 1px var(--color-element-mouseover-highlight) !important;
}

/* Column headers - matches table.TableList .Header th.  No text-transform: capitalize as the
   search result lists use, because report column names are derived from the query's column
   names rather than curated, and capitalize would rewrite ones like "iOS". */
#ReportView #ReportData .DataTableContainer .datatable thead th
{
	padding: 1rem !important;
	text-align: left;
	color: var(--color-primary-text) !important;
	font-size: var(--font-size-data-tables);
	border-right: solid 1px var(--color-element-border) !important;
	border-bottom: solid 1px var(--color-element-border-secondary) !important;

	/* opaque so the sticky first column has something behind it, the same reason table.TableList th
	   has a background.  Overrides the hard coded white the report grid used, which left a white
	   band across the header in dark mode. */
	background-color: var(--color-data-row-background) !important;
}
#ReportView #ReportData .DataTableContainer .datatable thead th:first-child
{
	border-left-width: 0px !important;
}
#ReportView #ReportData .DataTableContainer .datatable thead th:last-child
{
	border-right-width: 0px !important;
}

/* The footer paging row stands in for the .ResultPagingContainer below the search result lists, so
   pad it to match and rule it off from the data. */
#ReportView #ReportData .DataTableContainer .datatable tfoot tr td
{
	padding: 1.0rem !important;
	border-top: solid 1px var(--color-element-border) !important;
}

/* Every header cell is sticky, so each one is its own stacking context and the columns to the right
   would paint over the sort/filter hover card the hovered header opens.  Lift the hovered header
   above the rest of the grid - the card is a descendant, so it keeps the header hovered. */
#ReportView #ReportData .DataTableContainer .datatable thead th:hover
{
	z-index: 10;
}

/* The sticky first column needs the background on the cell - a background on the row alone lets the
   scrolled columns show through it. */
#ReportView #ReportData .DataTableContainer .datatable tbody tr:nth-child(even) td
{
	background-color: var(--color-data-row-background);
}
#ReportView #ReportData .DataTableContainer .datatable tbody tr:nth-child(odd) td
{
	background-color: var(--color-data-row-alternate-background);
}
#ReportView #ReportData .DataTableContainer .datatable tbody tr:hover td
{
	background-color: var(--color-element-mouseover-highlight);
}

/* The column filter's suggestion list is moved inside the hover card, so the container's overflow
   clips it too - cap it and let it scroll on its own. */
#ReportView #ReportData .DataTableContainer .ui-autocomplete
{
	max-height: 150px;
	overflow-x: hidden;
	overflow-y: auto;
}


.google-visualization-table-table th
{
    z-index: 1 !important;
}
.google-visualization-table-th 
{
    text-align: left !important;
}

.google-visualization-table-table tr 
{
    text-align: left !important;
}

/* chart tooltips */
.google-visualization-tooltip,
.google-visualization-tooltip ul li,
.google-visualization-tooltip ul li span
{
	z-index: 2 !important;
	font-size: var(--font-size-compact) !important;
}


.ReportNoData 
{
    margin-top: 25px !important;
}
.DataTableChart .ReportNoData
{
	text-align: left;
}


/* Eliminate spacing above charts.*/
#ReportView header 
{
	margin-bottom: 0px !important;
}
#ReportData .userRow
{
	color: var(--color-hyperlink-text);
	cursor: pointer;
}
#ReportData .eventRow
{
	color: var(--color-hyperlink-text);
	cursor: pointer;
}
#ReportData .viewDataRow
{
	color: var(--color-hyperlink-text);
	cursor: pointer;
}
#ReportData .deviceRow
{
	color: var(--color-hyperlink-text);
	cursor: pointer;
}

/* First column of a report whose rows link to another report.  The click binding sits on the whole
   row, so this column stands in as its link - Report.cshtml only adds the class when a click
   actually navigates.  The underline is on row hover, not cell hover, because anywhere on the row
   is clickable. */
#ReportData .linkedRow
{
	color: var(--color-hyperlink-text);
	cursor: pointer;
}
#ReportData tbody tr:hover .linkedRow
{
	/* Underline only, deliberately not --color-hyperlink-text-highlight: in dark mode that variable is
	   darker than the resting link colour, so shifting it would dim the text against a near black
	   background at the moment the pointer is on it. */
	text-decoration: underline;
}



#ReportView #ui-id-1 { z-index: 999; }
#ReportView #ui-id-2 { z-index: 999; }
#ReportView #ui-id-3 { z-index: 999; }
#ReportView #ui-id-4 { z-index: 999; }
#ReportView #ui-id-5 { z-index: 999; }
#ReportView #ui-id-6 { z-index: 999; }
#ReportView #ui-id-7 { z-index: 999; }
#ReportView #ui-id-8 { z-index: 999; }
#ReportView #ui-id-9 { z-index: 999; }
    

#ReportView .btnleft 
{
    margin-right: 25px !important;
}
#ReportView .btnright 
{
    margin-left: 25px !important;
}

#ReportView .filteredColumn
{
	border: 2px solid var(--color-primary-text);
	padding: 5px;
	color: var(--color-primary-text);
	font-family: PortalTextBold;
}

#ReportView .btn-bottommargin
{ 
    margin-bottom: 10px;
}
#ReportView .ReportOptions 
{
    float: right;
    width: 15%;
}
#ReportView .ReportProvisionList 
{
    margin-top: 100px;
    border-top: double black 3px;
    border-bottom: double black 3px;
}

#ReportView .ClearFiltersLink 
{
	padding-top: 10px;
	margin-bottom: 20px;
	width: auto;
	font-family: PortalTextBold;
}




#ReportView #reportcharts
{ 
    width: 100%;
    text-align: center;
}

#ReportView .chart
{
	display: inline-block;
    margin-bottom: 30px;
}



/* The card sizes to its content.  It used to be a fixed 105px here and a hard height in
   Report.loadHoverCard, both of which cropped the filter list once a column had filters on it.
   white-space has to be reset because the card lives inside a grid th, and .DataTableContainer
   sets nowrap on those - inherited, it stopped the label and the filter values from wrapping and
   pushed them out past the card's 275px. */
#ReportView .hovercard
{
	min-height: 105px;
	white-space: normal;
	/* was 50px to clear the column header while the card opened upward - it opens downward now */
	margin-bottom: 0px !important;
	font-family: PortalTextRegular;
	color: var(--color-primary-text);
	font-size: var(--font-size-primary);
}
#ReportView .hovercard .ColumnName
{
	padding-bottom: 10px;
	padding-top: 20px;
}
#ReportView .hovercard .Value
{
	padding-bottom: 10px;
}
#ReportView .hovercard .Value a
{
	margin-left: 10px;
	padding: 3px 5px 1px 5px;
}
#ReportView .hovercard .Value i
{

}
#ReportView .hovercard .Value input
{
	width: 150px;
}
#ReportView .hovercard .Filter
{
	width: 100px;
}
#ReportView .hovercard .Filter i
{

}
#ReportView .hovercard .Filter.btn
{
	width: 80px;
	padding: 2px !important;
}
#ReportView .hovercard .CurrentFilters
{
	padding-top: 15px;
}
#ReportView .hovercard .Title
{
	display: block;
	padding-bottom: 5px;
}
#ReportView .hovercard .Values
{
	display: block;
	font-weight: normal !important;

	/* a column can carry many filters - scroll the list rather than growing the card past the
	   report grid's overflow, which would clip it */
	max-height: 120px;
	overflow-y: auto;
}
/* one filter per line, so the list is readable and the card's height is predictable */
#ReportView .hovercard .Values .FilterValue
{
	display: block;
	padding-bottom: 3px;
}
#ReportView .hovercard .Values .IconButton
{
	margin: 0px 2px 0px 2px;
	font-size: var(--font-size-icon-button) !important;
}

#ReportView .ReportParameterDialog
{
    display: none;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 15px;
}

.ReportParameters
{
	width: 100%;
	min-height: 100px;
}
.ReportParameters input
{
	width: 90%;
}
.ReportParameters th, .ReportParameters td
{
	text-align: left;
}
.ReportParameters th
{
	padding-bottom: 10px;
}

.ReportParameters.EditView .ColButtons
{
	width: 3%;
}
.ReportParameters.EditView .ColName
{
	width: 20%;
}
.ReportParameters.EditView .ColValueType
{
	width: 20%;
}
.ReportParameters.EditView .ColValue
{
	width: 25%;
}
.ReportParameters.EditView .ColCanModify
{
	width: 10%;
}
.ReportParameters.EditView .DisplayName
{
	width: 22%;
}


.ReportParameters .ColButtons
{
	width: 5%;
}
.ReportParameters .ColName
{
	width: 50%;
}
.ReportParameters .ColValue
{
	width: 45%;
}

/* a stored procedure can expose a long parameter list, so the run time parameter dialog scrolls
   rather than growing past the bottom of the window */
#ReportParametersDialog
{
	max-height: 60vh;
	overflow-y: auto;
}

#ReportParametersDialog table tr td
{
	padding: 0px 0px 15px 0px;
}

#ReportParametersDialog select
{
	max-width: 300px;
}


/* Help Page API Documentation Area */
.HelpPageContent
{
	margin: 30px 10px 30px 10px;
}
.HelpPageContent .VersionTitle
{
	position: absolute;
	right: 10px;
	margin-top: -75px;
}

.help-page h1,
.help-page .h1,
.help-page h2,
.help-page .h2,
.help-page h3,
.help-page .h3,
#body.help-page,
.help-page-table th,
.help-page-table pre,
.help-page-table p {
    font-family: Arial, Helvetica, Sans-Serif;
}

.help-page pre.wrapped {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
}

.help-page .warning-message-container
{
	margin-top: 20px;
	padding: 0 10px;
	color: var(--color-warning-text);
	border: 1px solid var(--color-element-border);
}

.help-page-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    margin: 0px 0px 20px 0px;
    border-top: 1px solid var(--color-element-border);
}

.help-page-table th {
    text-align: left;
    font-family: PortalTextBold;
    border-bottom: 1px solid var(--color-element-border);
    padding: 5px 6px 5px 6px;
}

.help-page-table td {
    border-bottom: 1px solid var(--color-element-border);
    padding: 10px 8px 10px 8px;
    vertical-align: top;
}

.help-page-table pre,
.help-page-table p {
    margin: 0px;
    padding: 0px;
    font-family: inherit;
    font-size: 100%;
}

.help-page-table tbody tr:hover td {
    background-color: var(--color-element-mouseover-highlight);
}

.help-page a:hover {
    background-color: transparent;
}

.help-page .sample-header {
    border: 2px solid var(--color-element-border);
    background: #00497E;
    color: #FFFFFF;
    padding: 8px 15px;
    border-bottom: none;
    display: inline-block;
    margin: 10px 0px 0px 0px;
}

.help-page .sample-content {
    display: block;
    border-width: 0;
    padding: 15px 20px;
    background: #FFFFFF;
    border: 2px solid #D4D4D4;
    margin: 0px 0px 10px 0px;
}

.help-page .api-name {
    width: 40%;
}

.help-page .api-documentation {
    width: 60%;
}

.help-page .parameter-name {
    width: 20%;
	vertical-align: top;
}

.help-page .parameter-documentation {
    width: 40%;
	vertical-align: top;
}

.help-page .parameter-type {
    width: 20%;
	vertical-align: top;
}

.help-page .parameter-annotations {
    width: 20%;
	vertical-align: top;
}

.help-page h1,
.help-page .h1 {
    font-size: var(--font-size-heading);
    line-height: normal;
}

.help-page h2,
.help-page .h2 {
    font-size: 1.6em;
}

.help-page h3,
.help-page .h3
{
	font-size: 1.4em;
}

#body.help-page {
    font-size: 1.1em;
    line-height: 143%;
    color: var(--color-primary-text);
}

.help-page a {
    color: var(--color-hyperlink-text);
    text-decoration: none;
}



/* Bulk Import */
.BulkImportReferenceTypes
{
    margin-left: 50px;
}

.BulkImportReferenceTypes .ColISO3CountryCode
{
    width: 100px;
}

.BulkImportReferenceTypes .SubTitle
{
    font-size: var(--font-size-sub-heading);
    margin-left: 5px !important;
}

.BulkImportReferenceTypes .DeviceProperties
{
    width: 50%;
}

.BulkImportReferenceTypes .DeviceOwnership
{

}


/* Event List */
#EventSetsList .ColName
{
	width: 50%;
}
#EventSetsList .ColTotalDevicesMatched
{
	width: 20%;
}
#EventSetsList .ColTotalUsersMatched
{
	width: 20%;
}
#EventSetsList .ColReportButton
{
	width: 5%;
}
#EventSetsList .ColAssignButton
{
	width: 5%;
}



/* EnabledLoggingList */

#EnabledLoggingList section
{
	margin-bottom: 50px;
}


#EnabledLoggingList #GlobalList .ColEnabledIcon
{
	width: 5%;
}
#EnabledLoggingList #GlobalList .ColID
{
	width: 35%;
}
#EnabledLoggingList #GlobalList .ColEnabled
{
	width: 20%;
}
#EnabledLoggingList #GlobalList .ColDateModified
{
	width: 30%;
}
#EnabledLoggingList #GlobalList .ColEnable
{
	width: 5%;
	text-align: right;
}
#EnabledLoggingList #GlobalList .ColDisable
{
	width: 5%;
	text-align: right;
}


#EnabledLoggingList #PerCompanyList .ColEnabledIcon
{
	width: 5%;
}
#EnabledLoggingList #PerCompanyList .CompanyName
{
	width: 25%;
}

#EnabledLoggingList #PerCompanyList .ColID
{
	width: 15%;
}
#EnabledLoggingList #PerCompanyList .ColEnabled
{
	width: 10%;
}
#EnabledLoggingList #PerCompanyList .ColDateModified
{
	width: 30%;
}
#EnabledLoggingList #PerCompanyList .ColDisable
{
	width: 5%;
	text-align: right;
}



/* Manage Reports */
#reportProcSettings .ClassParameterTypeValue
{
	max-width: 160px;
}




/* All Provisions view */

/* provision list */

#AllProvisionsList .NavigationButtons
{
	top: 30px !important;
}
#AllProvisionsList #WebGridProvisionList, 
#GroupAssignmentsList #WebGridAssignmentList
{
	
}
#AllProvisionsList .LeftColumn section
{
	
}
#AllProvisionsList .TableList tr td
{
	vertical-align: top;
}
#AllProvisionsList .ColProvisionTypeName
{
	width: 15%;
}
#AllProvisionsList .ColItemName
{
	width: 25%;
	word-break: break-all;
}
#AllProvisionsList .ColGroupName
{
	width: 25%;
}
#AllProvisionsList .ColGroupName a:last-child
{
	margin-bottom: 0px;
}
#AllProvisionsList .ColPlatforms
{
	width: 20%;
}
#AllProvisionsList .ColIsEnterpriseProvision
{
	width: 10%;
}
#AllProvisionsList .ColAssignButton
{
	width: 5%;
}


/* assignment list */
#GroupAssignmentsList .ColIsEnterpriseProvision
{
	width: 5% !important;
}
#GroupAssignmentsList .ColProvisionTypeName
{
	width: 25% !important;
}
#GroupAssignmentsList .ColItemName
{
	width: 30% !important;
}
#GroupAssignmentsList .ColPlatforms
{
	width: 15% !important;
}
#GroupAssignmentsList .ColGroupName
{
	width: 20% !important;
}
#GroupAssignmentsList table thead tr th:last-child 
{
	font-size: 0px !important; /* Hide column header text on buttons */
}
#GroupAssignmentsList .ColAssignButton
{
	width: 5% !important;
}


#AllProvisionsList .TableList th:first-child,
#AllProvisionsList .TableList td:first-child,
#GroupAssignmentsList .TableList th:first-child,
#GroupAssignmentsList .TableList td:first-child
{
	display: none;
}



#AddPolicyDialog .FilterOptions input
{
	width: 250px;
	padding-right: 40px !important;
}

#AddPolicyDialog .FilterOptions .InputIcon
{
	font-size: var(--font-size-icon-button);
	position: absolute;
	z-index: 2;
	margin-left: 262px; /* inside the right end of the 250px search input */
	margin-top: 8px;
}


/* Add Provision dialog */
#AddPolicyDialog 
{
	/* do not a scroll entire dialog (to keep search options at top) */
	overflow: hidden !important;

	/* column layout so the list takes whatever height is left under the message and filters */
	display: flex;
	flex-direction: column;
}
#AddPolicyDialog ul.ModuleInfos
{
	overflow: auto !important;

	/* fill the remaining dialog height, a fixed max-height ran under the button pane on shorter windows and hid the bottom of the scrollbar */
	flex: 1 1 auto;
	min-height: 0px;

	/* cards in a row stretch to the tallest one, instead of floats with a fixed height that long titles/descriptions overflow */
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;

	/* a little room under the last row when scrolled to the bottom */
	padding-bottom: 10px !important;
}
#AddPolicyDialog ul.ModuleInfos a,
#AddPolicyDialog ul.ModuleInfos a:hover
{
	color: inherit;
	text-decoration: none !important;
}
#AddPolicyDialog .FilterOptions
{
	text-align: left;
	margin-bottom: 20px;
	margin-right: 100px;
}
#AddPolicyDialog .FilterOptions i
{
	padding-left: 5px;
}
#AddPolicyDialog .FilterOptions input, #AddPolicyDialog .FilterOptions select
{
	margin-right: 20px !important;
}
#AddPolicyDialog .Message
{
	font-weight: normal;
}

#AddPolicyDialog ul
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#AddPolicyDialog ul li
{
	display: flex;
	flex-direction: column;
	width: 280px;
	min-height: 170px;
	max-height: 250px;
	margin-right: 20px;
	margin-bottom: 20px;
	list-style-type: none; 
	padding: 10px;

	border: solid 1px var(--color-primary-text);
	border-radius: 5px;
}

#AddPolicyDialog ul li:hover
{
	cursor: pointer;
	box-shadow: inset 0px 0px 0px 1px #000000;
}

/* fill the card so the device icons can be pushed to the bottom */
#AddPolicyDialog ul li > a
{
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
#AddPolicyDialog ul li .DevicePlatforms
{
	margin-top: auto;
}

#AddPolicyDialog ul li .Title
{
	font-family: PortalLargeTextBold;
	font-size: var(--font-size-sub-heading);
	padding-bottom: 10px;
}
#AddPolicyDialog ul li .Description
{
	font-family: PortalTextRegular !important;
	font-size: var(--font-size-paragraph);
	padding-bottom: 15px;
}



/* Assign Policy Dialog */

/* Total table width is defaulted to 648px */
#AssignPolicyDialog #AvailablePolicies, 
#AssignPolicyDialog #PolicyFilters
{
	margin: 40px 0px 0px 0px;
}

#AssignPolicyDialog #AvailablePolicies .ColSelection,
#AssignPolicyDialog #AvailablePolicies tr th:nth-child(1)
{
	width: 28px !important;
}
#AssignPolicyDialog #AvailablePolicies .ColModuleDisplayName,
#AssignPolicyDialog #AvailablePolicies tr th:nth-child(2)
{
	width: 200px !important;
}
#AssignPolicyDialog #AvailablePolicies .ColName,
#AssignPolicyDialog #AvailablePolicies tr th:nth-child(3)
{
	width: 420px !important;
}


#AssignPolicyDialog #WebGridAssignedPolicies .ColModuleDisplayName,
#AssignPolicyDialog #WebGridAssignedPolicies tr th:nth-child(1)
{
	width: 200px !important;
}
#AssignPolicyDialog #WebGridAssignedPolicies .ColName,
#AssignPolicyDialog #WebGridAssignedPolicies tr th:nth-child(2)
{
	width: 420px !important;
}
#AssignPolicyDialog #WebGridAssignedPolicies .ColDeleteButton,
#AssignPolicyDialog #WebGridAssignedPolicies tr th:nth-child(3)
{
	width: 28px !important;
	text-align: right;
}

#AssignPolicyDialog #AvailablePolicies tr th:last-child:after
{
	content: attr(data-selected-count);
	text-transform: uppercase;
	float: right;
}


/* Edit Group Dialog */

#EditGroupDialog .SubTitle
{
	margin-top: 25px !important;
	margin-bottom: 15px !important;
	font-size: var(--font-size-sub-heading) !important;
}

#EditGroupDialog .Description
{
	margin-bottom: 15px;
}





#UsersList .ProvisionActionButtons 
{

}
#UsersList .ProvisionActionButtons a 
{
    margin: 0 30px 0 30px;
}
#UsersList .ProvisionActionButtons label span
{
	padding-right: 10px;
}
#UsersList #UserSearchResults .Message
{
	width: 50%;
	font-style: italic;
}
#UsersList #UserSearchResults .Message i
{
	font-size: var(--font-size-icon-button);
	padding: 0px 0px 0px 5px;
}
#UsersList #UserSearchResults .SelectAllCurrentPageRowsOption
{
	display: inline;
	position: absolute;
	margin-left: -20px;
}


/* Administration Link Page */

#AdministrationLinksList .ColCategory
{
	width: 20%;
}
#AdministrationLinksList .ColName
{
	width: 20%;
}
#AdministrationLinksList .ColDescription
{
	width: 60%;
}




#GroupsList .ProvisionActionButtons
{
	margin-top: -60px;
}
#GroupsList .List
{
	margin-top: 80px !important;
}
#GroupsList #CreateGroupLink
{
	display: none;
}


/* Devices and Groups overview page */
#CompanyUserAndDevices header
{
	min-height: 300px;
}
#CompanyUserAndDevices .HeaderCharts
{
	top: 30px !important;
	margin-left: 250px !important;
}
#CompanyUserAndDevices .HeaderCharts .Title
{

}
#CompanyUserAndDevices .DevicesList .ProvisionActionButtons
{
	right: 0px !important;
}
#CompanyUserAndDevices .HeaderProperties .HeaderProperty
{
	margin-left: 0px !important;
}
#CompanyUserAndDevices .PageTitle
{
	margin-bottom: 5px !important;
}
#CompanyUserAndDevices .NavigationButtons
{
	margin-top: -60px !important;
}
#CompanyUserAndDevices .NavigationButtons a
{
	float: right;
}
#CompanyUserAndDevices .NavigationButtons .Export
{
	margin-top: -10px;
}
#CompanyUserAndDevices .FilterPopupDialog
{
	top: 0px !important;
	margin-top: -120px !important;
}
#CompanyUserAndDevices #GroupsList .List
{
	margin-top: 55px !important;
}
#CompanyUserAndDevices .flexColumn 
{
	height: 40px !important;
}



/* Devices List */

.DevicesList header .PageDescription,
#UsersList header .PageDescription
{
	display: none; /* We are not showing description in new UI */
}


.DevicesList .TableList thead tr th:nth-child(2)
{
	border-right-width: 0px; /* hide right boarder on status icon column */
}

.DevicesList .TableList tbody tr td
{
	vertical-align: top;
}


.DevicesList #DeviceSearchResults .Message
{
	width: 60%;
	font-style: italic;
}
.DevicesList #DeviceSearchResults .Message i
{
	font-size: var(--font-size-icon-button);
	padding: 0px 0px 0px 5px;
}
.DevicesList #DeviceSearchResults .SelectAllCurrentPageRowsOption
{
	display: inline;
	position: absolute;
	margin-top: 0px;
}







#NavigationSearchResults .ProvisionActionButtons,
#ViewDevicesDialog .ProvisionActionButtons,
#NavigationSearchResults .SelectAllCurrentPageRowsOption,
#ViewDevicesDialog .SelectAllCurrentPageRowsOption
{
	display: none;
}
#NavigationSearchResults .SelectedDeviceRow, #ViewDevicesDialog .SelectedDeviceRow
{
	background-color: transparent !important;
}
#NavigationSearchResults .DevicesList .TableList tbody tr, #ViewDevicesDialog .DevicesList .TableList tbody tr
{
	cursor: inherit !important;
}

.QuickStartDialog section.Details header,
.QuickStartDialog header .PageTitle,
.QuickStartDialog header .PageDescription
{
	display: none;
}
.QuickStartDialog header .NavigationButtons i:not(.Save)
{
	display: none;
}

/* only show first button (save) on CreateUser popup */
.QuickStartDialog #CreateUser header .NavigationButtons a
{
	display: none;
}
.QuickStartDialog #CreateUser header .NavigationButtons a:first-child
{
	display: initial !important;
}

#EditDialogContent .ui-tabs-nav
{
	visibility: hidden;
}


#QuickStartUEM #APNS .WidgetContent,
#QuickStartUEM #Users .WidgetContent
{
	padding-top: 20px;
}
#QuickStartUEM .ActionButtons
{
	margin: 50px 0px 0px 0px !important;
	text-align: center;
}
#QuickStartUEM #QuickStartItems
{
	font-size: var(--font-size-paragraph);
}

#QuickStartUEM #TabSecurityContent
{
	text-align: center;
}
#QuickStartUEM .SecurityOption
{
	display: inline-block;
	margin: 0px 30px 0px 30px;
	min-height: 60px;
	vertical-align: top;
}
#QuickStartUEM .SecurityOption .SecurityOptionButton
{
	width: 60px;
	margin: 0px auto 0px auto;
	padding: 20px;
	text-align: center;
	border: solid 1px var(--color-primary-text);
}
#QuickStartUEM .SecurityOption .SecurityOptionButton i
{
	display: block;
	margin-top: 10px;
	font-size: 22px;
}
#QuickStartUEM .SecurityOption .SecurityOptionText
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	text-align: left;
	font-size: 10pt;
}
#QuickStartUEM .SecurityOption:hover
{
	cursor: pointer;
}
#QuickStartUEM .SecurityOption:hover .SecurityOptionButton
{
	border-color: var(--color-icon-button-highlight);
}
#QuickStartUEM .SecurityOption.Selected .SecurityOptionButton
{
	border-color: #00E639;
	color: #00E639;
}
#QuickStartUEM .SecurityOption .SuccessIcon
{
	display: none;
}
#QuickStartUEM #Email .WidgetContent
{
	padding-top: 20px;
	padding-bottom: 30px;
}
#QuickStartUEM .MailProviders
{
	margin: 20px 0px 0px 0px;
	text-align: center;
}
#QuickStartUEM .MailProvider
{
	display: inline-block;
	margin: 0px 30px 0px 30px;
	max-height: 80px;
	vertical-align: middle;
	border: solid 1px transparent;
}
#QuickStartUEM .MailProvider:hover
{
	cursor: pointer;
	border-color: var(--color-icon-button-highlight);
}
#QuickStartUEM .MailProvider.Selected
{
	border-color: #00E639;
}
#QuickStartUEM .MailProvider .SuccessIcon
{
	display: none;
}
#QuickStartUEM .MailProvider img.Google
{
	padding: 20px 10px 20px 10px;
	height: 50px;
}
#QuickStartUEM .MailProvider img.Office365
{
	height: 80px;
}
#QuickStartUEM .MailProvider img.YahooSmallBusiness
{
	padding-top: 25px;
	padding-bottom: 20px;
	height: 50px;
}
#QuickStartUEM #Applications .InPageAction
{
	margin-top: 20px;
	margin-right: 20px;
}
#QuickStartUEM #Applications .TableList
{
	margin-top: 30px;
}




#QuickStartMBH #Activation a.btn
{
	margin-top: 40px;
	margin-bottom: 10px;
}
#QuickStartMBH #Activation .Step
{
	display: block !important;
	width: 90% !important;
	margin-top: 0px;
	min-height: unset;
	padding: 0px;
	width: 200px;
	border-width: 0px;
}

#QuickStartMBH #Activation .Step.Or
{
	display: none;
}





#DialogSetTimezone .Field span
{
	display: inline !important;
}



/* GoogleZeroTouchSettings */
#DialogZeroTouchFrame .Fields .Field
{
	width: 600px;
}
#DialogZeroTouchFrame .Message
{
	margin-bottom: 30px;
	font-size: var(--font-size-paragraph);
}
#DialogZeroTouchFrame .ButtonOpenGoogleZeroTouch
{
	margin: 80px 0px 40px 0px;
	text-align: center;
}
#GoogleZeroTouchSettings .UnassignedGroups .IconButton
{
	margin-top: 0px !important;
}
#GoogleZeroTouchSettings section.Details .Field
{
	width: 70%;
}
#GoogleZeroTouchSettings section.Details .Field.ConfigureZeroTouchAccount
{
	margin-top: 40px;
}
#GoogleZeroTouchSettings .VmdeAutomationList
{
	margin-top: 80px;
}
#GoogleZeroTouchSettings #DefaultGroupsSelection
{
	margin-bottom: 30px;
}
#GoogleZeroTouchSettings .ManualConfiguration
{
	margin-top: 60px;
}



#PortalReleaseNotes .ReleaseNote
{
	margin-bottom: 60px;
	padding-bottom: 30px;
	border-bottom: solid 1px var(--color-element-border);
}
#PortalReleaseNotes .ReleaseNote .Version
{
	font-size: var(--font-size-heading);
	font-family: PortalLargeTextBold;
	margin-bottom: 20px;
}
#PortalReleaseNotes .ReleaseNote .ReleaseDate
{
	margin-bottom: 40px;
}
#PortalReleaseNotes .ReleaseNote .Label
{
	font-size: var(--font-size-compact);
	text-transform: uppercase;
	color: var(--color-heading-secondary-text);
	margin-bottom: 5px;
}
#PortalReleaseNotes .ReleaseNote .ReleaseDate span
{
	font-size: var(--font-size-sub-heading);
}

#PortalReleaseNotes .ReleaseNote .SubTitle
{
	padding-bottom: 10px;
}
#PortalReleaseNotes .ReleaseNote .ReleaseNotes,
#PortalReleaseNotes .ReleaseNote .DeveloperNotes
{
	margin-bottom: 30px;
	font-size: var(--font-size-paragraph);
}



/*AndroidApplicationConfiguration*/
/* Temp adding new CSS for dev purposes */
.AndroidApplicationConfiguration .AccordionInfo
{
	margin: 5px 0;
	border: 1px solid var(--color-element-border);
	border-radius: 4px;
	overflow: hidden;
}
.AndroidApplicationConfiguration .AccordionHeader
{
	background-color: var(--color-secondary-background);
	padding: 10px 14px;
	font-weight: bold;
	cursor: pointer;
	position: relative;
	user-select: none;
	padding-right: 30px; /* space for the arrow on the right */
}
.AndroidApplicationConfiguration .AccordionHeader::before
{
	content: '?';
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	transition: transform 0.2s ease;
}
.AndroidApplicationConfiguration .AccordionHeader.expanded::before
{
	transform: translateY(-50%) rotate(90deg); /* rotate arrow */
}
.AndroidApplicationConfiguration .AccordionContent
{
	padding: 10px 14px;
	display: none;
	background-color: var(--color-primary-background);
}
/* Nested indentation */
.AndroidApplicationConfiguration .AccordionInfo .AccordionInfo
{
	margin-left: 20px;
	border-color: var(--color-element-border);
}
.AndroidApplicationConfiguration .AccordionInfo .AccordionHeader
{
	background-color: var(--color-secondary-background);
}

/* End Temp */


.AndroidApplicationConfiguration .SubTitle
{
	margin-bottom: 15px;
}
.AndroidApplicationConfiguration div.LoadSettings
{
	margin-bottom: 40px;
}
.AndroidApplicationConfiguration .Control
{
	margin-top: 0px !important;
}
.AndroidApplicationConfiguration a.btn
{
	margin-left: 30px;
}


.AndroidApplicationConfiguration .ui-accordion .ui-accordion-header
{
	padding: 15px 15px 15px 15px !important;
	font-size: var(--font-size-sub-heading) !important;
}
.AndroidApplicationConfiguration .ui-accordion .ui-widget-content
{
	margin: 5px 0px 15px 15px !important;
}
.AndroidApplicationConfiguration .ui-accordion .ui-widget-content input
{
	min-width: 300px;
}


div.AndroidApplicationConfiguration div.Hidden
{
    display: none;
}
div.AndroidApplicationConfiguration a.TokenReplacementIcon,
div.AndroidApplicationConfiguration .Field .Control .TokenReplacementIcon
{
	position: absolute !important;
    padding-top: 8px;
}
div.AndroidApplicationConfiguration a.SetInputEnabledButton
{
    float: right;
	padding-left: 60px;
}
div.AndroidApplicationConfiguration table.BundleArray
{
    width: 97%;
}
div.AndroidApplicationConfiguration td.PlusMinus
{
    width: 30px;
}
div.AndroidApplicationConfiguration .AvailablePlatformsContainer .AvailablePlatforms
{
	margin-left: -430px !important;
	width: 400px;
}
div.AndroidApplicationConfiguration .AvailablePlatformsContainer .Description
{
	font-size: var(--font-size-compact);
}


#Application textarea#PermissionJSON
{
    display: block;
    height: 90px;
    width: 60%;
    margin-top: 0;
}

/* Applicaiton Permission Dialog */
.PermissionList .Item
{
    margin-bottom: 10px;
}
.PermissionList .Item .Value
{
    margin-right: 10px;
}


#PasswordReset .Field .Label
{
	text-align: right;
}



/* Network Filters */
#NetworkFilter #DomainList.multi-line
{
	height: 300px !important;
}

#DialogSetCommandParameter .Control
{
	width: 90% !important;
}
#DialogSetCommandParameter .Control span
{
    margin-bottom: 10px;
}
#DialogSetCommandParameter .Control div
{
    margin-bottom: 30px;
}


/* Mapquest Maps */
.leaflet-pane
{
	z-index: 1 !important;
}
.leaflet-bottom, .leaflet-top 
{
    z-index: 2 !important;
}



/* Customer Alerts */
#CustomerAlerts .AlertItem
{
	margin-bottom: 50px;
	padding-bottom: 20px;
	border-bottom: solid 1px var(--color-element-border);
}
#CustomerAlerts .Title
{
	font-size: var(--font-size-heading);
	font-family: PortalLargeTextBold;
	margin-bottom: 20px;
}
#CustomerAlerts .DatePosted
{
	font-style: italic;
	font-size: var(--font-size-sub-heading);
	margin-bottom: 40px;
}
#CustomerAlerts .AlertMessage
{
	font-size: var(--font-size-sub-heading);
}


#WiFiDirectory .ListSelection .IconButton 
{
	position: relative !important;
}

#EditConnectionProvision .AvailableFor 
{
   right: 280px !important;
}



/* Domains */
#CompanyDomains #AuthenticationSettingsLink
{
	margin: 20px 0px 10px 0px;
}

#CompanyDomains #VerificationOptionTabs
{
	width: 80%;
	margin-bottom: 30px;
}
#CompanyDomains #VerificationOptionTabs ul
{
	margin: 5px 0px 20px 0px;
}
#CompanyDomains #VerificationOptionTabs ul li
{
	margin-bottom: 10px;
}
#CompanyDomains #VerificationOptionTabs input[type=text]
{
	padding: 0px 10px 0px 10px !important;
}
#CompanyDomains #VerificationOptionTabs a.CopyValue
{
	display: inline-block;
	margin-left: 20px;
}

#CompanyDomains #VerificationOptionTabs div.VerificationButton
{
	margin: 30px 0px 30px 40px;
}
#CompanyDomains .LabelPrefix
{
	display: inline-block;
	padding-right: 10px;
}


/* Quick Start Pages */
.Provision.QuickStart .WidgetHeader .Title i.Circle
{
	padding-right: 8px;
}
.Provision.QuickStart .Widget:not(.FullWidth)
{
	width: 46% !important;
}
.Provision.QuickStart .Widget.FullWidth
{
	width: 94% !important;
}
.Provision.QuickStart .Field .Label
{
	width: 180px !important;
}
/* QuickStart fields sit in half width widgets, so undo the SingleColumnView shrink to fit and
   860px min-width (policy_elements.css) that pushed .AvailableFor outside the widget */
.Provision.QuickStart .PolicyContainer.SingleColumnView .Field:has(> .AvailableFor)
{
	width: auto;
	min-width: 0;
}
.Provision.QuickStart .Field .text-box, 
.Provision.QuickStart .Field .editor-field input[type=text]
{
	max-width: 200px !important;
}

#QuickStartBasicPhone #Applications
{
	float: right;
	margin-right: 3% !important;
}
#QuickStartBasicPhone #QuickStartGroupName .Control 
{
	width: 500px !important;
}
#QuickStartBasicPhone #QuickStartGroupName .Prefix,
#GroupDetail #QuickStartGroupName .Prefix
{
	display: inline-block;
	padding-right: 10px;
	width: auto !important;
}
#QuickStartBasicPhone #QuickStartGroupName input,
#GroupDetail #QuickStartGroupName input
{
	width: 50% !important;
}






/* these three pages dump data into their textareas, so they are given room rather than the 300px
   .Field textarea default - the widths used to sit inline on the markup */
#DataUtility .Field textarea
{
	width: 90%;
}
#BillingData .Field textarea
{
	width: 700px;
}

/* the spinner sits beside the heading rather than under it, and .Field span is display: block */
#ESMServices .Field .Label .Spinner
{
	display: inline-block;
}


/* ITAG Utilities page */
#ItagDevices .Field .Label,
#DmdDevices .Field .Label
{
	min-width: 150px !important;
	width: 150px !important;
}
#ItagDevices #Submit,
#DmdDevices #Submit
{
	margin-top: 20px;
	margin-bottom: 60px;
	margin-left: 190px !important;
}
#ItagDevices .Results textarea,
#DmdDevices .Results textarea
{
	width: 100% !important;
	height: 300px;
}


/* DMD Devices utility page */
#DmdDevices textarea:first-child
{
	width: 400px;
	height: 200px;
}



#RovaSettings .ui-tabs-nav
{
	/* show tabs */
	display: block !important;
}



#AirPlaySettings .Field .Label,
#AirPrintSettings .Field .Label
{
	width: 200px !important;
}


.Field span.OnDemandRulesSets
{
	display: inline-flex;
}
.Field .OnDemandRulesSets select {
	width: 145px;
}
.OnDemandRulesSets .AddRemove
{
	display: inline-block;
}
.OnDemandRulesSets .AddRemove a
{
	width: 24px;
	display: block;
}



#AppNotificationSettings #DevicePolicyAppNotificationsItems table.TableList th,
#AppNotificationSettings #DevicePolicyAppNotificationsItems table.TableList td
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#DevicePolicyAppNotificationsContainer .TableList .ColBundleIdentifier
{
	min-width: 220px;
	word-break: break-all;
}
#DevicePolicyAppNotificationsContainer .TableList .ColRemove
{
	width: 40px;
}


/* always hide last column (.ColJSON) */
#DevicePolicyAppNotificationsContainer .TableList thead tr th:last-child,
#DevicePolicyAppNotificationsContainer .TableList tbody tr td:last-child
{
	display: none;
}

/* when not expanded reduce visible columns to fit */
#DevicePolicyAppNotificationsContainer:not(.Expanded) .TableList thead tr th:nth-child(6),
#DevicePolicyAppNotificationsContainer:not(.Expanded) .TableList tbody tr td:nth-child(6),
#DevicePolicyAppNotificationsContainer:not(.Expanded) .TableList thead tr th:nth-child(7),
#DevicePolicyAppNotificationsContainer:not(.Expanded) .TableList tbody tr td:nth-child(7),
#DevicePolicyAppNotificationsContainer:not(.Expanded) .TableList thead tr th:nth-child(8),
#DevicePolicyAppNotificationsContainer:not(.Expanded) .TableList tbody tr td:nth-child(8),
#DevicePolicyAppNotificationsContainer:not(.Expanded) .TableList thead tr th:nth-child(9),
#DevicePolicyAppNotificationsContainer:not(.Expanded) .TableList tbody tr td:nth-child(9),
#DevicePolicyAppNotificationsContainer:not(.Expanded) .TableList thead tr th:nth-child(10),
#DevicePolicyAppNotificationsContainer:not(.Expanded) .TableList tbody tr td:nth-child(10),
#DevicePolicyAppNotificationsContainer:not(.Expanded) .TableList thead tr th:nth-child(11),
#DevicePolicyAppNotificationsContainer:not(.Expanded) .TableList tbody tr td:nth-child(11)
{
	display: none;
}


#AppNotificationSettings .PolicyContainer .SubTitle
{
	font-family: PortalLargeTextBold;
	font-size: var(--font-size-sub-heading);

	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: solid 1px var(--color-element-border);
}
#AppNotificationSettings .PolicyContainer .SubTitle a.IconButton
{
	float: right;
	margin-left: 10px;
}
#dialog-edit-app-notification-item select#ApplicationsSysID
{
	max-width: 300px !important;
}

/* expanded dialog */
/* the container is the scrolling content of a zero padding GenericModalDialog, so its square background
   and scrollbars show past the dialog's rounded corners - have the dialog clip them to its radius */
.ui-dialog.GenericModalDialog:has(> #DevicePolicyAppNotificationsContainer.Expanded)
{
	overflow: hidden;
}
#DevicePolicyAppNotificationsContainer.Expanded .SubTitle
{
	padding: 1.5rem;
	font-size: 1.5rem;
	font-family: PortalTextRegular;
	color: var(--color-heading-text);
}
#DevicePolicyAppNotificationsContainer.Expanded .SubTitle a.IconButton
{
	float: right;
	margin-left: 15px;
}



/* Campaigns */
#Campaign .StatusDescription
{
	margin-bottom: 30px;
}
#Campaign .SummaryChart
{
	margin-bottom: 20px;
}
#Campaign .SummaryData tr.Total td
{
	padding-top: 10px;
	border-top: solid 1px var(--color-element-border);
	font-weight: bold;
}
#Campaign #CampaignDevices
{
	margin-top: 20px;
}
#Campaign #CampaignDevices .Description
{
	margin-bottom: 20px;
}
#Campaign #CampaignDevices .Field textarea
{
	margin-top: 10px;
}

#Campaign .ListControl2 .Input input.StartHour,
#Campaign .ListControl2 .Input input.EndHour
{
	width: 40px !important;
}
#Campaign .ListControl2 .Input span
{
	padding: 0px 10px 0px 10px;
}
#Campaign .ListControl2 .OutputContainer .Header
{
	margin-bottom: 10px;
}
#Campaign .ListControl2 .OutputContainer .Output .Item
{
	margin-bottom: 10px;
}

#Campaign .Assignments .TableList thead tr th:first-child
{
	padding: 10px 0px 0px 15px;
}




/* Apple Configuration Profiles */
#ConfigFile .Field .Control .DownloadConfig
{
	margin-left: 20px;
}



/* Apple Business Manager Enrollment */

#AppleBusinessManagerAccount .SubTitle
{
	font-size: var(--font-size-sub-heading);
	margin-bottom: 20px;
}
#AppleBusinessManagerAccount #formProvision
{
	width: 600px;
	margin: 0px auto 0px auto;
	padding: 20px 40px 20px 40px;
	border-radius: 10px;
	border: solid 1px var(--color-element-border);
	background-color: var(--color-secondary-background);
}


#AppleBusinessManagerAccount .Subheading
{
	height: 60px;
	margin-bottom: 20px;
}
#AppleBusinessManagerAccount .Subheading .SubTitle
{
	float: left;
}
#AppleBusinessManagerAccount .Subheading .SelectList
{
	float: right;
	margin-top: 25px;
}

#AppleBusinessManagerAccount .ReadOnlyFields
{
	display: inline-block;
	width: 58% !important;
}

#AppleBusinessManagerAccount .ReadOnlyFields #View_OrgPhone
{
	margin-top: 5px;
	margin-bottom: 10px;
}

#AppleBusinessManagerAccount .ReadOnlyFields #View_EnrolleeEmail,
#AppleBusinessManagerAccount .ReadOnlyFields #View_SecondaryContactEmail
{
	margin-top: 5px;
}

#AppleBusinessManagerAccount .EditableFields
{
	display: inline-block;
	width: 38% !important;
	vertical-align: top;
}



#AppleBusinessManagerAccount .EditableFields .Field
{
	padding: 0px 0px 0px 0px !important;
}
#AppleBusinessManagerAccount .EditableFields .Field .Label
{
	display: block !important;
	width: 100%;
	margin-bottom: 10px;
	padding-right: 0px !important;
}
#AppleBusinessManagerAccount .EditableFields .Field .Control
{
	width: 100%;
	padding-right: 0px !important;
	margin-right: 0px !important;
}
#AppleBusinessManagerAccount .EditableFields .Field input
{
	width: 100% !important;
}
#AppleBusinessManagerAccount .EditableFields .Field.OrgAddress input
{
	margin-bottom: 5px;
}



#AppleBusinessManagerAccount #formProvision .Title
{
	font-size: var(--font-size-heading);
	font-weight: bold;
	margin-bottom: 20px;
}
#AppleBusinessManagerAccount #formProvision .Title .AlreadyEnrolled
{
	float: right;
	font-size: var(--font-size-compact);
	font-weight: normal;
}
#AppleBusinessManagerAccount #formProvision hr
{
	margin-top: 20px;
}
#AppleBusinessManagerAccount #formProvision .Label
{
	font-weight: bold;
}

#AppleBusinessManagerAccount #formProvision .TermsAgreement
{
	margin-top: 30px;
}

#AppleBusinessManagerAccount .ErrorMessage
{
	margin-top: 30px;
	font-size: var(--font-size-compact);
	font-weight: bold;
}
#AppleBusinessManagerAccount .ContactInformationButton
{
	margin-left: 15px;
}


#AppleFacilitatedRequestDetails .Field
{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

#AppleFacilitatedRequestDetails .Field .Label
{
	display: inline-block !important;
	width: 200px !important;
}
#AppleFacilitatedRequestDetails .Field .Control
{
	display: inline-block !important;
	width: 300px !important;
	font-style: italic !important;
}


#AppleBusinessManagerAccount .AlreadyEnrolled
{
	text-align: right;
}



/* default button when dialogs are canceled */
#AppleBusinessManagerAccount #DefaultAddDeviceEnrollmentAutomation
{
	margin: 60px auto 0px auto;
	text-align: center;
}


/* Dialog prompt */
#PromptForExistingAppleOrganizationIdDialog .Message
{
	margin: 20px 0px 30px 0px;
	font-size: var(--font-size-paragraph);
}


/* Partial Form for adding VMDE automation option */
.VmdeAddAutomationForm
{
	margin-bottom: 30px;
}
.VmdeAddAutomationForm .SubTitle
{
	font-size: var(--font-size-sub-heading) !important;
	margin: 40px 0px 20px 0px;
	font-weight: bold;
}
.VmdeAddAutomationForm .Description
{
	font-size: var(--font-size-paragraph) !important;
	margin-bottom: 20px;
}
.VmdeAddAutomationForm .Caveat
{
	margin-top: 15px;
	font-size: var(--font-size-compact);
	font-style: italic;
}


.VmdeAddAutomationForm .Field .Label
{
	display: block;
	margin-bottom: 10px;
	font-size: var(--font-size-paragraph);
}
.VmdeAddAutomationForm .Field .Control
{
	display: block;
}
.VmdeAddAutomationForm .Field select
{
	margin-top: 0px;
}


.VmdeAddAutomationForm input[type="radio"]
{
	display: none;
}
.VmdeAddAutomationForm .CustomRadioButton
{
	font-size: var(--font-size-paragraph);
}
.VmdeAddAutomationForm .RadioItem
{
	margin-top: 30px;
}
.VmdeAddAutomationForm .ItemHeading
{
	padding-left: 10px;
	font-weight: bold;
}
.VmdeAddAutomationForm .ItemDescription
{
	display: block;
	margin-top: 10px;
	padding-left: 30px;
}

.VmdeAddAutomationForm #SubaccountListSelection
{
	margin-top: 10px;
}
.VmdeAddAutomationForm #SubaccountListSelection .SubaccountCheckboxItem
{
	margin-left: 30px;
	margin-bottom: 5px;
}


/* VMDE partial list view */
.VmdeAutomationList a.AddAutomationButton
{
	float: right;
	margin: -40px 20px 0px 0px;
}
.VmdeAutomationList .SubTitle
{
	font-size: var(--font-size-sub-heading);
	margin-bottom: 20px !important;
}
.VmdeAutomationList .Caveat
{
	margin-top: 15px;
	font-size: var(--font-size-compact);
	font-style: italic;
}



.Provision.OpenIDConnectSettings #AuthenticationDomainsListControl .Control,
.Provision.OpenIDConnectSettings #AuthorizationGroupsListControl .Control
{
	min-width: 320px;
}
.Provision.OpenIDConnectSettings .ListObject .List .Item .ItemText
{
	width: 250px !important;
}
.Provision.OpenIDConnectSettings .ExternalApiFailure
{
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	color: var(--color-warning-text);
}

.Provision.OpenIDConnectSettings .Subscriptions .PageDescription
{
	width: 100% !important;
	margin-bottom: 30px !important;
}
.Provision.OpenIDConnectSettings .Subscriptions .TableList td
{
	vertical-align: top;
}

.Provision.OpenIDConnectSettings #Assignments .WidgetHeader a.IconButton
{
	display: unset !important;
	margin-top: -25px !important;
}
.Provision.OpenIDConnectSettings #Assignments .WidgetHeader a.IconButton.InfoBalloon
{
	display: inline-block !important;
	float: right !important;
	margin-top: -29px !important;
}
.Provision.OpenIDConnectSettings #Assignments th:first-child,
.Provision.OpenIDConnectSettings #Assignments td:first-child,
.Provision.OpenIDConnectSettings #Assignments th:nth-child(2),
.Provision.OpenIDConnectSettings #Assignments td:nth-child(2),
.Provision.OpenIDConnectSettings #Assignments th:last-child,
.Provision.OpenIDConnectSettings #Assignments td:last-child
{
	display: table-cell !important;
}
.Provision.OpenIDConnectSettings #Assignments td:first-child .IconButton 
{
    visibility: visible !important;
}


/* Expanded assignment widget */
.Provision.OpenIDConnectSettings #Assignments.Widget.Expanded
{
	position: absolute;
	right: 0;
	width: 80% !important;
	z-index: 10;
}
.Provision.OpenIDConnectSettings #Assignments.Widget.Expanded th:nth-child(3),
.Provision.OpenIDConnectSettings #Assignments.Widget.Expanded td:nth-child(3)
{
	display: table-cell !important;
}


.Provision.OpenIDConnectSettings #Assignments td:first-child .AvailablePlatformsPopUpContainer 
{
    margin-left: -190px;
	width: 200px !important;
}
.Provision.OpenIDConnectSettings #Assignments td:first-child .AvailablePlatformsPopUpContent 
{
	width: 150px !important;
}

.Provision.OpenIDConnectSettings #Assignments td .AvailablePlatformsContainer .Description div
{
    margin-bottom: 15px;
}
.Provision.OpenIDConnectSettings #Assignments td .AvailablePlatformsContainer .Description .Name
{
	display: block;
	margin-bottom: 5px;
    font-weight: bold;
}
.Provision.OpenIDConnectSettings #Assignments td .AvailablePlatformsContainer .Description .Value
{
	display: block;
}

.Provision.OpenIDConnectSettings #Assignments #ADGroupsForMapping
{
	width: 80%;
}
.Provision.OpenIDConnectSettings #Assignments .AddMappingButton
{
	float: right;
}

.Provision.OpenIDConnectSettings #ClearCertificateButton
{
	margin-top: 30px;
	margin-left: 5px;
}
.Provision.OpenIDConnectSettings #AddGroupMappingButtonContainer,
.Assignments #AddGroupMappingButtonContainer /* when opened in dialog it is no longer a child of .Provision */
{
	margin: 60px 0px 20px 0px;
	text-align: center;
}




/* Chromebook Policy */
#ChromePolicy .Control .Label
{
	display: block;
}
#ChromePolicy .Control .SetInputEnabledButton
{
	position: absolute;
	margin-left: -45px;
}
#ChromePolicy .Control .FieldItem
{
	margin-bottom: 20px;
}
#ChromePolicy .Control .CollectionItems .FieldModel
{
	margin-bottom: 10px;
}
#ChromePolicy .Control select
{
	margin-top: 0px !important;
}

#ChromePolicy .Control .FieldDescription .Description
{
	padding-top: 0px !important;
	font-style: normal !important;
	margin-bottom: 15px;
}

#ChromePolicy .Control .FieldDescription .InputConstraint
{
	margin-bottom: 15px;
	font-style: italic;
}
#ChromePolicy .Control .AddItemLink
{
	display: inline-block;
	margin-top: 5px;
}




#ApplicationSettings .Field textarea 
{
    height: 150px !important;
	width: 400px !important;
}




/* Help dialog */
#DialogHelpRequest .QuestionInput em
{
	display: block;
	margin: 15px 0px 15px 0px;
	font-size: var(--font-size-paragraph);
}
#DialogHelpRequest textarea
{
	width: 95% !important;
	height: 100px;
	margin-top: 10px;
}
#DialogHelpRequest .HelpTopicDetail
{
	font-size: var(--font-size-sub-heading);
}
#DialogHelpRequest li
{
	padding-bottom: 10px;
}


/* Geofences */

#Geofences #GeofenceLocations .SubTitle
{
	font-size: var(--font-size-sub-heading);
}
#Geofences .GeofenceDescription
{
	font-size: var(--font-size-paragraph);
	margin-bottom: 20px;
}
#Geofences .WidgetHeader .ExpandButton
{
	float: right;
	margin-top: -50px;
}
#Geofences #GeofenceListContainer
{
	width: 180px;
	min-height: 500px;
	float: left;
	padding: 0px 0px 0px 0px !important;
}
#Geofences .GeofenceMap
{
	margin-left: 185px;
}
#Geofences #GeofenceListContainer .btn.InPageAction
{
	font-size: 12px !important;
	padding: 5px 10px 5px 10px !important;
	margin-bottom: 20px !important;
}
#Geofences #GeofenceListContainer .NoItemsAvailable
{
	padding: 5px 10px 5px 10px !important;
	margin-bottom: 20px !important;
}
#Geofences #GeofenceItemList .NoItemsAvailable
{
	text-align: left !important;
}
#Geofences #GeofenceItemList .GeofenceItem
{
	padding: 10px 20px 10px 10px;
	cursor: pointer;
}
#Geofences #GeofenceItemList .GeofenceItem .GeofenceName,
#Geofences #GeofenceItemList .GeofenceItem .Address,
#Geofences #GeofenceItemList .GeofenceItem .Latitude,
#Geofences #GeofenceItemList .GeofenceItem .Longitude,
#Geofences #GeofenceItemList .GeofenceItem .Radius
{
	margin-bottom: 5px;
}
#Geofences #GeofenceItemList .GeofenceItem:hover
{
	background-color: var(--color-element-mouseover-highlight);
}
#Geofences #GeofenceItemList .GeofenceItem .Latitude,
#Geofences #GeofenceItemList .GeofenceItem .Longitude,
#Geofences #GeofenceItemList .GeofenceItem .Radius,
#Geofences #GeofenceItemList .GeofenceItem .Address span,
#Geofences #GeofenceItemList .GeofenceItem .GeofenceName span 
{
	padding-bottom: 3px;
}
#Geofences #GeofenceItemList .GeofenceItem .Latitude span,
#Geofences #GeofenceItemList .GeofenceItem .Longitude span,
#Geofences #GeofenceItemList .GeofenceItem .Radius span,
#Geofences #GeofenceItemList .GeofenceItem .Address span,
#Geofences #GeofenceItemList .GeofenceItem .GeofenceName span 		
{
	font-weight: bold;
}

#Geofences #GeofenceLocations .MapDisplayX
{
	min-height: 800px !important;
}


/* Expanded Geofence Locations map */
#Geofences #GeofenceLocations.Expanded
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px;
	z-index: 20;

}
#Geofences #GeofenceLocations.Expanded .WidgetHeader,
#Geofences #GeofenceLocations.Expanded .GeofenceDescription,
#Geofences #GeofenceLocations.Expanded #GeofenceListContainer
{
	padding-left: 20px;
	padding-right: 20px;
}
#Geofences #GeofenceLocations.Expanded .GeofenceMap
{
	margin-left: 220px;
}
#Geofences #GeofenceLocations.Expanded .GeofenceDescription
{
	margin-bottom: 40px;
}




/* Cellular Private Networks */
#CellularPrivateNetworks .Field.GeofencesSysID .Control .IconButton
{
	float: right;
	margin: -32px -40px 0px 0px;
}
#CellularPrivateNetworks .Field.GeofencesSysID #CreateNewGeofenceLink
{
	display: block;
	margin: 20px 0px 20px 0px;
}



/* Message Queue Settings */
#MessageQueueSettings #EnabledMessageEventsBitMaskCheckboxes .CheckBoxField
{
	display: block;
	margin-bottom: 10px;
}

#MessageQueueSettings #EnabledMessageEventsBitMaskCheckboxes .CheckBoxField input
{
	width: unset;
}



#CompaniesReplacementTokens .Field
{
	min-height: 30px;
}

#CompaniesReplacementTokens section.Details
{
	width: 80%;
}



/* Add/Verify MFA dialog */
.MultiFactorAuthenticationPrompt header .PageDescription
{
	width: 100%;
}
.MultiFactorAuthenticationPrompt .PolicyContainer #MfaAddSection,
.MultiFactorAuthenticationPrompt .PolicyContainer #MfaVerifySection
{
	width: 100%;
}
.MultiFactorAuthenticationPrompt .PolicyContainer .Field
{
	margin-bottom: 20px;
	width: 100% !important;
}

.MultiFactorAuthenticationPrompt .PolicyContainer .Field .Label
{
	display: block;
	margin-bottom: 15px;
}
.MultiFactorAuthenticationPrompt .PolicyContainer .Field .Control
{
	display: block;
}

.MultiFactorAuthenticationPrompt .PolicyContainer .VerificationSentMessage
{
	font-weight: bold;
	margin-bottom: 30px;
}


.MultiFactorAuthenticationPrompt .PolicyContainer .Field .Control .CountryCodeField
{
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
.MultiFactorAuthenticationPrompt .PolicyContainer .Field .Control .CountryCodePrefix
{
	margin: 0px 3px 0px 5px;
	display: inline-block;
}
.MultiFactorAuthenticationPrompt .PolicyContainer .Field .Control input.CountryCode
{
	width: 45px !important;
}

/* flag icon shown both next to the country code field and in the autocomplete suggestion list */
img.CountryCodeFlag
{
	width: 20px;
	height: 14px;
	vertical-align: middle;
}
.ui-autocomplete img.CountryCodeFlag
{
	margin-right: 8px;
}
.MultiFactorAuthenticationPrompt .PolicyContainer .Field.RememberDeviceField input
{
	width: auto !important;
}
.MultiFactorAuthenticationPrompt .PolicyContainer .Field .Control .ResendCode
{
	position: absolute;
	margin-left: 25px;
	margin-top: 3px;
	display: inline;
}
.MultiFactorAuthenticationPrompt .PolicyContainer .Field .Control .ResendCode a.IconButton
{
	font-size: .9rem !important;
	color: var(--color-hyperlink-text) !important;
}
.MultiFactorAuthenticationPrompt .PolicyContainer .Field .Control .ResendCode a.IconButton i
{
	padding-right: 5px;
}

.MultiFactorAuthenticationPrompt .PolicyContainer .DialogButtons
{
	display: block;
	width: 100%;
	text-align: right;
	margin: 60px 0px 20px 0px;
}
.MultiFactorAuthenticationPrompt .PolicyContainer .DialogButtons a.btn
{
	margin: 0px 0px 0px 40px;
}



/* Documentation Set Files */
/* layout.css only lays out .TitleBar inside a header, and this one sits in a PolicyContainer,
   so the flex row that pushes .NavigationButtons to the right is repeated here */

#DocumentationSets section.SetItem
{
	border-bottom: solid 1px var(--color-element-border);
	padding-bottom: 30px;
}
#DocumentationSets #DocumentationSetsFileListPayload
{
	padding-top: 30px;
}

#DocumentationSetsFiles .TitleBar
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

#DocumentationSetsFiles .TitleBar .PageTitle
{
	flex: 1;
	min-width: 0;
	margin: 0px;
}

#DocumentationSetsFiles .TitleBar .NavigationButtons
{
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 20px;
}


#DocumentationSetsFiles section.LanguageSelection
{
	padding-top: 20px;
}


#ReportCharts .TitleBar
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

#ReportCharts .TitleBar .PageTitle
{
	flex: 1;
	min-width: 0;
	margin: 0px;
}

#ReportCharts .TitleBar .NavigationButtons
{
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 20px;
}

#ReportCharts section.List
{
	padding-top: 20px;
}

/* the chart type is fixed once a chart is saved, so it renders as text where the dropdown
   would otherwise be.  scoped to the dialog because jQuery UI moves it onto body. */
#ReportChartDialogPayload .Field .Control .ReadOnlyValue
{
	display: inline-block;
	padding: 4px 0px;
	font-family: PortalTextBold;
}

/* the category picker and the free text input are alternatives, so they stack instead of
   sitting side by side on one line */
#EditReport .Field.CategoryField .Control select,
#DocumentationSetsFileEditDialogPayload .Field.CategoryField .Control select
{
	display: block;
	margin-bottom: 8px;
}

/* the shortcut to the selected stored procedure sits on the same line as the picker it follows */
#EditReport .Field.StoredProcedureField .Control a#ViewSelectedStoredProcedure,
#ReportChartDialogPayload .Field.StoredProcedureField .Control a#ViewSelectedChartStoredProcedure
{
	margin-left: 8px;
	vertical-align: middle;
}


/* the stored procedure parameter editor is injected by Report.GetStoredProcedureParameters,
   so it needs its own separation from the fields above it */
#StoredProcedure #reportProcSettings
{
	padding-top: 20px;
}

/* the editor reads the stored procedure again every time it is opened, so a parameter the stored
   procedure has gained since these options were saved is flagged as new, and a saved parameter it no
   longer declares is struck through until the save removes it */
#StoredProcedure .ParameterChangeNote
{
	padding-bottom: 15px;
	font-size: var(--font-size-compact);
}
#StoredProcedure .ParameterChangeNote span
{
	display: block;
	margin-bottom: 4px;
	padding-left: 8px;
	border-left: 3px solid var(--color-element-border);
}
#StoredProcedure .ParameterChangeNote .NewParameter
{
	border-left-color: var(--color-caution-text);
}
#StoredProcedure .ParameterChangeNote .MissingParameter
{
	border-left-color: var(--color-warning-text);
}

#StoredProcedure .ReportParameters .ParameterFlag
{
	margin-left: 8px;
	padding: 0 5px;
	border: 1px solid var(--color-element-border);
	border-radius: 3px;
	font-size: var(--font-size-compact);
	text-transform: uppercase;
	white-space: nowrap;
}
#StoredProcedure .ReportParameters .NewParameter td:first-child
{
	padding-left: 5px;
	border-left: 3px solid var(--color-caution-text);
}
#StoredProcedure .ReportParameters .NewParameter .ParameterName
{
	font-family: PortalTextBold;
}
#StoredProcedure .ReportParameters .NewParameter .ParameterFlag
{
	border-color: var(--color-caution-text);
}
#StoredProcedure .MissingParameter
{
	color: var(--color-warning-text);
}
#StoredProcedure .MissingParameter .ParameterName
{
	text-decoration: line-through;
}
#StoredProcedure .ReportParameters .MissingParameter .ParameterFlag
{
	border-color: var(--color-warning-text);
}



/* Account setup assistant (Companies/SetupAssistant) */
#SetupAssistant .AssistantContainer
{
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	gap: 30px;
	align-items: start;
	margin-top: 20px;
}

#SetupAssistant .AssistantContainer .EmbeddedPage .Provision header,
#SetupAssistant .AssistantContainer .EmbeddedPage .Provision .PolicyContainer
{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#SetupAssistant .AssistantContainer .EmbeddedPage .Steps .Step
{
	width: 220px !important;
}

#SetupAssistant .AssistantPlatform
{
	position: sticky;
	top: 10px;
	overflow: hidden;
	padding: 0px 0px 15px 0px;
	border: solid 1px var(--color-element-border);
	border-radius: 4px;
	background-color: var(--color-primary-background);
}
/* the platform heading selects the overview step, styled like the step items below it */
#SetupAssistant .AssistantPlatform .PlatformTitle
{
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 14px 15px 12px 15px;
	border: none;
	border-left: solid 3px transparent;
	border-bottom: solid 1px var(--color-element-border);
	background: none;
	font-size: var(--font-size-sub-heading);
	color: var(--color-heading-text);
	text-align: left;
	cursor: pointer;
}
#SetupAssistant .AssistantPlatform .PlatformTitle:hover
{
	background-color: var(--color-element-mouseover-highlight);
}
#SetupAssistant .AssistantPlatform .PlatformTitle.Current
{
	border-left-color: var(--color-highlight);
}/* sections after the first are separated from the steps above them */
#SetupAssistant .AssistantPlatform .AssistantSection + .AssistantSection .PlatformTitle
{
	border-top: solid 1px var(--color-element-border);
}
#SetupAssistant .AssistantPlatform .AssistantSection:not(:last-child) .AssistantSteps
{
	padding-bottom: 8px;
}
#SetupAssistant .AssistantSteps
{
	list-style: none;
	margin: 0px;
	padding: 8px 0px 0px 0px;
}
#SetupAssistant .AssistantSteps li button
{
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 9px 15px;
	border: none;
	border-left: solid 3px transparent;
	background: none;
	color: var(--color-primary-text);
	font-size: var(--font-size-primary);
	text-align: left;
	cursor: pointer;
}
#SetupAssistant .AssistantSteps li button:hover:not([disabled])
{
	background-color: var(--color-element-mouseover-highlight);
}
#SetupAssistant .AssistantSteps li button[disabled]
{
	color: var(--color-disabled-text);
	cursor: default;
}
#SetupAssistant .AssistantSteps li.Current button
{
	border-left-color: var(--color-highlight);
	font-weight: bold;
}
#SetupAssistant .AssistantSteps li .StepName
{
	flex: 1;
}
#SetupAssistant .AssistantSteps li .OptionalTag
{
	font-size: var(--font-size-compact);
	font-weight: normal;
	color: var(--color-heading-secondary-text);
}
#SetupAssistant .AssistantSteps li.Placeholder
{
	padding: 9px 15px 9px 43px;
	font-style: italic;
	color: var(--color-disabled-text);
}

/* step state icons, shared by the step list, status line and summary */
#SetupAssistant i.Check,
#SetupAssistant i.WarningSign,
#SetupAssistant i.StepPending
{
	width: 16px;
	text-align: center;
}
#SetupAssistant .StateDone i.Check
{
	color: var(--color-primary-text);
}
#SetupAssistant .StateWarning i.WarningSign:before
{
	color: var(--color-caution-text);
}
#SetupAssistant i.StepPending
{
	color: var(--color-element-border-secondary);
}

#SetupAssistant .AssistantMain
{
	min-width: 0;
}
#SetupAssistant .AssistantStep .StepTitle
{
	margin: 0px 0px 8px 0px;
	font-size: var(--font-size-heading);
	font-weight: normal;
	color: var(--color-heading-text);
}
#SetupAssistant .AssistantStep .StepDescription
{
	max-width: 80ch;
	font-size: var(--font-size-paragraph);
	line-height: 1.5;
	color: var(--color-primary-text);
}
#SetupAssistant .AssistantStep .StepStatus
{
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 15px 0px 0px 0px;
	padding: 10px 14px;
	border: solid 1px var(--color-element-border);
	border-left-width: 4px;
	border-radius: 4px;
	font-size: var(--font-size-primary);
}
#SetupAssistant .AssistantStep .StepStatus.StateDone
{
	border-left-color: var(--color-primary-text);
}
#SetupAssistant .AssistantStep .StepStatus.StateWarning
{
	border-left-color: var(--color-caution-text);
}
#SetupAssistant .AssistantStep .StepStatus.StateTodo
{
	border-left-color: var(--color-element-border-secondary);
}
#SetupAssistant .AssistantStep .StepBody:not(:empty)
{
	margin-top: 20px;
}
#SetupAssistant .AssistantStep .StepNote
{
	max-width: 80ch;
	margin-top: 15px;
	color: var(--color-heading-secondary-text);
}
#SetupAssistant .AssistantStep .Instructions
{
	max-width: 80ch;
	margin: 30px 0px 0px 0px;
	padding-left: 20px;
	font-size: var(--font-size-paragraph);
	line-height: 1.5;
}
#SetupAssistant .AssistantStep .Instructions li
{
	padding-bottom: 6px;
}

/* choice cards */
#SetupAssistant .AssistantChoices
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 15px;
	max-width: 900px;
}
#SetupAssistant .AssistantChoice
{
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 16px;
	border: solid 1px var(--color-element-border);
	border-radius: 1rem;
	background-color: var(--color-primary-background);
	color: var(--color-primary-text);
	font-size: var(--font-size-primary);
	text-align: left;
	cursor: pointer;
}
#SetupAssistant .AssistantChoice:hover
{
	border-color: var(--color-element-border-secondary);
}
#SetupAssistant .AssistantChoice.Selected
{
	border-color: var(--color-highlight);
	box-shadow: inset 0px 0px 0px 1px var(--color-highlight);
}
#SetupAssistant .AssistantChoice .ChoiceTitle
{
	font-size: var(--font-size-sub-heading);
	color: var(--color-heading-text);
}
#SetupAssistant .AssistantChoice .ChoiceDescription
{
	line-height: 1.4;
	color: var(--color-heading-secondary-text);
}
#SetupAssistant .AssistantChoice .ChoiceStatus
{
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 4px;
	font-size: var(--font-size-compact);
}
#SetupAssistant .AssistantChoice .ChoiceStatus i.Check
{
	color: var(--color-primary-text);
}#SetupAssistant .AssistantChoice .ChoiceDescription:empty
{
	display: none;
}
/* compact cards for long lists (hotspot models) */
#SetupAssistant .AssistantChoices.Compact
{
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 10px;
	max-width: none;
}
#SetupAssistant .AssistantChoices.Compact .AssistantChoice
{
	padding: 10px 14px;
}/* titled groups of choices (hotspot models with devices, then the others) */
#SetupAssistant .AssistantChoiceGroup + .AssistantChoiceGroup
{
	margin-top: 20px;
	padding-top: 15px;
	border-top: solid 1px var(--color-element-border);
}
#SetupAssistant .AssistantChoiceGroup .ChoiceGroupTitle
{
	margin-bottom: 10px;
	font-size: var(--font-size-primary);
	font-weight: bold;
	color: var(--color-heading-secondary-text);
}
#SetupAssistant .AssistantActions .btn.Disabled
{
	opacity: 0.5;
	cursor: default;
	pointer-events: none;
}
/* embedded Quick Start page: activation is its own assistant step, and the page's own buttons lead away from the chosen model */
#SetupAssistant .EmbeddedPage #QuickStartMBH #Activation,
#SetupAssistant .EmbeddedPage #QuickStartMBH header .NavigationButtons
{
	display: none;
}

#SetupAssistant .EmbeddedPage #QuickStartMBH .PolicyContainer .Widget
{
	width: 600px !important;
}

/* summary */
#SetupAssistant .AssistantSummary
{
	list-style: none;
	max-width: 900px;
	margin: 0px;
	padding: 0px;
	border: solid 1px var(--color-element-border);
	border-radius: 4px;
}
#SetupAssistant .AssistantSummary li + li
{
	border-top: solid 1px var(--color-element-border);
}
#SetupAssistant .AssistantSummary .SummaryItem
{
	display: grid;
	grid-template-columns: 16px 220px minmax(0, 1fr);
	gap: 12px;
	align-items: baseline;
	width: 100%;
	padding: 12px 15px;
	border: none;
	background: none;
	color: var(--color-primary-text);
	font-size: var(--font-size-primary);
	text-align: left;
	cursor: pointer;
}
#SetupAssistant .AssistantSummary .SummaryItem:hover
{
	background-color: var(--color-element-mouseover-highlight);
}
#SetupAssistant .AssistantSummary .SummaryTitle
{
	font-weight: bold;
}
#SetupAssistant .AssistantSummary .SummaryText
{
	color: var(--color-heading-secondary-text);
}
/* rows that only show information (license summary) */
#SetupAssistant .AssistantSummary div.SummaryItem
{
	cursor: default;
}
#SetupAssistant .AssistantSummary div.SummaryItem:hover
{
	background-color: transparent;
}
/* license summary: no license available */
#SetupAssistant .AssistantLicensesUnavailable
{
	max-width: 80ch;
	margin-bottom: 30px;
	padding: 10px 15px;
	border-left: solid 4px var(--color-caution-text);
}
#SetupAssistant .AssistantLicensesUnavailable p
{
	margin: 0px;
}
#SetupAssistant .AssistantLicensesUnavailable .Title
{
	font-weight: bold;
}
#SetupAssistant .AssistantLicensesUnavailable p + p,
#SetupAssistant .AssistantLicensesUnavailable .Message
{
	margin-top: 8px;
}
#SetupAssistant .AssistantActions
{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 40px;
}

/* windows enrollment link, selected and copied as a whole */
#SetupAssistant input.AssistantLink
{
	width: 100%;
	max-width: 700px;
	margin-top: 40px;
}

/* android enrollment QR code, styled as on the Managed Google Play settings page */
#SetupAssistant .AssistantQrCode a.QrImage
{
	display: inline-block;
	margin-top: 40px;
}
#SetupAssistant .AssistantQrCode a.QrImage img
{
	display: block;
	width: 200px;
	padding: 10px 5px 10px 5px;
	border: solid 1px transparent;
	border-radius: 20px;
}
#SetupAssistant .AssistantQrCode a.QrImage img:hover
{
	border-color: var(--color-element-border);
}

/* embedded configuration page: keep its own actions, drop navigation that belongs to the standalone page */
#SetupAssistant .EmbeddedPage:not(:empty)
{
	margin-top: 25px;
	padding-top: 20px;
	border-top: solid 1px var(--color-element-border);
}
#SetupAssistant .EmbeddedPage .BreadCrumbs
{
	display: none;
}
#SetupAssistant .EmbeddedPage .TitleBar .PageTitle
{
	font-size: var(--font-size-sub-heading);
}
#SetupAssistant .EmbeddedPage .EmbeddedPageUnavailable
{
	padding: 15px 0px;
}

/* Back / Next, at the right of the page title bar (SetupAssistant page) or the dialog title bar (SetupAssistant.Open) */
#SetupAssistantNavigation
{
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 30px;
}
#SetupAssistantNavigation .btn.Disabled
{
	opacity: 0.5;
	cursor: default;
	pointer-events: none;
}

/* opened from the dashboard in a near full screen dialog (SetupAssistant.Open), only the dialog content scrolls */
.ui-dialog.SetupAssistantDialog .ui-dialog-content
{
	padding-right: 15px !important;
}
/* the title, Back / Next and the close button share the title bar */
.ui-dialog.SetupAssistantDialog .ui-dialog-titlebar
{
	display: flex;
	align-items: center;
	gap: 20px;
}
/* the jQuery UI clearfix pseudo elements and hidden close button would become flex items and add gaps */
.ui-dialog.SetupAssistantDialog .ui-dialog-titlebar:before,
.ui-dialog.SetupAssistantDialog .ui-dialog-titlebar:after,
.ui-dialog.SetupAssistantDialog .ui-dialog-titlebar .ui-dialog-titlebar-close
{
	display: none;
}
.ui-dialog.SetupAssistantDialog .ui-dialog-titlebar .ui-dialog-title
{
	flex: 1;
	min-width: 0;
	float: none;
	width: auto;
	margin: 0px;
}
/* close button, the theme hides the jQuery UI one on every dialog */
.ui-dialog.SetupAssistantDialog .ui-dialog-titlebar a.SetupAssistantClose
{
	flex-shrink: 0;
	padding: 4px 8px;
	font-size: 18pt;
	line-height: 1;
}
/* the generic dialog rules narrow fields for small dialogs, embedded pages keep their standalone layout here */
.SetupAssistantDialog #SetupAssistant .Field .Label,
.SetupAssistantDialog #SetupAssistant .editor-label,
.SetupAssistantDialog #SetupAssistant .Field input,
.SetupAssistantDialog #SetupAssistant .editor-field input
{
	max-width: none;
}
.SetupAssistantDialog #SetupAssistant .AvailablePlatformsPopUpContainer
{
	margin-left: 10px !important;
}

@media (max-width: 900px)
{
	#SetupAssistant .AssistantContainer
	{
		grid-template-columns: minmax(0, 1fr);
	}
	#SetupAssistant .AssistantPlatform
	{
		position: static;
	}
	#SetupAssistant .AssistantSummary .SummaryItem
	{
		grid-template-columns: 16px minmax(0, 1fr);
	}
	#SetupAssistant .AssistantSummary .SummaryText
	{
		grid-column: 2;
	}
}

/* Software Management List item (Windows App Control sections) */
/* #Details is only 70% of the page, so a fixed width control drops below its label. These rows
   flex instead: the control takes what is left beside the label and wraps to its own line when
   that is less than 320px. */
#SoftwareManagementListItem .WindowsPackageList > .Field,
#SoftwareManagementListItem .WindowsMicrosoftApps > .Field,
#SoftwareManagementListItem .WindowsThirdPartyApps > .Field,
#SoftwareManagementListItem .WindowsEnforcement > .Field,
#SoftwareManagementListItem .WindowsDefaultApps > .Field
{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	row-gap: 10px;
}
#SoftwareManagementListItem .WindowsPackageList > .Field > .Label,
#SoftwareManagementListItem .WindowsMicrosoftApps > .Field > .Label,
#SoftwareManagementListItem .WindowsThirdPartyApps > .Field > .Label,
#SoftwareManagementListItem .WindowsEnforcement > .Field > .Label,
#SoftwareManagementListItem .WindowsDefaultApps > .Field > .Label
{
	flex: 0 0 auto;
}
#SoftwareManagementListItem .WindowsPackageList > .Field > .Control,
#SoftwareManagementListItem .WindowsMicrosoftApps > .Field > .Control,
#SoftwareManagementListItem .WindowsThirdPartyApps > .Field > .Control,
#SoftwareManagementListItem .WindowsEnforcement > .Field > .Control,
#SoftwareManagementListItem .WindowsDefaultApps > .Field > .Control
{
	flex: 1 1 320px;
	min-width: 0;
	max-width: 470px;
}
/* a flex item ignores float: keep the platform icons at the end of the row, clear of the control */
#SoftwareManagementListItem .WindowsPackageList > .Field > .AvailableFor,
#SoftwareManagementListItem .WindowsMicrosoftApps > .Field > .AvailableFor,
#SoftwareManagementListItem .WindowsThirdPartyApps > .Field > .AvailableFor,
#SoftwareManagementListItem .WindowsEnforcement > .Field > .AvailableFor,
#SoftwareManagementListItem .WindowsDefaultApps > .Field > .AvailableFor
{
	order: 3;
	margin-left: auto;
	padding-left: 20px;
}

#SoftwareManagementListItem .ThirdPartyAddRow
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
/* Store search: the magnifier sits inside the right end of the search box */
#SoftwareManagementListItem .StoreSearchRow
{
	position: relative;
	max-width: 400px;
}
#SoftwareManagementListItem .StoreSearchRow input[type=text]
{
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding-right: 38px !important;	/* input_fields.css sets every input's padding !important */
}
#SoftwareManagementListItem .StoreSearchButton
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	color: var(--color-icon-button);
	cursor: pointer;
}
#SoftwareManagementListItem .StoreSearchButton:hover
{
	color: var(--color-icon-button-highlight);
}

/* script status lines under the Store search and the program picker */
#SoftwareManagementListItem .StoreSearchStatus,
#SoftwareManagementListItem .ThirdPartyStatus
{
	min-height: 1.4em;
	margin: 6px 0;
	font-style: italic;
	opacity: 0.75;
}

/* Store search results */
#SoftwareManagementListItem .StoreSearchResults
{
	display: none;
	max-width: 400px;
	max-height: 280px;
	overflow-y: auto;
	margin-bottom: 10px;
	border: solid 1px var(--color-element-border);
	border-radius: 6px;
	background-color: var(--color-primary-background);
}
#SoftwareManagementListItem .StoreSearchResult
{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 10px;
	border-bottom: solid 1px var(--color-element-border);
	cursor: pointer;
}
#SoftwareManagementListItem .StoreSearchResult:last-child
{
	border-bottom: none;
}
/* a bar, not a fill: --color-data-row-selected stays light in some dark themes */
#SoftwareManagementListItem .StoreSearchResult:hover
{
	background-color: var(--color-secondary-background);
	box-shadow: inset 3px 0 0 var(--color-hyperlink-text);
}
#SoftwareManagementListItem .StoreSearchResult img
{
	flex: 0 0 auto;
	width: 32px;
	height: 32px;
	border-radius: 6px;
	object-fit: contain;
}
#SoftwareManagementListItem .StoreSearchResult .StoreAppText
{
	min-width: 0;
}
#SoftwareManagementListItem .StoreSearchResult .StoreAppTitle
{
	font-weight: bold;
}
#SoftwareManagementListItem .StoreSearchResult .StoreAppPackage
{
	font-size: 0.9em;
	opacity: 0.75;
	word-break: break-all;
}

#SoftwareManagementListItem #WindowsPackageIDs
{
	box-sizing: border-box;
	width: 100%;
	height: 160px;
	resize: vertical;
	font-family: Consolas, monospace;
}

/* checkbox and radio rows */
#SoftwareManagementListItem .MicrosoftAppsMode
{
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 10px;
}
#SoftwareManagementListItem .MicrosoftAppsMode label,
#SoftwareManagementListItem .MicrosoftAppsItem,
#SoftwareManagementListItem .DefaultAppsItem
{
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}
#SoftwareManagementListItem .MicrosoftAppsMode input,
#SoftwareManagementListItem .MicrosoftAppsItem input,
#SoftwareManagementListItem .DefaultAppsItem input,
#SoftwareManagementListItem .EnforcementOption input
{
	flex: 0 0 auto;
	width: auto;	/* base_v1 gives every .Field input 300px */
	margin: 0;
}

/* Microsoft apps / optional components: collapsible groups */
#SoftwareManagementListItem .MicrosoftAppsGroup
{
	margin-top: 10px;
	overflow: hidden;
	border: solid 1px var(--color-element-border);
	border-radius: 6px;
	background-color: var(--color-primary-background);
}
#SoftwareManagementListItem .MicrosoftAppsGroupTitle
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 8px;
	padding: 8px 12px;
	background-color: var(--color-secondary-background);
	cursor: pointer;
	user-select: none;
}
#SoftwareManagementListItem .MicrosoftAppsGroupTitle .Arrow
{
	display: inline-block;
	flex: 0 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent currentColor;
	transition: transform 0.15s;
}
#SoftwareManagementListItem .MicrosoftAppsGroup.Open .MicrosoftAppsGroupTitle .Arrow
{
	transform: rotate(90deg);
}
/* when the title is too narrow, whole pieces wrap instead of words inside them */
#SoftwareManagementListItem .MicrosoftAppsGroupTitle .Name,
#SoftwareManagementListItem .MicrosoftAppsGroupTitle .Count,
#SoftwareManagementListItem .MicrosoftAppsGroupTitle .Actions
{
	white-space: nowrap;
}
#SoftwareManagementListItem .MicrosoftAppsGroupTitle .Name
{
	font-weight: bold;
}
#SoftwareManagementListItem .MicrosoftAppsGroupTitle .Count
{
	opacity: 0.75;
}
#SoftwareManagementListItem .MicrosoftAppsGroupTitle .Actions
{
	display: flex;
	gap: 12px;
	margin-left: auto;
}
#SoftwareManagementListItem .MicrosoftAppsGroupTitle .Actions a,
#SoftwareManagementListItem .ThirdPartyCustomToggle
{
	color: var(--color-hyperlink-text);
	cursor: pointer;
}
#SoftwareManagementListItem .MicrosoftAppsGroupTitle .Actions a:hover,
#SoftwareManagementListItem .ThirdPartyCustomToggle:hover
{
	color: var(--color-hyperlink-text-highlight);
	text-decoration: underline;
}
#SoftwareManagementListItem .MicrosoftAppsGroupBody
{
	display: none;
	padding: 10px 12px;
	border-top: solid 1px var(--color-element-border);
}
#SoftwareManagementListItem .MicrosoftAppsGroup.Open .MicrosoftAppsGroupBody
{
	display: block;
}
#SoftwareManagementListItem .MicrosoftAppsFilter
{
	width: 260px;
	margin: 0 0 8px 0;
}
#SoftwareManagementListItem .MicrosoftAppsScroll
{
	max-height: 260px;
	overflow-y: auto;
	column-count: 2;
	column-gap: 24px;
}
#SoftwareManagementListItem .MicrosoftAppsItem
{
	padding: 3px 0;
	break-inside: avoid;
}
#SoftwareManagementListItem .MicrosoftAppsItem.Filtered
{
	display: none;
}

/* Other Programs */
#SoftwareManagementListItem #ThirdPartyCatalog
{
	min-width: 300px;
	max-width: 100%;
}
#SoftwareManagementListItem .ThirdPartyTable
{
	width: 100%;
	margin: 4px 0 10px 0;
	border-collapse: collapse;
	border: solid 1px var(--color-element-border);
}
#SoftwareManagementListItem .ThirdPartyTable th,
#SoftwareManagementListItem .ThirdPartyTable td
{
	padding: 6px 10px;
	text-align: left;
	vertical-align: middle;
	border-bottom: solid 1px var(--color-element-border);
}
#SoftwareManagementListItem .ThirdPartyTable th
{
	font-weight: bold;
	background-color: var(--color-secondary-background);
}
#SoftwareManagementListItem .ThirdPartyTable tbody tr:last-child td
{
	border-bottom: none;
}
#SoftwareManagementListItem .ThirdPartyTable td.Value
{
	font-family: Consolas, monospace;
	font-size: 0.9em;
	word-break: break-all;
}
#SoftwareManagementListItem .ThirdPartyTable td.Remove
{
	width: 1%;
	text-align: right;
	white-space: nowrap;
}
#SoftwareManagementListItem .ThirdPartyCustomToggle
{
	display: inline-block;
	margin: 4px 0 8px 0;
}
#SoftwareManagementListItem .ThirdPartyCustom
{
	padding: 12px;
	border: solid 1px var(--color-element-border);
	border-radius: 6px;
}
#SoftwareManagementListItem .ThirdPartyAddRow input[type=text],
#SoftwareManagementListItem .ThirdPartyAddRow select
{
	width: auto;
	margin: 0;
}
#SoftwareManagementListItem .ThirdPartyHelp
{
	margin-top: 10px;
	font-size: 0.9em;
	opacity: 0.75;
}
#SoftwareManagementListItem .ThirdPartyHelp code
{
	padding: 1px 4px;
	border-radius: 3px;
	font-family: Consolas, monospace;
	background-color: var(--color-secondary-background);
	word-break: break-all;
}

/* Enforcement */
#SoftwareManagementListItem .EnforcementOption
{
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 8px;
	padding: 10px 12px;
	border: solid 1px var(--color-element-border);
	border-radius: 6px;
	cursor: pointer;
}
#SoftwareManagementListItem .EnforcementOption input
{
	margin-top: 2px;
}
#SoftwareManagementListItem .EnforcementOption .OptionTitle
{
	font-weight: bold;
}
#SoftwareManagementListItem .EnforcementOption .OptionHelp
{
	margin-top: 2px;
	opacity: 0.75;
}

body.MobileView #SoftwareManagementListItem .MicrosoftAppsScroll
{
	column-count: 1;
}
body.MobileView #SoftwareManagementListItem .MicrosoftAppsFilter
{
	width: 100%;
}

/* Windows Kiosk policy item */
/* fields that do not apply to the selected kiosk type; !important because the device platform filter shows every field again */
#KioskSettings .KioskHidden
{
	display: none !important;
}

/* the form is a stack of cards, one per topic */
#KioskSettings .KioskCard
{
	max-width: 1100px;
	margin: 0 0 20px 0;
	padding: 2px 24px 10px 24px;
	border: solid 1px var(--color-element-border);
	border-radius: 6px;
	background-color: var(--color-primary-background);
}
#KioskSettings .KioskCardTitle
{
	margin: 16px 0 6px 0;
	padding-bottom: 10px;
	border-bottom: solid 1px var(--color-element-border);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--color-heading-secondary-text);
}
#KioskSettings .KioskCard .Field
{
	margin: 14px 0;
}
#KioskSettings .KioskCard .Control
{
	text-align: left;
}
/* the portal makes every input as wide as its column, which stretches and centers check boxes */
#KioskSettings .KioskCard input[type=checkbox]
{
	width: auto !important;
	height: auto;
	margin: 2px 0 0 0;
}

/* explanation under the kiosk type and the account */
#KioskSettings .KioskCallout
{
	display: block;
	max-width: 40em;
	margin-top: 10px;
	padding: 10px 14px;
	border-left: solid 3px var(--color-element-border);
	border-radius: 0 4px 4px 0;
	background-color: var(--color-secondary-background);
	font-size: 13px;
	line-height: 1.45;
}
#KioskSettings .KioskCallout:empty
{
	display: none;
}
#KioskSettings #KioskAccountHelp
{
	display: block;
	margin-top: 4px;
}

/* one box per app */
#KioskSettings .KioskApp
{
	max-width: 46em;
	margin: 0 0 12px 0;
	padding: 12px 14px;
	border: solid 1px var(--color-element-border);
	border-radius: 6px;
	background-color: var(--color-secondary-background);
}
#KioskSettings .KioskAppRow
{
	margin: 8px 0 0 0;
}
#KioskSettings .KioskAppRow:first-child
{
	margin-top: 0;
}
#KioskSettings .KioskAppRow input[type=text]
{
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
}
#KioskSettings .KioskAppRow label
{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	cursor: pointer;
}
#KioskSettings .KioskDescription
{
	font-size: 12px;
	opacity: 0.75;
}
#KioskSettings .KioskInline
{
	display: block;
	margin-top: 10px;
}
#KioskSettings .KioskInline label
{
	margin-right: 8px;
	font-size: 13px;
}
#KioskSettings .KioskInline input[type=number]
{
	width: 6em;
}
#KioskSettings #KioskAddApp,
#KioskSettings #KioskAddTile
{
	display: inline-block;
	margin-top: 2px;
	font-weight: 600;
}

/* the Pinned Tiles text is edited in the website boxes below it and only kept in this hidden text */
#KioskSettings #PinnedTiles
{
	display: none;
}
/* Pinned Tiles: one box per website */
#KioskSettings .KioskTile
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 10px;
	max-width: 54em;
	margin: 0 0 10px 0;
	padding: 10px 12px;
	border: solid 1px var(--color-element-border);
	border-radius: 6px;
	background-color: var(--color-secondary-background);
}
#KioskSettings .KioskTile input[type=text]
{
	box-sizing: border-box;
}
#KioskSettings .KioskTileName
{
	width: 12em;
}
#KioskSettings .KioskTileUrl
{
	flex: 1 1 16em;
	min-width: 12em;
}
#KioskSettings .KioskTileIcon
{
	display: flex;
	flex-basis: 100%;
	align-items: center;
	gap: 8px 10px;
	font-size: 12px;
}
#KioskSettings .KioskTileIcon .KioskTileRemove
{
	margin-left: auto;
}
#KioskSettings .KioskTileIcon img
{
	width: 40px;
	height: 40px;
	object-fit: contain;
	border: solid 1px var(--color-element-border);
	border-radius: 4px;
	background-color: var(--color-primary-background);
}
#KioskSettings .KioskTileIcon .KioskTileNoIcon
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: dashed 1px var(--color-element-border);
	border-radius: 4px;
	font-size: 10px;
	line-height: 1.1;
	text-align: center;
	opacity: 0.75;
}
#KioskSettings .KioskTileIcon input[type=file]
{
	max-width: 15em;
	font-size: 12px;
}
#KioskSettings .KioskTileError
{
	flex-basis: 100%;
	font-size: 12px;
	color: var(--color-field-validation-error-message);
}

/* Edge options card: a check box with a title and one line of help */
#KioskSettings .KioskEdgeOption
{
	display: flex;
	align-items: flex-start;
	gap: 10px;
	max-width: 46em;
	margin: 0 0 8px 0;
	padding: 8px 12px;
	border: solid 1px var(--color-element-border);
	border-radius: 6px;
	cursor: pointer;
}
#KioskSettings .KioskEdgeOption input
{
	flex: 0 0 auto;
	margin-top: 2px;
}
#KioskSettings .KioskEdgeOption .OptionTitle
{
	font-weight: bold;
}
#KioskSettings .KioskEdgeOption .OptionHelp
{
	display: block;
	margin-top: 2px;
	opacity: 0.75;
}

#KioskSettings #KioskEdgeAllowedSites
{
	box-sizing: border-box;
	width: 100%;
	max-width: 46em;
	font-family: Consolas, monospace;
	resize: vertical;
}
#KioskSettings #KioskEdgeStartPage
{
	box-sizing: border-box;
	width: 100%;
	max-width: 46em;
}
#KioskSettings #KioskEdgeIdleMinutes
{
	width: 6em;
	margin-bottom: 8px;
}
body.MobileView #KioskSettings .KioskCard
{
	padding: 2px 14px 10px 14px;
}
body.MobileView #KioskSettings .KioskTileName
{
	width: 100%;
}


/* Home Screen policy: Windows Start and Windows Taskbar designers */
#HomeScreenSettings .WindowsDesigner .Control
{
	max-width: 600px;
}

#HomeScreenSettings .WindowsDesigner .WindowsDesignerOptions
{
	margin-top: 25px;
	vertical-align: top;
	border: solid 1px var(--color-element-border);
	padding: 30px;
	border-radius: 10px 10px;
}
#HomeScreenSettings .WindowsDesigner .WindowsDesignerOptions a
{
	display: block;
	margin-bottom: 15px;
	cursor: pointer;
}
#HomeScreenSettings .WindowsDesigner .WindowsDesignerOptions .Description
{
	margin-top: 5px;
}
#HomeScreenSettings .WindowsDesigner .WindowsDesignerArea
{
	display: block;
	margin-top: 20px;
}
#HomeScreenSettings .WindowsDesigner .WindowsDesignerArea.WindowsDesignerOff
{
	display: none;
}
#HomeScreenSettings .WindowsDesigner .WindowsApplyOnce
{
	margin-bottom: 15px;
}
#HomeScreenSettings .WindowsDesigner .WindowsPreview
{
	border: solid 1px var(--color-element-border);
	border-radius: 10px 10px;
	padding: 15px;
	background-color: #1f2a44;
	color: #FFFFFF;
	max-width: 560px;
}
#HomeScreenSettings .WindowsDesigner .WindowsPreview.WindowsTaskbarPreview
{
	background-color: #2b2b2b;
}
#HomeScreenSettings .WindowsDesigner .WindowsPreviewTitle
{
	font-weight: bold;
	margin-bottom: 10px;
}
#HomeScreenSettings .WindowsDesigner .WindowsPins
{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	min-height: 80px;
}
#HomeScreenSettings .WindowsDesigner .WindowsNothingPinned
{
	opacity: 0.8;
	padding: 10px 0;
}
#HomeScreenSettings .WindowsDesigner .WindowsPin
{
	width: 76px;
	padding: 6px 4px;
	text-align: center;
	border-radius: 6px 6px;
	border: solid 1px transparent;
	cursor: pointer;
}
#HomeScreenSettings .WindowsDesigner .WindowsPin:hover
{
	background-color: rgba(255, 255, 255, 0.12);
}
#HomeScreenSettings .WindowsDesigner .WindowsPin.Selected
{
	border-color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.2);
}
#HomeScreenSettings .WindowsDesigner .WindowsPinIcon
{
	width: 40px;
	height: 40px;
	margin: 0 auto 4px auto;
	border-radius: 8px 8px;
	line-height: 40px;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	overflow: hidden;
}
#HomeScreenSettings .WindowsDesigner .WindowsPinIcon img
{
	width: 40px;
	height: 40px;
	display: block;
}
#HomeScreenSettings .WindowsDesigner .WindowsPinName
{
	font-size: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#HomeScreenSettings .WindowsDesigner .WindowsDetail
{
	margin-top: 20px;
	max-width: 560px;
}
#HomeScreenSettings .WindowsDesigner .WindowsDetailRow
{
	margin-bottom: 12px;
}
#HomeScreenSettings .WindowsDesigner .WindowsDetailRow label
{
	display: block;
	margin-bottom: 4px;
}
#HomeScreenSettings .WindowsDesigner .WindowsDetailRow input[type="text"],
#HomeScreenSettings .WindowsDesigner .WindowsDetailRow select
{
	width: 100%;
	box-sizing: border-box;
}
#HomeScreenSettings .WindowsDesigner .WindowsDetailHelp
{
	margin-top: 4px;
	font-size: 12px;
	opacity: 0.8;
}
#HomeScreenSettings .WindowsDesigner .WindowsIconRow
{
	display: flex;
	align-items: center;
	gap: 12px;
}
#HomeScreenSettings .WindowsDesigner .WindowsIconPreview
{
	width: 40px;
	height: 40px;
	border-radius: 8px 8px;
}
#HomeScreenSettings .WindowsDesigner .WindowsIconError
{
	color: #C50F1F;
}

/* Home Screen policy: Windows 10 Start layout (groups, folders, tile sizes) */
#HomeScreenSettings .WindowsDesigner .WindowsSubTitle
{
	font-weight: bold;
	margin: 25px 0 5px 0;
}
#HomeScreenSettings .WindowsDesigner .WindowsTools
{
	margin: 15px 0;
}
#HomeScreenSettings .WindowsDesigner .WindowsTools a
{
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 8px;
	cursor: pointer;
}
#HomeScreenSettings .WindowsDesigner .Windows10Preview
{
	background-color: #1b3a57;
}
#HomeScreenSettings .WindowsDesigner .Windows10Group
{
	margin-bottom: 20px;
	padding: 6px;
	border: solid 1px transparent;
	border-radius: 6px 6px;
}
#HomeScreenSettings .WindowsDesigner .Windows10Group.Selected
{
	border-color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.1);
}
#HomeScreenSettings .WindowsDesigner .Windows10GroupTitle
{
	margin-bottom: 8px;
	font-size: 13px;
	opacity: 0.9;
	cursor: pointer;
}
#HomeScreenSettings .WindowsDesigner .Windows10Grid
{
	display: grid;
	grid-template-columns: repeat(6, 38px);
	grid-auto-rows: 38px;
	grid-auto-flow: dense;
	gap: 4px;
}
#HomeScreenSettings .WindowsDesigner .Windows10Tile
{
	position: relative;
	overflow: hidden;
	padding: 3px 4px;
	box-sizing: border-box;
	border: solid 2px transparent;
	cursor: pointer;
	font-size: 10px;
	line-height: 12px;
	color: #FFFFFF;
	background-color: #0f6cbd;
}
#HomeScreenSettings .WindowsDesigner .Windows10Tile.Folder
{
	background-color: rgba(255, 255, 255, 0.25);
}
#HomeScreenSettings .WindowsDesigner .Windows10Tile.Selected
{
	border-color: #FFFFFF;
}
#HomeScreenSettings .WindowsDesigner .Windows10Tile.Size1x1
{
	grid-column: span 1;
	grid-row: span 1;
}
#HomeScreenSettings .WindowsDesigner .Windows10Tile.Size2x2
{
	grid-column: span 2;
	grid-row: span 2;
}
#HomeScreenSettings .WindowsDesigner .Windows10Tile.Size4x2
{
	grid-column: span 4;
	grid-row: span 2;
}
#HomeScreenSettings .WindowsDesigner .Windows10Tile.Size4x4
{
	grid-column: span 4;
	grid-row: span 4;
}
#HomeScreenSettings .WindowsDesigner .Windows10Tile.Size1x1 .Windows10TileName
{
	display: none;
}
#HomeScreenSettings .WindowsDesigner .Windows10TileCount
{
	position: absolute;
	right: 4px;
	bottom: 2px;
	font-weight: bold;
}
#HomeScreenSettings .WindowsDesigner .Windows10FolderItems
{
	margin-top: 10px;
	padding: 8px;
	border-radius: 6px 6px;
	background-color: rgba(255, 255, 255, 0.12);
}
#HomeScreenSettings .WindowsDesigner .Windows10FolderItem
{
	display: inline-block;
	margin: 0 6px 6px 0;
	padding: 4px 8px;
	border: solid 1px transparent;
	border-radius: 4px 4px;
	background-color: rgba(255, 255, 255, 0.2);
	cursor: pointer;
	font-size: 12px;
}
#HomeScreenSettings .WindowsDesigner .Windows10FolderItem.Selected
{
	border-color: #FFFFFF;
}
#HomeScreenSettings .WindowsDesigner .WindowsSection
{
	margin-top: 25px;
}
#HomeScreenSettings .WindowsDesigner .WindowsSection .WindowsSubTitle
{
	margin-top: 0;
}
#HomeScreenSettings .WindowsDesigner .WindowsDesignerOptions select
{
	margin-bottom: 30px;
}
#HomeScreenSettings .WindowsDesigner .WindowsDesignerOptions .WindowsToolGroup a:last-of-type
{
	margin-bottom: 0;
}

/* Home Screen policy: Windows Start menu options */
#HomeScreenSettings .WindowsDesigner .WindowsOptionsGroup
{
	margin-top: 20px;
}
#HomeScreenSettings .WindowsDesigner .WindowsOptionRow
{
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}
#HomeScreenSettings .WindowsDesigner .WindowsOptionRow label
{
	display: inline-block;
	width: 340px;
	padding-right: 20px;
	box-sizing: border-box;
}
#HomeScreenSettings .WindowsDesigner .WindowsOptionRow select
{
	max-width: 380px;
}
#HomeScreenSettings .WindowsDesigner .WindowsReportScriptText
{
	width: 100%;
	box-sizing: border-box;
	font-family: Consolas, monospace;
	font-size: 12px;
	margin-top: 8px;
}
#HomeScreenSettings .WindowsDesigner .WindowsPin[draggable="true"],
#HomeScreenSettings .WindowsDesigner .Windows10Tile[draggable="true"],
#HomeScreenSettings .WindowsDesigner .Windows10GroupTitle[draggable="true"],
#HomeScreenSettings .WindowsDesigner .Windows10FolderItem[draggable="true"]
{
	cursor: grab;
}
#HomeScreenSettings .WindowsDesigner .WindowsDragging
{
	opacity: 0.4;
}
#HomeScreenSettings .WindowsDesigner .WindowsDropBefore
{
	box-shadow: -4px 0 0 0 #FFFFFF;
}
#HomeScreenSettings .WindowsDesigner .WindowsDropAfter
{
	box-shadow: 4px 0 0 0 #FFFFFF;
}
#HomeScreenSettings .WindowsDesigner .Windows10Group.WindowsDropBefore
{
	box-shadow: 0 -4px 0 0 #FFFFFF;
}
#HomeScreenSettings .WindowsDesigner .Windows10Group.WindowsDropAfter
{
	box-shadow: 0 4px 0 0 #FFFFFF;
}
#HomeScreenSettings .WindowsDesigner .Windows10FolderItem.WindowsDropBefore
{
	box-shadow: 0 -3px 0 0 #FFFFFF;
}
#HomeScreenSettings .WindowsDesigner .Windows10FolderItem.WindowsDropAfter
{
	box-shadow: 0 3px 0 0 #FFFFFF;
}
#HomeScreenSettings .WindowsDesigner .WindowsDropInto,
#HomeScreenSettings .WindowsDesigner .WindowsDropEnd
{
	outline: dashed 2px #FFFFFF;
	outline-offset: -2px;
}

/* Home screen layout designer (iOS): the cues while an icon is dragged */
#HomeScreenSettings #DeviceScreen .IconItem[draggable="true"]
{
	cursor: grab;
}
#HomeScreenSettings #DeviceScreen .IconItem.Dragging
{
	opacity: 0.4;
}
#HomeScreenSettings #DeviceScreen .IconItem.DropBefore
{
	box-shadow: -4px 0 0 0 #FFFFFF;
}
#HomeScreenSettings #DeviceScreen .IconItem.DropAfter
{
	box-shadow: 4px 0 0 0 #FFFFFF;
}
#HomeScreenSettings #DeviceScreen .IconItem.DropInto,
#HomeScreenSettings #DeviceScreen #Dock.DropEnd,
#HomeScreenSettings #DeviceScreen #Pages .PageContent.DropEnd,
#HomeScreenSettings #DeviceScreen #Paging a.PageButton.DropEnd
{
	outline: dashed 2px #FFFFFF;
	outline-offset: -2px;
}
/* Restriction policy page: the sub-headings of the Windows section */
#RestrictionsTabs #SectionWindows .RestrictionSubTitle
{
	display: block;
	margin: 14px 0 8px 0;
	padding: 0 0 8px 0;
	border-bottom: solid 1px var(--color-element-border);
}
/* the heading text carries the look, so the info popup next to it keeps its own */
#RestrictionsTabs #SectionWindows .RestrictionSubTitle .RestrictionSubTitleText
{
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--color-heading-secondary-text);
}

/* Restriction policy page, Windows section: the Settings pages groups */
#SettingsPagesField .SettingsPagesWarning
{
	margin-top: 4px;
	color: var(--color-field-validation-error-message);
}
#SettingsPagesField .SettingsPagesSearch
{
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 6px 0 10px 0;
}
#SettingsPagesField .SettingsPagesSearch input[type=text]
{
	width: 260px;
}
#SettingsPagesField .SettingsPagesGroupHeader
{
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 6px;
	padding: 8px 4px;
	border-bottom: solid 1px var(--color-element-border);
	font-weight: 700;
	cursor: pointer;
}
#SettingsPagesField .SettingsPagesGroupHeader::before
{
	content: "\25B8";
	display: inline-block;
	width: 12px;
	font-size: 12px;
}
#SettingsPagesField .SettingsPagesGroup.Expanded .SettingsPagesGroupHeader::before
{
	content: "\25BE";
}
#SettingsPagesField .SettingsPagesGroupHeader .GroupCount
{
	font-weight: normal;
	opacity: 0.7;
}
#SettingsPagesField .SettingsPagesItems
{
	padding-left: 12px;
}

/* Application Defaults policy page */
#ApplicationDefaultsSettings .AppDefaultsCard
{
	max-width: 1100px;
	margin: 0 0 20px 0;
	padding: 2px 24px 10px 24px;
	border: solid 1px var(--color-element-border);
	border-radius: 6px;
	background-color: var(--color-primary-background);
}
#ApplicationDefaultsSettings .AppDefaultsCard .Field
{
	margin: 14px 0;
}
#ApplicationDefaultsSettings .AppDefaultsCard .Control
{
	text-align: left;
}
#ApplicationDefaultsSettings .AppDefaultsCard input[type=checkbox]
{
	width: auto !important;
	height: auto;
	margin: 2px 0 0 0;
}
#ApplicationDefaultsSettings .AppDefaultsToolbar
{
	display: block;
	margin: 0 0 12px 0;
}
#ApplicationDefaultsSettings .AppDefaultsToolbar .btn
{
	margin-left: 6px;
}
#ApplicationDefaultsSettings .AppDefaultsToolbar select
{
	width: auto;
	min-width: 220px;
}
#ApplicationDefaultsSettings .AppDefaultsImport
{
	display: block;
	margin: 0 0 12px 0;
}
#ApplicationDefaultsSettings .AppDefaultsImport .Description
{
	display: block;
	margin: 0 0 6px 0;
}
#ApplicationDefaultsSettings .AppDefaultsImport textarea
{
	display: block;
	width: 100%;
	margin: 0 0 6px 0;
	font-family: Consolas, monospace;
}
#ApplicationDefaultsSettings .AppDefaultsImportMessage
{
	margin-left: 8px;
}
#ApplicationDefaultsSettings .AppDefaultsImportMessage.Error
{
	color: var(--color-error-text, #C00000);
}
#ApplicationDefaultsSettings .AppDefaultsTable
{
	width: 100%;
	border-collapse: collapse;
}
#ApplicationDefaultsSettings .AppDefaultsTable th
{
	padding: 6px 8px;
	border-bottom: solid 1px var(--color-element-border);
	font-size: 12px;
	font-weight: 700;
	text-align: left;
	white-space: nowrap;
}
#ApplicationDefaultsSettings .AppDefaultsTable td
{
	padding: 4px 8px;
	border-bottom: solid 1px var(--color-element-border);
}
#ApplicationDefaultsSettings .AppDefaultsTable td input[type=text]
{
	width: 100%;
	box-sizing: border-box;
}
#ApplicationDefaultsSettings .AppDefaultsTable .AppDefaultsApplyOnce
{
	text-align: center;
}
#ApplicationDefaultsSettings .AppDefaultsInfo
{
	display: inline-block;
	margin-left: 4px;
	vertical-align: middle;
	font-weight: normal;
}
#ApplicationDefaultsSettings .AppDefaultsInfo .AvailablePlatformsContainer
{
	display: inline-block;
	float: none;
	position: relative;
	text-align: left;
	white-space: normal;
}


/* Devices > Extend Network: loading dialog with a message (ShowLoadingDialogWithMessage in Devices.js enlarges the dialog
   while this class is set). The default .LoadingDialog .Message is heading sized and only fits the spinner. */
#DialogLoading.LoadingWithMessage
{
	overflow: hidden !important;
}
#DialogLoading.LoadingWithMessage .Message
{
	font-size: 1rem;
	margin-top: 310px;	/* the spinner is centered in the (taller) dialog, so place the message below it */
}


/* Devices > Extend Network: broadband hotspot picker dialog. The dialog has a fixed height, so keep the
   search field and pager in view and scroll only the result list between them. */
#DialogSelectNetworkExtensionTarget .NetworkExtensionTargetPicker
{
	display: flex;
	flex-direction: column;
	height: 100%;
}
#DialogSelectNetworkExtensionTarget .NetworkExtensionTargetResults
{
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
}
/* search text box with the search icon inside it on the right */
#DialogSelectNetworkExtensionTarget .NetworkExtensionTargetSearch
{
	position: relative;
	margin-bottom: 20px;
}
#DialogSelectNetworkExtensionTarget .NetworkExtensionTargetSearch input
{
	width: 100%;
	max-width: none;	/* dialog inputs are capped at 240px in input_fields.css */
	box-sizing: border-box;
	padding-right: 50px !important;
}
#DialogSelectNetworkExtensionTarget .NetworkExtensionTargetSearch .SearchIcon
{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: flex;
	align-items: center;
	padding: 0px 15px;
	cursor: pointer;
}
#DialogSelectNetworkExtensionTarget .NetworkExtensionTargetResults table.TableList
{
	/* the list page reserves space below the rows; not needed inside the scrolling area */
	padding-bottom: 0px !important;
	min-height: 0px;
}
/* keep the column headers visible while the rows scroll (th already has the row background color) */
#DialogSelectNetworkExtensionTarget .NetworkExtensionTargetResults table.TableList thead th
{
	position: sticky;
	top: 0px;
	z-index: 1;
}

/* Client API Tester: the request item stays in its .Control beside the label like the other fields, sized for a
   PostData request. The width is fixed because the SingleColumnView field is fit-content, so a percentage has nothing to fill */
#ClientApiTestUtility .Field.RequestItem textarea
{
	width: 500px;
	height: 400px;
	box-sizing: border-box;
	font-family: monospace;
	white-space: pre;
	resize: vertical;
}
#ClientApiTestUtility #LoadRequestItemTemplate
{
	margin-left: 10px;
	width: auto;
}



/* Available platforms */
.AvailablePlatformsPopUpContainer
{
	position: absolute;
	display: none;
	z-index: 5;
	
	padding: 0px;
	margin: -40px 0px 0px 10px;
	width: 300px;
}
.AvailablePlatformsPopUpContent
{
	padding: 10px;
	border-radius: 4px;
	width: 250px;
	margin-left: 20px;

	background-color: var(--color-primary-background);
	border: solid 1px var(--color-element-border);
	border-radius: 10px;

	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
}
.AvailablePlatformsPopUpContainer .AvailablePlatformsPopUpContent .PlatformIcon i
{
	font-size: 25px;
	height: 25px;
	width: 25px;
}
.AvailablePlatformsContainer a.IconButton
{
	display: block;
	padding: 5px;
}

.AvailablePlatformsContainer .AvailablePlatformsPopUpContent .Title
{
	font-family: PortalTextBold;
	margin-bottom: 20px !important;
	font-size: 0.9rem;
}
.AvailablePlatformsContainer .AvailablePlatformsPopUpContent .Description
{
	padding-top: 0px !important;
	padding-bottom: 5px !important;
	font-style: normal !important;
}
.AvailablePlatformsContainer .AvailablePlatformsPopUpContent .AvailablePlatform
{
	margin: 10px 0px 10px 0px;
}
.AvailablePlatformsContainer .AvailablePlatformsPopUpContent .AvailablePlatform .PlatformIcon
{
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	padding-right: 20px;
}
.AvailablePlatformsContainer .AvailablePlatformsPopUpContent .AvailablePlatform .PlatformName
{
	display: inline-block;
	vertical-align: middle;
}
.AvailablePlatformsContainer .AvailablePlatformsPopUpContent .AvailablePlatform .MinimumVersion
{
	display: inline-block;
	margin-left: 0px;
	vertical-align: middle;
}
.AvailablePlatformsContainer .AvailablePlatformsPopUpContent .AvailablePlatform .Supervised,
.AvailablePlatformsContainer .AvailablePlatformsPopUpContent .AvailablePlatform .UserEnrollment
{
	display: block;
	margin-left: 30px;
	vertical-align: middle;
}
.AvailablePlatformsContainer .AvailablePlatformsPopUpContent .AvailablePlatform .Edition
{
	display: block;
	margin-left: 35px;
	font-style: italic;
}
.AvailablePlatformsContainer .IconButton i
{
	font-size: 16px !important;
}
.AvailablePlatformsContainer .Supervised,
.AvailablePlatformsContainer .UserEnrollment
{
	font-style: italic;
	padding-left: 5px;
}



/* Navigation buttons */
.NavigationButtons .ActionButtonContainer
{
	margin-right: 15px;
}


/* audit info pop up */
.AuditInfoBalloon
{
	min-width: 300px !important;
	padding: 5px !important;

	background-color: var(--color-primary-background) !important;
	border: solid 1px var(--color-element-border) !important;
	border-radius: 10px !important;

	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08) !important;

	opacity: 1 !important;
	z-index: 5000 !important;
	text-align: left !important;
}
.AuditInfoBalloon .Item
{
	padding: 5px 5px 2px 5px;
}
.AuditInfoBalloon .Item .Field
{
	display: inline-block;
	margin: 0px !important;
	padding: 0px !important;
	font-family: PortalTextBold;
	width: 100px;
}
.AuditInfoBalloon .Item .Value
{
	display: inline-block;
}



/* Applies to device icons - hide for now */
.HeaderProperties.DeviceIcons 
{
	display: none;
	text-align: right;
}
.DeviceIconsForModule .DeviceIconContainer i
{
	font-size: 25px;
	height: 25px;
	width: 25px;
}
.HeaderProperties.DeviceIcons .Label,
.HeaderProperties.DeviceIcons .Value 
{
	display: inline !important;
}




/* show Details and Assignments tab content side by side */

.Provision #Details XXXXXX
{
	width: 70%;
}

.Provision #Assignments XXXXX
{
	float: right;
	width: 25%;
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 20px !important;
	padding: 0px !important;
}






/* Policy and assignment layout */
.PolicyContainer
{
	display: flex;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	flex-direction: row;
	align-items: flex-start;
	gap: 0;
	margin: 0px 0px 0px 0px !important;
}
.PolicyContainer.SingleColumnView
{
	display: block !important;
}
/* In the two column view .AvailableFor floats against the right edge of the 70% wide #Details
   column, which keeps it near the control. Single column fields span the whole page, so shrink
   the field to its own content instead: the right float then lands just past the widest child
   (the control on most rows) rather than at the page edge. The min-width keeps the icons lined
   up with each other on rows whose control is narrow. */
.PolicyContainer.SingleColumnView .Field:has(> .AvailableFor)
{
	width: fit-content;
	min-width: 860px;	/* label (350px + 40px padding) + control + gap + icon */
}
.PolicyContainer.SingleColumnView .Field > .AvailableFor
{
	margin-left: 40px;
}
.PolicyContainer #Details
{
	flex: 0 0 calc(70% - 40px);	/* subtract assignment margin */
	box-sizing: border-box;
	margin: 0px 0px 0px 0px !important;
}
.PolicyContainer #Assignments
{
	flex: 0 0 30%;
	box-sizing: border-box;
	margin: 0px 0px 0px 40px !important;
	width: auto;
}

.Provision #Assignments .WidgetContent
{
	margin-top: 10px;
}


.Provision #Assignments .NoItemsAvailable
{
	margin-top: 40px !important;
}

.Provision #Assignments .NoItemsAvailable .btn
{
	margin-top: 20px !important;
}





/* Assignment Widgets */

/* hide buttons except "expand" when collapsed */
.Assignments.Widget:not(.Expanded) .WidgetHeader .IconButton:not(.ExpandButton)
{
	display: none;
}

.Assignments.Widget .WidgetHeader .IconButton
{
	margin-top: -25px;
}


.Assignments.Widget .WidgetContent .SubTitle
{
	padding: 0px 1rem 0px 1rem;
	margin-bottom: 25px;
	font-weight: bold;
	font-size: 1.1rem;
}
.Assignments.Widget .WidgetContent .Description
{
	padding: 0px 1rem 0px 1rem;
	margin-bottom: 20px;
}


/* make assignment widget modal when expanded */
.Assignments.Widget.Expanded
{
	
}

.Assignments td.AssignmentActionButton
{
	text-align: right;
}
/* Search Panel */
.SearchPanel
{
    position: relative;
    padding: 0px 20px 0px 20px;
    margin-bottom: 20px;
}


/* wrapper for search input and icon */
.SearchPanel .Field.SearchText .SearchInputWrapper
{
    position: relative;
    display: block;
    width: 100%;
}

/* icon buttons within input */
.SearchPanel .Field.SearchText .SearchInputWrapper .IconButton 
{
    position: absolute;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    height: 34px;           /* set height to match height + padding of search input textbox */
    border-right: solid 1px var(--color-element-border);
}

/* no border on search icon */
.SearchPanel .Field.SearchText .SearchInputWrapper .SearchIcon
{
    border-right: none;
    font-size: 12pt;
}

/* hidden by default */
.SearchPanel .Field.SearchText .SearchInputWrapper .ClearInputButton
{
    display: none;
}

.SearchPanel .Field.SearchText .SearchInputWrapper .IconButton:last-child
{
    border-right: none;
}

/* Position icons from right to left */
.SearchPanel .Field.SearchText .SearchInputWrapper .IconButton:last-of-type 
{
    right: 8px;
}

.SearchPanel .Field.SearchText .SearchInputWrapper .IconButton:nth-last-of-type(2) 
{
    right: 70px;
}




.SearchPanel .Field.SearchText
{
    padding: 0px 0px 0px 0px;
}
.SearchPanel .Field.SearchText > .Label 
{
    display: none; /* hide the search input label */
}


.SearchPanel .Field.SearchText .Control.SearchInputWrapper
{
    display: flex;
    align-items: center;
}
.SearchPanel .Field.SearchText .SearchInputWrapper input
{
    width: 100%;
    padding-top: .875rem !important;
    padding-bottom: .875rem !important;
    padding-left: 50px !important; /* left padding for search icon */
    padding-right: 80px !important; /* Increased right padding for multiple icons */

    font-size: var(--font-size-primary) !important;
    border-width: 0px;
}

.SearchPanel .Field.SearchText .SearchInputWrapper input:focus,
.SearchPanel.Open .Field.SearchText .SearchInputWrapper input
{
    outline: none;
    border: solid 1px var(--color-primary);
}



/* show filter options as a drop down menu */
.SearchPanel .FilterOptions 
{
    display: none;
    position: absolute;

    left: 20px;
    right: 20px;
    background-color: var(--color-primary-background);
    border: solid 1px var(--color-element-border);
    border-top-width: 0px;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15), 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 20px;
    z-index: 5;
    max-height: 70vh;
    overflow-y: auto;
}

/* show filter options when open */
.SearchPanel.Open .FilterOptions 
{
    display: block;
}


/* collapsible option is DISABLED in this UI, always show options */
.SearchPanel .Field.Collapsible .Label i
{
    display: none;
}

/* collapsed search filter options */
.SearchPanel .Field.Collapsible.Collapsed .Control
{
    /* can be hidden by setting display: none; */
}




.SearchPanel .FilterTitle
{
    display: none; /* not showing Filter title in this UI */
}
.SearchPanel .ClearFilterButton
{
	display: inline-block !important;
}
.SearchPanel .FilterCloseButton 
{
	display: block;
	position: absolute;
	top: 30px;
	right: 20px;
}
.SearchPanel .Field,
.SearchPanel .Label
{
    height: 50px;
}
.SearchPanel .Field
{
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.SearchPanel .Label
{
    display: inline-block;
    padding-top: 10px;
    font-weight: bold;
    font-size: var(--font-size-compact);
    border-right: solid 1px var(--color-element-border);
    width: 150px;
    margin-right: 20px;
}
.SearchPanel .Control
{

}
.SearchPanel .Field.Submit 
{
	text-align: left;
}
.SearchPanel .Field.Submit input[type=submit]
{
	position: absolute;
    visibility: hidden;
    width: 0px;
}
.SearchPanel .Field.Submit .btn
{
	min-width: unset !important;
}
.SearchPanel .Field.Submit .btn:first-child 
{
	margin-right: 30px;
}

.SearchPanel .FilterOptions .Control
{
    margin-right: 30px !important;
}
.SearchPanel .FilterOptions .Control.RadioGroup
{
    margin-top: 5px;
}
.SearchPanel .FilterOptions .Control.RadioGroup label
{
    margin-left: 5px;
    margin-right: 20px;
}

.SearchPanel .FilterOptions .AvailableFor
{
    margin-left: 30px !important;
}

.SearchPanel input[type=checkbox]
{
	margin-right: 10px !important;
}


.SearchPanel .Field.Submit
{
    margin-top: 10px;
    padding-top: 30px;
    border-top: solid 1px var(--color-element-border);
    text-align: right;
}
.SearchPanel .Field.Submit a.btn
{
    text-align: right;
    margin-right: 20px;
}
.SearchPanel .SaveSearchOptions
{
    display: inline-block;
    margin-right: 40px;
}


.SearchPanel.FilterActive .FilterOptionButton
{
    color: var(--color-icon-button-highlight) !important;
}


.SearchPanel #PurposedDeviceTypeIDSelection,
.SearchPanel #PurposedDeviceTypeIDSelection .Control,
.SearchPanel #WDCDeviceTypeIDSelection,
.SearchPanel #WDCDeviceTypeIDSelection .Control
{
    display: inline;
}






/* Popup dialog for filtering lists */
.FilterPopupDialog
{
    position: absolute;
    right: 20px;
    z-index: 25;
    width: 320px;
    background-color: var(--color-primary-background);
    border: solid 1px var(--color-element-border);
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.03);
    padding: 20px;
}

.FilterPopupDialog .FilterTitle
{
	display: block !important;
	font-size: var(--font-size-sub-heading);
	margin-bottom: 15px;
}
.FilterPopupDialog .FilterTitle .IconButton 
{
	display: none !important;
}
.FilterPopupDialog .ClearFilterButton
{
	display: inline !important;
}
.FilterPopupDialog .FilterCloseButton 
{
	display: block !important;
	position: absolute;
	top: 30px;
	right: 20px;
}
.FilterPopupDialog .Field
{
	width: 100%;
}
.FilterPopupDialog .Label
{
    display: block;
	margin-bottom: 10px;
}
.FilterPopupDialog .Control
{
    display: block;
	margin-bottom: 15px;
}
.FilterPopupDialog .Field.Submit 
{
	display: block !important;
	margin-top: 10px;
    padding-top: 30px;
    border-top: solid 1px var(--color-element-border);
    text-align: right;
}
.FilterPopupDialog .Field.Submit .btn:first-child
{
    margin-right: 20px;
}


.FilterButton.Active
{
	color: var(--color-icon-button-highlight) !important;
}
.FilterPopupDialog input[type=checkbox]
{
	margin-right: 10px !important;
}

/* Table Lists */


/* Container used to scroll columns horizontally if there is over flow */
.DataTableContainer
{
	overflow-x: auto;
	position: relative;
	width: 100%;
	max-width: 100%;
}

.DataTableContainer table
{
    width: 100%;
}

.DataTableContainer table th,
.DataTableContainer table td
{
	white-space: nowrap;
}

/* Make first columns in header sticky */
.DataTableContainer table thead tr th:first-child
{
	position: sticky;
	left: 0;
	z-index: 4;
}

/* Make first column in body sticky */
.DataTableContainer table tbody tr td:first-child
{
	position: sticky;
	left: 0;
	z-index: 2;
}

/* Header styling  I THINK I CAN DELETE THIS */
.DataTableContainer table thead th
{
	position: sticky;
	top: 0;
	z-index: 0;
}


/* For Device and User search results we will make the first column (status icon) and second column sticky */
#DeviceSearchResults .DataTableContainer table thead tr th:nth-child(2)
{
	position: sticky;
	left: 35px; /* Adjust to match first column width + padding */
	z-index: 4;
}
#DeviceSearchResults .DataTableContainer table tbody tr td:nth-child(2)
{
	position: sticky;
	left: 35px; /* Adjust to match first column width + padding */
	z-index: 2;
}






table.TableList .IconButton
{
	
}

table.TableList .IconButtonDownload
{
}

table.TableList
{
	width: 100%;
	min-height: 100px;
	border: solid 1px var(--color-element-border);
	border-bottom-width: 0px;
	padding-bottom: 60px !important;
}

table.TableList td
{
	padding: 1rem;
	vertical-align: top;
	color: var(--color-primary-text);
	font-size: var(--font-size-data-tables);
}

table.TableList .Header th
{
	color: var(--color-primary-text) !important;
	font-size: var(--font-size-data-tables);
	text-transform: capitalize;
	text-align: left;

	padding: 1rem;
	border-right: solid 1px var(--color-element-border);
	border-bottom: solid 1px var(--color-element-border-secondary);
}

table.TableList tbody tr:first-child td
{
	padding-top: 15px !important;
}

table.TableList .Header th:first-child
{
	border-left-width: 0px !important;
}

table.TableList .Header th:last-child
{
	border-right-width: 0px !important;
}



table.TableList .HiddenFooter
{
	display: none;
}


/* Set background color on all th and td so scrolled content does not bleed over fixed columns */
table.TableList th
{
	background-color: var(--color-data-row-background);
}

table.TableList .Row,
table.TableList .Row td
{
	background-color: var(--color-data-row-background);
	border-bottom: solid 1px var(--color-element-mouseover-highlight);
}

table.TableList .AlternatingRow,
table.TableList .AlternatingRow td
{
	background-color: var(--color-data-row-alternate-background);
	border-bottom: solid 1px var(--color-element-mouseover-highlight);
}

table.TableList .SelectedRow
{
}


/* style for list item mouseovers */
.ListItemHighlight,
table.TableList .Row.ListItemHighlight, 
table.TableList .Row.ListItemHighlight td,
table.TableList .AlternatingRow.ListItemHighlight, 
table.TableList .AlternatingRow.ListItemHighlight td
{
	background-color: var(--color-element-mouseover-highlight) !important;
}




.TableList a.TextLink,
.TableList a.TextLink:link,
.TableList a.TextLink:visited,
.TableList a.TextLink:active
{
	color: var(--color-hyperlink-text);
}

.TableList a.TextLink:hover
{
	color: var(--color-hyperlink-text-highlight);
}

.TableList td .AssignedItem
{
	display: block;
	margin-bottom: 20px;
}

/* style row content with "NoValue" */
.TableList td .NoValue
{
	color: var(--color-disabled-text);
}

/* hide labels in list views by default */
table.TableList td > .Label
{
	display: none;
}


/* header for data tables */
.TableListResultHeader
{
	border: solid 1px var(--color-element-border);
	border-bottom-width: 0px;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	padding: 0.8rem;
}
.TableListResultHeader
{
	min-height: 20px;
}
.TableListResultHeader .ActionButtonContainer
{
	float: right;
}
.TableListResultHeader .SelectedRowsLabel
{
	float: left;
	margin-top: 5px;
}
.TableListResultHeader .TableButtons
{
	float: right;
	margin-left: 30px;
	margin-top:	-5px;
}
.TableListResultHeader .TableButtons .IconButton:not(:last-child)
{
	margin-right: 15px;
}


/* result paging */
.ResultPagingContainer,
.List div.NoItemsAvailable /* no items message */
{
	border: solid 1px var(--color-element-border);
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	padding: 1.0rem;
}

.List div.NoItemsAvailable
{
	margin: 0px 0px 0px 0px;
	border-top-width: 0px;
	padding-bottom: 80px;
}

.ResultPagingContainer .PageSizeOptions
{
	display: inline-block;
	float: left;
}

/* using  "List" paging */
.ResultPaging.ListPaging
{
	display: block;
}
.ResultPaging.ButtonPaging
{
	display: none;
}


.ResultPaging
{
	display: block;
	text-align: right;
	font-family: PortalLargeTextRegular;
    font-size: 0.8rem;
}
.ResultPaging select
{
	margin-left: 10px;
	margin-right: 5px;
    padding: 6px 0 6px 8px !important;
	box-sizing: content-box;
    background: 0 0;
	height: 17px;
    outline: 0;
    font-size: 0.8rem;
}
.ResultPaging .CurrentPage
{
	padding: 0px 6px 0px 6px;
}
.ResultPaging .Bold
{
	
}
.ResultPaging .Previous
{

}
.ResultPaging .Next
{

}
.ResultPaging .NoResults
{
	text-align: right;
}




/* Grid view */

.TableList.GridView
{
	
}

.TableList.GridView thead
{
	display: none !important;
}

.TableList.GridView tbody
{
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
	width: 100%;
	padding: 0px 0px 0px 0px !important;
}

.TableList.GridView tbody tr
{
	display: flex !important;
	position: relative;
	flex-direction: column;
	border: solid 1px var(--color-element-border) !important;
	border-radius: 12px;
	padding: 0.5rem;
	margin: 1rem;
	gap: 8px;
}

.TableList.GridView tfoot
{
	display: block !important;
}

.TableList.GridView thead,
.TableList.GridView tbody,
.TableList.GridView tfoot,
.TableList.GridView tr,
.TableList.GridView td,
.TableList.GridView th
{
	border: none !important;
}

.TableList.GridView td
{
	width: 100% !important;
	padding: 5px 5px 5px 5px !important;
}

/* show labels in list views */
.TableList.GridView td > .Label
{
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}

.TableList.GridView td .AssignedItem
{
	margin-bottom: 10px;
}


/* Row removed by a page's client side search filter.
 *
 * This has to be a class with !important rather than jQuery .hide().  .hide() writes an inline
 * display:none, and an inline declaration loses to a rule marked !important - which is exactly what
 * ".TableList.GridView tbody tr" above is.  A filtered row therefore stayed on screen in grid view
 * while working correctly in list view.
 *
 * Declared after the GridView rules on purpose: it carries the same specificity as
 * ".TableList.GridView tbody tr", so it needs to come later to win. */
.TableList tbody tr.FilteredOut
{
	display: none !important;
}
/* BASE THEME FILE */
/* Contains styles for fonts, colors and images. No layout formatting. */


/* fonts should be defined within each theme */

/*
@font-face 
{
    font-family: PortalTextRegular;
    src: url(/emm/UI/Content/themes/base_v2/fonts/VerizonNHGTX-Regular.ttf) format('truetype');
}

@font-face 
{
    font-family: PortalTextBold;
    src: url(/emm/UI/Content/themes/base_v2/fonts/VerizonNHGTX-Bold.ttf) format('truetype');
}

@font-face 
{
    font-family: PortalLargeTextRegular;
    src: url(/emm/UI/Content/themes/base_v2/fonts/VerizonNHGDS-Regular.ttf) format('truetype');
}

@font-face 
{
    font-family: PortalLargeTextBold;
    src: url(/emm/UI/Content/themes/base_v2/fonts/VerizonNHGDS-Bold.ttf) format('truetype');
}

@font-face 
{
    font-family: AppleFont;
    src: url(/emm/UI/Content/themes/base_v2/fonts/PT_Sans-Web-Regular.ttf) format('truetype');
}
*/


/* root colors should be defined within each theme */
/*
:root
{
	--color-primary-text: #000000;
	--color-heading-text: #000000;
	--color-heading-secondary-text: #959595;

	--color-disabled-text: #AAAAAA;
	--color-disabled-text-border: #CCCCCC;
	--color-warning-text: #F40000;
	--color-caution-text: #ffbf00;

	--color-field-validation-error-input-background: #FFCAAA;
	--color-field-validation-error-input-background-highlight: #732706;
	--color-field-validation-error-message: #FFCAAA;

	--color-hyperlink-text: #337ab7;
	--color-hyperlink-text-highlight: #23527c;

	--color-primary: #000000;
	--color-highlight: lime;

	--color-icon-button: #000000;
	--color-icon-button-highlight: #CD040B;

	--color-button-background: #000000;											
	--color-button-text: #FFFFFF;	
	--color-button-highlight: #716F6D;											

	--color-primary-background: #FFFFFF;
	--color-secondary-background: #e0e0e0;
	--color-element-border: #CCCCCC;
	--color-element-border-secondary: #CCCCCC;
	--color-element-mouseover-highlight: #e6e6e6;
	--color-data-row-background: #FFFFFF;
	--color-data-row-alternate-background: #FFFFFF;
	--color-data-row-selected: #aae0fa;

	--font-size-primary: 13px;
	--font-size-data-tables: 0.875rem;
	--font-size-paragraph: 16px;
	--font-size-heading: 28px;
	--font-size-sub-heading: 18px;
	--font-size-compact: 12px;
	--font-size-input: 13px;

	--font-size-icon-button: 18px;
}
*/





.AppleFont
{
	font-family: AppleFont, Arial, Helvetica, sans-serif;
	letter-spacing: -.02em;
	padding-right: 5px;
}

body, .ui-widget
{
	font-family: PortalTextRegular, Arial, Helvetica, sans-serif;
	font-size: var(--font-size-primary);
	background-color: var(--color-primary-background);
	text-transform: none;
	color: var(--color-primary-text);
}





a
{
	cursor: pointer;
	outline: none;
}

a,
a:link,
a:visited,
a:active,
.ui-widget-content a
{
	color: var(--color-hyperlink-text);	
	text-decoration: none;
}


a:hover
{
	color: var(--color-hyperlink-text-highlight);	
	text-decoration: underline;
}





/* General Styles */
.Warning
{
	color: var(--color-warning-text) !important;
}
h1
{
	font-size: 1.2rem;
	font-family: PortalLargeTextBold;
}

h2
{
	font-size: 1.1rem;
	font-family: PortalLargeTextBold;
}

.NoItemsMessage
{
	font-style: italic;
}




.Active
{
	color: green;
}

.NotActive
{
	color: red;
	font-family: PortalTextBold;
}

.Warning
{
	color: orange;
	font-family: PortalTextBold;
}



/* Provision Type Indicators */
i.GlobalProvisionIcon
{
	font-size: 8pt;
	color: #33CCFF;
}

i.LocalProvisionIcon
{
	font-size: 8pt;
	color: #A6A6A6;
}




div.Provision header,
div.ProvisionList header
{

}

.Provision .PageTitle,
.ProvisionList .PageTitle
{
	color: var(--color-heading-text);
	font-family: PortalTextRegular;
	font-size: var(--font-size-heading);
	font-weight: 300;
}

#Login .Title
{
	color: var(--color-heading-text);
}

.Provision .PageTitle .SubTitle,
.ProvisionList .PageTitle .SubTitle
{
	display: block;
	color: var(--color-heading-secondary-text);
	font-family: PortalLargeTextBold;
	font-size: 0.8rem;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}






/* override JQuery UI color */
.ui-widget-content
{
	color: var(--color-primary-text) !important;
}



/* modal dialog */
.ui-dialog
{
	border-radius: 30px;
	padding: 30px 40px 30px 40px !important;
}
.ui-dialog .ui-dialog-titlebar 
{
    padding: 5px !important; /* give a little padding so input borders have enough room to show */
    position: relative;
}
.ui-dialog .ui-dialog-content, .ui-dialog .ui-widget-content, .ui-state-default
{
	border-image: none !important;
	border-width: 0px !important;
	padding: 5px !important; /* give a little padding so input borders have enough room to show */
	color: var(--color-primary-text) !important;
}

/* jQuery UI hardcodes "background: #ffffff" on .ui-widget-content, and the dialog, its content and its button
   pane all carry that class.  Nothing overrode it, so in dark mode the white showed through - most visibly
   around .ui-dialog-buttonset, which is themed, making the button pane look like it had a white border.
   Using the background shorthand also clears the background-image the stock .ui-* states set.
   Everything here is scoped to .ui-dialog: .ui-state-default is also used by datepicker cells, tab headers and
   accordion headers, which supply their own backgrounds and must keep them. */
.ui-dialog,
.ui-dialog .ui-dialog-content,
.ui-dialog .ui-widget-content,
.ui-dialog .ui-state-default
{
	background: var(--color-primary-background) !important;
}
.ui-dialog .ui-dialog-titlebar
{
	background-color: transparent !important;
	background-image: none !important;
	border-width: 0px !important;
	font-family: PortalLargeTextRegular !important;
	color: var(--color-primary-text) !important;
	font-size: 24px !important;
	margin-bottom: 10px !important;
}
.ui-dialog .ui-button
{
	text-transform: none !important;
	font-family: PortalTextBold !important;
	border-radius: 24px !important;
	padding: 10px 40px 10px 40px !important;
	outline: none;
}
.ui-dialog.CenterButtons .ui-dialog-buttonpane
{
	text-align: center !important;
}
.ui-dialog .ui-dialog-buttonpane
{
	text-align: right;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
{
	float: none !important;
}
.ui-dialog .ui-dialog-buttonpane button
{
	margin: 0px 10px 0px 10px !important;
}


.ui-dialog-buttonset
{
	background-color: var(--color-primary-background) !important;
}


/* auto complete pop up */
.ui-autocomplete
{
	z-index: 500 !important;
}


body footer
{
	background-color: var(--color-primary) !important;
}

.Assignments header
{
	background-color: transparent !important;
	border-bottom: solid 0px var(--color-highlight);
}




/* USER GUIDE */
/* Styles for the UserGuide area (/UserGuide): its layout header and the documentation page. Every rule is scoped to body.UserGuide or #UserGuide. */




/* ----- Header (Areas/UserGuide/Views/Shared/_Layout.cshtml) ----- */
/* company logo in the top left corner and the portal name (both link to the site root), then the secondary navigation on the right */
body.UserGuide #Header
{
	position: relative;
	display: flex;
	align-items: center;
	min-height: var(--navigation-menu-height, 60px);
}

body.UserGuide #Header .UserGuideHomeLink
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101; /* above the navigation bar (z-index 100 in navigation.css), which has a background of its own */
}

body.UserGuide #Header .UserGuidePortalDisplayName
{
	flex: 0 0 auto;
	margin-left: 300px;
	padding-right: 20px;
	color: var(--navigation-color-primary-text);
	font-family: PortalLargeTextBold, Arial, sans-serif;
	font-size: 1.3rem;
	white-space: nowrap;
	text-decoration: none;
}

body.UserGuide #Header .UserGuidePortalDisplayName:hover
{
	color: var(--navigation-color-hyperlink-text-highlight);
}

/* horizontal navigation: no primary menu, so the secondary items fill the bar and sit on the right */
body.UserGuide:not(.VerticalNavigation) #Header .NavigationContainer
{
	flex: 1 1 auto;
	margin-left: var(--header-logo-width); /* starts after the logo, like the main portal header */
}

body.UserGuide:not(.VerticalNavigation) #Header .NavigationSecondary .Topics
{
	text-align: right;
}


/* vertical navigation: the theme places NavigationSecondary; the UserGuide has its own sidebar instead of the primary menu,
   so drop the space the theme reserves for it and bring back the header logo it hides */
body.UserGuide.VerticalNavigation .NavigationPrimary
{
	display: none !important;
}

body.UserGuide.VerticalNavigation,
body.UserGuide.VerticalNavigation #Header,
body.UserGuide.VerticalNavigation #Container,
body.UserGuide.VerticalNavigation.Collapsed #Header,
body.UserGuide.VerticalNavigation.Collapsed #Container
{
	margin-left: 0 !important;
}

body.UserGuide.VerticalNavigation #Header .CompanyHeaderLogo
{
	display: inline-block !important;
}

/* "Back to Admin Portal" (Navigation.cshtml LeadingLink): first in the markup, so it is leftmost in the horizontal bar.  The vertical
   layout floats the secondary items right (reversing their order) and shows icons only, so there it stays inline, keeps its label and
   sits immediately left of the floated icons (inline content in a right aligned line goes to the left of right floats) */
body.UserGuide.VerticalNavigation .NavigationSecondary .Topics
{
	text-align: right;
}

body.UserGuide.VerticalNavigation .NavigationSecondary .HeadingLink.LeadingLink
{
	float: none;
	display: inline-block;
	vertical-align: top;
}

body.UserGuide.VerticalNavigation .NavigationContainer .NavigationSecondary .HeadingLink.LeadingLink .HeadingLabel
{
	display: inline;
}

body.UserGuide.VerticalNavigation .NavigationSecondary .HeadingLink.LeadingLink .Topic
{
	color: var(--navigation-vertical-submenu-color-text) !important;
}

body.UserGuide.VerticalNavigation .NavigationSecondary .HeadingLink.LeadingLink .Topic:hover
{
	color: var(--navigation-color-hyperlink-text-highlight) !important;
}

/* the vertical header has no background of its own, so use the theme's text color for it */
body.UserGuide.VerticalNavigation #Header .UserGuidePortalDisplayName
{
	color: var(--navigation-vertical-submenu-color-text);
}




/* ----- Page: sidebar table of contents and markdown content (Areas/UserGuide/Views/Docs/Page.cshtml) ----- */
/* colors and fonts all come from the theme variables, so light, dark and every tenant theme apply without extra rules */

#UserGuide
{
	--userguide-subtle-background: var(--color-secondary-background);
	--userguide-accent: var(--color-hyperlink-text);
	--userguide-accent-highlight: var(--color-hyperlink-text-highlight);
	--userguide-border: var(--color-element-border);
	--userguide-hover-background: var(--color-element-mouseover-highlight);
	--userguide-heading: var(--color-heading-text);

	display: flex;
	align-items: flex-start;

	/* the page can always scroll past the header, so the bottom of the full-height sticky sidebar is reachable even on a short page */
	min-height: 100vh;
}

/* a lighter tint of the theme's secondary background where the browser can mix colors */
@supports (background: color-mix(in srgb, currentColor, transparent))
{
	#UserGuide
	{
		--userguide-subtle-background: color-mix(in srgb, var(--color-secondary-background) 40%, var(--color-primary-background));
	}
}




/* ----- Page content ----- */
#UserGuide .markdown-body
{
	flex: 1 1 auto;
	min-width: 0;
	max-width: 900px;
	padding: 24px 40px 60px 40px;
	font-size: var(--font-size-paragraph, 16px);
	line-height: 1.6;
}

#UserGuide .markdown-body h1,
#UserGuide .markdown-body h2,
#UserGuide .markdown-body h3,
#UserGuide .markdown-body h4
{
	font-family: PortalLargeTextBold, Arial, sans-serif;
	color: var(--userguide-heading);
	line-height: 1.3;
	margin: 1.4em 0 0.5em 0;
}

#UserGuide .markdown-body h1
{
	font-size: var(--font-size-heading, 28px);
	margin-top: 0.4em;
}

#UserGuide .markdown-body h2
{
	font-size: calc(var(--font-size-sub-heading, 18px) + 4px);
	padding-bottom: 0.25em;
	border-bottom: 1px solid var(--userguide-border);
}

#UserGuide .markdown-body h3
{
	font-size: var(--font-size-sub-heading, 18px);
}

#UserGuide .markdown-body h4
{
	font-size: var(--font-size-paragraph, 16px);
}

#UserGuide .markdown-body strong
{
	font-weight: bold;
}

#UserGuide .markdown-body pre
{
	background: var(--userguide-subtle-background);
	padding: 12px;
	border: 1px solid var(--userguide-border);
	border-radius: 3px;
	overflow-x: auto;
}

#UserGuide .markdown-body code
{
	background: var(--userguide-subtle-background);
	padding: 2px 5px;
	border-radius: 3px;
	font-size: 0.9em;
}

#UserGuide .markdown-body pre code
{
	padding: 0;
	background: transparent;
}

#UserGuide .markdown-body blockquote
{
	margin: 16px 0;
	padding: 4px 16px;
	border-left: 4px solid var(--userguide-accent);
	background: var(--userguide-subtle-background);
}

/* screenshots shrink to the column (and the window height) but never grow past their own size */
#UserGuide .markdown-body img
{
	display: block;
	max-width: 100%;
	max-height: 75vh;
	width: auto;
	height: auto;
	box-sizing: border-box;
	margin: 12px 0;
	border: 1px solid var(--userguide-border);
	border-radius: 4px;
	box-shadow: 0 1px 4px var(--userguide-border);
	cursor: zoom-in;
}

#UserGuide .markdown-body a img
{
	cursor: pointer;
}

/* ----- Tables ----- */
#UserGuide .markdown-body table
{
	width: 100%;
	margin: 16px 0;
	border-collapse: collapse;
	font-size: 0.95em;
}

#UserGuide .markdown-body th,
#UserGuide .markdown-body td
{
	padding: 8px 12px;
	border: 1px solid var(--userguide-border);
	vertical-align: top;
}

/* browsers centre th by default; an explicit :---: alignment is written inline, so it still wins */
#UserGuide .markdown-body th
{
	text-align: left;
	background: var(--userguide-subtle-background);
	color: var(--userguide-heading);
	font-family: PortalTextBold, Arial, sans-serif;
	font-weight: bold;
}

#UserGuide .markdown-body tbody tr:nth-child(even)
{
	background: var(--userguide-subtle-background);
}

/* the first column is usually a short name - keep it from being squeezed by long descriptions */
#UserGuide .markdown-body th:first-child,
#UserGuide .markdown-body td:first-child
{
	width: 25%;
	min-width: 12em;
}




/* ----- Sidebar (sticks below the header once it scrolls away) ----- */
#UserGuide .sidebar-container
{
	position: sticky;
	top: 0;
	flex: 0 0 300px;
	height: 100vh;
	overflow-y: auto;
	box-sizing: border-box;
	padding: 16px 12px 80px 12px;
	border-right: 1px solid var(--userguide-border);

	/* sidebar text uses the vertical navigation menu colors, highlights and mouseovers the navigation highlight */
	--userguide-sidebar-text: var(--navigation-vertical-submenu-color-text);
	--userguide-sidebar-highlight: var(--navigation-color-hyperlink-text-highlight);
}

#UserGuide ul.Pages,
#UserGuide ul.Pages ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

/* collapsed by default; .Expanded on the li shows its children */
#UserGuide ul.Pages li > ul.Headings
{
	display: none;
}

#UserGuide ul.Pages li.Expanded > ul.Headings
{
	display: block;
}

/* each level of headings sits under its parent's text, with a guideline */
#UserGuide ul.Pages ul.Headings
{
	margin: 2px 0 6px 11px;
	padding-left: 6px;
	border-left: 1px solid var(--userguide-border);
}

#UserGuide .TocRow
{
	display: flex;
	align-items: center;
}

/* sidebar links; .ContentsLink keeps its own padding and divider from its rule further down */
#UserGuide .TocRow a,
#UserGuide .ContentsLink
{
	flex-grow: 1;
	min-width: 0;
	display: block;
	padding: 4px 8px;
	color: var(--userguide-sidebar-text);
	font-size: 14px;
	text-decoration: none;
	border-radius: 4px;
	overflow-wrap: anywhere;
}

#UserGuide .TocRow a:hover,
#UserGuide .ContentsLink:hover
{
	background: var(--userguide-hover-background);
	color: var(--userguide-sidebar-highlight);
}

#UserGuide .Headings a.Current
{
	color: var(--userguide-sidebar-highlight);
	font-family: PortalTextBold, Arial, sans-serif;
	font-weight: bold;
}

/* ----- Page Title ----- */
#UserGuide .TocRow.PageTitle
{
	margin-top: 4px;
	border-left: 3px solid transparent;
	border-radius: 0 4px 4px 0;
}

#UserGuide .TocRow.PageTitle a
{
	padding: 8px;
	color: var(--userguide-sidebar-text);
	font-family: PortalTextBold, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

#UserGuide .TocRow.PageTitle:hover,
#UserGuide .Pages > li.Selected > .TocRow.PageTitle
{
	border-left-color: var(--userguide-sidebar-highlight);
	background: var(--userguide-hover-background);
}

#UserGuide .TocRow.PageTitle:hover a,
#UserGuide .Pages > li.Selected > .TocRow.PageTitle a
{
	color: var(--userguide-sidebar-highlight);
}

#UserGuide .TocRow.PageTitle a:hover
{
	background: transparent;
}

/* ----- Expand / collapse chevron ----- */
#UserGuide .Toggle,
#UserGuide .ToggleSpacer
{
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
}

#UserGuide .Toggle
{
	position: relative;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: transparent;
	cursor: pointer;
}

#UserGuide .Toggle:hover
{
	background: var(--userguide-hover-background);
}

#UserGuide .Toggle:focus-visible
{
	outline: 2px solid var(--userguide-sidebar-highlight);
	outline-offset: 1px;
}

/* right-pointing chevron, turned down when open */
#UserGuide .Toggle::before
{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 -5px;
	border-right: 2px solid var(--userguide-sidebar-text);
	border-bottom: 2px solid var(--userguide-sidebar-text);
	transform: rotate(-45deg);
	transition: transform 0.15s ease;
}

#UserGuide li.Expanded > .TocRow > .Toggle::before
{
	margin: -5px 0 0 -4px;
	transform: rotate(45deg);
}

/* ----- Category headings: pages are listed under their category, in the set's category order ----- */
#UserGuide .CategoryTitle
{
	margin: 18px 0 2px 0;
	padding: 10px 8px 4px 33px; /* text lines up with the page titles below the chevrons */
	border-top: 1px solid var(--userguide-border);
	color: var(--color-heading-secondary-text);
	font-weight: bold;
	text-transform: uppercase;
}

/* the first heading follows the Table of Contents link, which already has a divider */
#UserGuide .ContentsLink + .CategoryTitle,
#UserGuide .ContentsLink + .UserGuideSearchForm + .CategoryTitle
{
	margin-top: 6px;
	border-top: none;
}

/* ----- Link back to the table of contents, top of the sidebar ----- */
#UserGuide .ContentsLink
{
	display: block;
	padding: 8px 8px 12px 33px; /* text lines up with the page titles below the chevrons */
	margin-bottom: 4px;
	border-bottom: 1px solid var(--userguide-border);
	
}

#UserGuide .ContentsLink:hover,
#UserGuide .ContentsLink.Selected
{
	color: var(--userguide-sidebar-highlight);
}




/* ----- Table of contents (no page selected) ----- */
/* the documentation set's description, under the heading */
#UserGuide .Contents .ContentsDescription
{
	margin: 0 0 8px 0;
	color: var(--color-primary-text);
	font-size: var(--font-size-paragraph);
	line-height: 1.6;
	white-space: pre-line; /* keeps the line breaks entered in the description */
}

#UserGuide .Contents ol.ContentsPages
{
	padding-left: 1.6em;
	margin: 24px 0 0 0;
}

#UserGuide .Contents ol.ContentsPages > li
{
	margin-bottom: 18px;
	padding-left: 4px;
	color: var(--userguide-heading);
	font-family: PortalLargeTextBold, Arial, sans-serif;
	font-size: var(--font-size-sub-heading, 18px);
	font-weight: bold;
}

#UserGuide .Contents a
{
	color: var(--userguide-heading);
	text-decoration: none;
}

#UserGuide .Contents a:hover
{
	color: var(--userguide-accent-highlight);
	text-decoration: underline;
}

#UserGuide .Contents ol.ContentsPages ul
{
	list-style: none;
	margin: 4px 0 0 0;
	padding-left: 14px;
	border-left: 1px solid var(--userguide-border);
	font-family: PortalTextRegular, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
}

#UserGuide .Contents ol.ContentsPages ul a
{
	color: var(--color-primary-text);
}

#UserGuide .Contents ol.ContentsPages ul ul
{
	font-size: 14px;
}

#UserGuide .Contents ol.ContentsPages ul li
{
	margin: 3px 0;
}

/* ----- Search: sidebar box under the Table of Contents link, and the User Guide Search page ----- */
#UserGuide .UserGuideSearchForm
{
	display: flex;
	align-items: stretch;
	margin: 0;
}

#UserGuide .UserGuideSearchForm input[type="search"]
{
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
	box-sizing: border-box;
	margin: 0;
	padding: 6px 10px;
	border: 1px solid var(--userguide-border);
	border-right: none;
	border-radius: 4px 0 0 4px;
	background: var(--color-primary-background);
	color: var(--color-primary-text);
	font-family: inherit;
	font-size: 14px;
}

#UserGuide .UserGuideSearchForm .SearchBox
{
	display: flex;
	flex: 1 1 auto;
	align-items: stretch;
	min-width: 0;
}

/* the default focus outline goes around the input and button together */
#UserGuide .UserGuideSearchForm input[type="search"]:focus
{
	outline: none;
}
#UserGuide .UserGuideSearchForm .SearchBox:focus-within
{
	border-radius: 4px;
	outline: 1px dashed var(--color-primary-text);
	outline-offset: 2px;
}

#UserGuide .UserGuideSearchForm .SearchButton
{
	flex: 0 0 auto;
	margin: 0;
	padding: 0 12px;
	border: 1px solid var(--userguide-border);
	border-left-width: 0px;
	border-radius: 0 4px 4px 0;
	background: var(--userguide-subtle-background);
	color: var(--navigation-color-hyperlink-text);
	font-size: 14px;
	cursor: pointer;
}

#UserGuide .UserGuideSearchForm .SearchButton:hover
{
	color: var(--navigation-color-hyperlink-text-highlight);
}

/* sidebar: lines up with the page titles, under the Table of Contents link */
#UserGuide .SidebarSearch
{
	margin: 10px 0 8px 0;
	padding: 0 16px 12px 16px; /* equal sides center the box in the sidebar; padding (not margin) so the divider below runs the full width */
	border-bottom: 1px solid var(--userguide-border);
}

/* the first category heading follows the search box, which already sits under the Table of Contents divider */
#UserGuide .SidebarSearch + .CategoryTitle
{
	margin-top: 6px;
	border-top: none;
}

/* search page */
#UserGuide .UserGuideSearch .SearchPageForm
{
	max-width: 560px;
	margin: 16px auto 24px auto; /* centered in the content column */
}

#UserGuide .UserGuideSearch .SearchPageForm input[type="search"]
{
	padding: 10px 12px;
	font-size: var(--font-size-paragraph);
}

#UserGuide .UserGuideSearch .SearchPageForm .SearchButton
{
	padding: 0 16px;
	font-size: var(--font-size-paragraph);
}

#UserGuide .UserGuideSearch .SearchSummary
{
	margin: 0 0 16px 0;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--userguide-border);
}

#UserGuide .UserGuideSearch .SearchResultCount
{
	color: var(--color-heading-secondary-text);
}

#UserGuide .UserGuideSearch ol.SearchResults
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#UserGuide .UserGuideSearch ol.SearchResults > li
{
	margin: 0 0 20px 0;
}

#UserGuide .UserGuideSearch .SearchResultTitle
{
	color: var(--userguide-accent);
	font-family: PortalTextBold, Arial, sans-serif;
	font-size: var(--font-size-sub-heading);
	font-weight: bold;
	text-decoration: none;
}

#UserGuide .UserGuideSearch .SearchResultTitle:hover
{
	color: var(--userguide-accent-highlight);
	text-decoration: underline;
}

#UserGuide .UserGuideSearch .SearchResultHeading
{
	font-family: PortalTextRegular, Arial, sans-serif;
	font-weight: normal;
}

#UserGuide .UserGuideSearch .SearchResultSnippet
{
	margin: 4px 0 0 0;
	color: var(--color-primary-text);
	font-size: 15px;
	line-height: 1.5;
}

#UserGuide .UserGuideSearch .SearchResultSnippet mark
{
	padding: 0 1px;
	border-radius: 2px;
}



#UserGuide .SearchFormSection
{
	margin-top: 50px;
}


.sidebar-container .UserGuideTitle
{
	text-align: center;
	font-family: PortalLargeTextBold, Arial, sans-serif;
	color: var(--userguide-heading);
	font-size: 1.1rem;
	margin-bottom: 15px;
}

/* the set name at the top of the sidebar links to the user guide root, but looks the same as before (not like a link) */
#UserGuide .sidebar-container a.UserGuideTitle,
#UserGuide .sidebar-container a.UserGuideTitle:hover
{
	display: block;
	color: var(--userguide-heading);
	text-decoration: none;
}



/* Widget */
.WidgetContainer
{

}
.Widget
{
	display: inline-block;
	margin: 10px 15px 10px 15px !important;
	padding: 0px;
	width: 375px;
	min-height: 250px;
	vertical-align: top;

	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;

	background-color: var(--color-primary-background);
	border: solid 1px var(--color-element-border) !important;

	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 
                0 1px 4px rgba(0, 0, 0, 0.03);
}

.Widget .WidgetHeader
{
	padding: 1.0rem;
	min-height: 20px;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}
.Widget .WidgetHeader.Expandable:hover
{
	background-color: var(--color-element-mouseover-highlight) !important;
	cursor: pointer !important;
}
.Widget .WidgetHeader.Expandable:hover .IconButton
{
	color: var(--color-icon-button-highlight);
}
.Widget .WidgetHeader .IconButton
{
	float: right;
	margin-top: -18px;
	margin-left: 10px;
	font-size: 14pt !important;
}

/* action button */
.Widget .WidgetHeader .ActionButtonContainer
{
	float: right;
	margin-right: 5px;
}

.Widget.Expanded
{
	display: block;
	width: auto;
}
.Widget.Expanded .WidgetHeader
{
	background-color: var(--color-element-mouseover-highlight);
}
.Widget .WidgetHeader .Title 
{
	font-size: 1.1rem;
	font-family: PortalLargeTextBold;		
}

.Widget .WidgetContent
{
	padding: 1.0rem;
}
.Widget.FullWidth
{
	display: block;
	width: 95% !important;
}
.Widget.FullWidth .WidgetHeader 
{
	padding: 10px 15px 10px 15px;
	background-color: var(--color-element-mouseover-highlight);
}
.Widget.Collapsed 
{
	min-height: unset;
	margin-bottom: 10px;
}
.Widget.Collapsed .WidgetContent
{
	display: none;
}

.Widget:not(.Expanded) .WidgetContent table.TableList
{
	padding-bottom: 0px !important; /* condense when not expanded */
}




/* Style horizontal widget tabs */
.WidgetContainer.HorizontalTabs
{

}
.WidgetContainer.HorizontalTabs .Widget.FullWidth
{
	margin: 0px 0px 10px 0px !important;
	padding-bottom: 10px;
	width: 100% !important;
	border-radius: 0px;
	box-shadow: none;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
}
.WidgetContainer.HorizontalTabs .Widget.FullWidth:not(.Collapsed)
{
	min-height: 120px;
}
.WidgetContainer.HorizontalTabs .WidgetHeader
{
	padding: 15px 10px 15px 10px;
	background-color: transparent;
}
.WidgetContainer.HorizontalTabs .WidgetHeader:hover
{

}
.WidgetContainer.HorizontalTabs .WidgetHeader .Title
{
	font-size: var(--font-size-sub-heading) !important;
}
.WidgetContainer.HorizontalTabs .WidgetHeader .Title .Circle
{
	padding-right: 15px;
}
.WidgetContainer.HorizontalTabs .WidgetHeader:hover
{
	cursor: pointer;
}



/* remove any padding for data tables */
.Widget .WidgetContent.TableContent,
.Widget .WidgetContent section.List
{
	padding-left: 0px !important;
	padding-right: 0px !important;
}


/* remove any table borders when inside assignment widgets */
.Widget .WidgetContent.TableContent table.TableList
{
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
}




/* Assignment Widgets */
.Widget.Assignments,
.Widget.AssignedPolicies
{
	min-height: 500px;
	padding-bottom: 30px !important;

	
}

.Widget.Assignments .WidgetHeader .Title,
.Widget.AssignedPolicies .WidgetHeader .Title
{
	font-size: 1.5rem;
	font-family: PortalTextRegular;
	color: var(--color-heading-text);
}



.Widget .TabContentButtons
{
	text-align: right !important;
}
.Widget .TabContentButtons a
{
	margin-right: 15px;
}
.Widget .TabContentButtons a:last-child
{
	margin-right: 0px;
}



/* Generic Modal dialogs */

.GenericModalDialog
{
	
}
:root
{
	/* will be used in Navigation css to offset for logo image width */
	/* value = logo width + margin-right + margin-left */
	--header-logo-width: 200px;  

	/* negative value will also be used */
	--header-logo-width-negative: -200px;  
}


#Header div.CompanyHeaderLogo
{
    background-image: url(/emm/UI/Content/themes/base_v2/verizon_v4/images/VerizonBusiness_GlowWordmark_RGB_2025.png);
    background-repeat: no-repeat;
	background-size: 100px;
	background-color: transparent !important;

	position: absolute;
    width: 100px;
	height: 28px;
	margin: 15px 35px 0px 15px;
	display: inline-block;
	padding: 12px 0px 0px 0px;
}

/* Icon shown within navigation */
#NavigationMenu div.CompanyIcon
{
	background-image: url(/emm/UI/Content/themes/base_v2/verizon_v4/images/verizon_checkmark_2026.png);
	background-repeat: no-repeat;
	background-size: 30px;
	background-color: transparent !important;
	position: absolute;
	width: 30px;
	height: 30px;
	display: inline-block;
}


/* Provision Created Dialogs */
i.SuccessIcon:before
{
	content: unset;
}
i.SuccessIcon
{
	display: inline-block;
	width: 76px;
	height: 75px;
	background-image: url(/emm/UI/Content/themes/base_v2/verizon_v4/images/icons/info_blk.png);
	background-size: contain;
	background-repeat: no-repeat;
}

body.Dark i.SuccessIcon
{
	background-image: url(/emm/UI/Content/themes/base_v2/verizon_v4/images/icons/info_wh.png);
}


i.FailureIcon:before
{
	content: unset;
}
i.FailureIcon
{
	display: inline-block;
	width: 90px;
	height: 90px;
	background-image: url(/emm/UI/Content/themes/base_v2/verizon_v4/images/icons/error_blk.png);
	background-size: contain;
	background-repeat: no-repeat;
}

body.Dark i.FailureIcon
{
	background-image: url(/emm/UI/Content/themes/base_v2/verizon_v4/images/icons/error_wh.png);
}




/* Verizon wants to use their icon */
i.IoT:before
{
	content: unset;
}
i.IoT
{
	display: inline-block;
	background-image: url(/emm/UI/Content/themes/base_v2/verizon_v4/images/Internet-of-things_blk.png);
	background-size: contain;
	background-repeat: no-repeat;
}

body.Dark i.IoT
{
	background-image: url(/emm/UI/Content/themes/base_v2/verizon_v4/images/Internet-of-things_wht.png) !important;
}



i.AccountMDN:before
{
	content: unset;
}
i.AccountMDN
{
	display: inline-block;
	background-image: url(/emm/UI/Content/themes/base_v2/verizon_v4/images/Verizon_logo_square_2025.png);
	background-size: contain;
	background-repeat: no-repeat;
}

/* override styles for header navigation */



#ManagingCompany, #ImpersonatingUser
{
	background-color: #e10014;
}

/* bottom padding should extend to bottom of #NavigationMenu element for smooth mouseovers */
body:not(.VerticalNavigation) #NavigationMenu .Topics .Topic
{
	padding-bottom: 20px !important;
}

/* margin-top should be adjusted so that it vertially aligns right under #NavigationMenu .Topics .Topic for smooth mouseovers */
#NavigationMenu .SubGroupSelected
{
	margin-top: -5px;
}

/* VERIZON THEME FILE */
/* Contains styles for fonts, colors and images. No layout formatting. */



/* NOTE: each Regular family declares both weights, so "font-weight: bold" resolves to the real bold file
         instead of relying on the browser to fake it (Chrome fakes it on Windows, not on macOS).  The Bold
         families below are kept as-is, so "font-family: PortalTextBold" is bold at any font-weight. */

@font-face
{
    font-family: PortalTextRegular;
    src: url(/emm/UI/Content/themes/base_v2/verizon_v4/fonts/VerizonNHGTX-Regular.ttf) format('truetype');
    font-weight: normal;
}

@font-face
{
    font-family: PortalTextRegular;
    src: url(/emm/UI/Content/themes/base_v2/verizon_v4/fonts/VerizonNHGTX-Bold.ttf) format('truetype');
    font-weight: bold;
}

@font-face 
{
    font-family: PortalTextBold;
    src: url(/emm/UI/Content/themes/base_v2/verizon_v4/fonts/VerizonNHGTX-Bold.ttf) format('truetype');
}

@font-face
{
    font-family: PortalLargeTextRegular;
    src: url(/emm/UI/Content/themes/base_v2/verizon_v4/fonts/VerizonNHGDS-Regular.ttf) format('truetype');
    font-weight: normal;
}

@font-face
{
    font-family: PortalLargeTextRegular;
    src: url(/emm/UI/Content/themes/base_v2/verizon_v4/fonts/VerizonNHGDS-Bold.ttf) format('truetype');
    font-weight: bold;
}

@font-face 
{
    font-family: PortalLargeTextBold;
    src: url(/emm/UI/Content/themes/base_v2/verizon_v4/fonts/VerizonNHGDS-Bold.ttf) format('truetype');
}

@font-face 
{
    font-family: AppleFont;
    src: url(/emm/UI/Content/themes/base_v2/verizon_v4/fonts/PT_Sans-Web-Regular.ttf) format('truetype');
}



:root
{
	--color-primary-text: #000000;												/* vds-color/black */
	--color-heading-text: #e10014;												/* vds-color/standardred */
	--color-heading-secondary-text: #716F6D;									/* vds-color/gray-600 */

	--color-disabled-text: #AAA8A3;												/* vds-color/gray-400 */
	--color-disabled-text-border: #AAA8A3;										/* vds-color/gray-400 */
	--color-disabled-background: #dddcda;										/* vds-color/gray-400 @ 40% */
	--color-warning-text: #e10014;												/* vds-color/standardred */
	--color-caution-text: #FFCD27;												/* vds-color/yellow-600 */

	--color-field-validation-error-input-background: #FFCAAA;					/* vds-color/orange-200 */
	--color-field-validation-error-input-background-highlight: #FFA46D;			/* vds-color/orange-400 */
	--color-field-validation-error-message: #FF8027;							/* vds-color/orange-600 */

	--color-hyperlink-text: #006FC0;											/* vds-color/blue-800 */
	--color-hyperlink-text-highlight: #003E6C;									/* vds-color/blue-1000 */

	--color-primary: #000000;													/* vds-color/black */
	--color-highlight: #e10014;													/* vds-color/standardred */

	--color-icon-button: #000000;												/* vds-color/black */
	--color-icon-button-highlight: #e10014;										/* vds-color/standardred */

	--color-button-background: #000000;											/* vds-color/black */
	--color-button-text: #FFFFFF;												/* vds-color/white */
	--color-button-highlight: #716F6D;											/* vds-color/gray-600 */

	--color-secondary-button-background: #FFFFFF;								/* vds-color/white */
	--color-secondary-button-text: #000000;										/* vds-color/black */
	--color-secondary-button-highlight: #dddcda;								/* vds-color/gray-400 @ 40% */

	--color-primary-background: #FFFFFF;										/* vds-color/white */
	--color-secondary-background: #dddcda;										/* vds-color/gray-400 @ 40% */
	--color-element-border: #DDDAD4;											/* vds-color/gray-200 */
	--color-element-border-secondary: #716F6D;									/* vds-color/gray-600 */
	--color-element-mouseover-highlight: #F8F7F5;								/* vds-color/gray-100 */
	--color-data-row-background: #FFFFFF;										/* vds-color/white */
	--color-data-row-alternate-background: #FFFFFF;								/* vds-color/white */
	--color-data-row-selected: #AAD8F9;											/* vds-color/blue-200 */

	--font-size-primary: 0.875rem;
	--font-size-data-tables: 0.875rem;
	--font-size-paragraph: 16px;
	--font-size-heading: 2.5rem;
	--font-size-sub-heading: 18px;
	--font-size-compact: 0.80rem;
	--font-size-input: 0.875rem;

	--font-size-icon-button: 18px;


	--navigation-background-color: #000000;
	--navigation-color-primary-text: #FFFFFF;
	--navigation-color-hyperlink-text: #AAAAAA;
	--navigation-color-hyperlink-text-highlight: #CD040B;

	--navigation-font-size-heading: 16px;	

	--navigation-vertical-full-width: 180px;
	--navigation-vertical-collapsed-width: 50px;
	--navigation-vertical-submenu-background-color: #F8F7F5FC; /* slightly transparent */
	--navigation-vertical-submenu-color-text: #000000;
	--navigation-vertical-font-size-heading: 0.80rem;
}


/* add gradient just below page header */

body > #Container
{
	background-image: linear-gradient(to bottom, #DDDAD4CC, transparent);
	background-repeat: no-repeat;
	background-size: 100% 40px;
}
/* the login page has no header for the gradient to sit under (body class set by Home/Login.cshtml) */
body.LoginPage > #Container
{
	background-image: none;
}
body.Dark #Container
{
	background-image: none !important;
}

/* add slight background color to search input */
.SearchPanel .Field.SearchText .SearchInputWrapper input
{
	background-color: #DDDAD499 !important; /* vds-color/gray-200 @ 60% opacity */
}
body.Dark .SearchPanel .Field.SearchText .SearchInputWrapper input
{
	background-color: transparent !important;
}